Drakon Mapping
DRAKON (Дракон) is a visual language for creating algorithmic flowcharts, developed in the 1980s by engineer Vladimir Parondzhanov and his team. DRAKON is better than standard flowcharts techniques, particularly for designing applications.
Some advantages of implementing DRAKON Flowcharts
Standardized Structure
DRAKON enforces a more rigid structure than traditional flowcharts, reducing ambiguity. It does so using the "skewer" component (main vertical line) that clearly shows the primary flow of control.
Improved Readability
Reduced Cognitive Load
Error Reduction
Scalability
Branching Clarity
Cross-disciplinary Communication
Maintenance and Updates

Tools & platforms where DRAKON Flowcharts can be implemented
We recommend using DrakonHub as it has been specifically designed for DRAKON, others are more general diagramming tools that can be adapted to create DRAKON-style charts.
DrakonHub
Some features of DrakonHub:
- Web-based DRAKON editor
- Collaboration features
- Exports to various formats (PNG, SVG, PDF)
- Code generation for some programming languages
DrakonHub offers a Freemium model with paid plans for advanced features.
draw.io (diagrams.net)
Some features of draw.io (diagrams.net):
- Web-based general diagramming tool
- Can be used to create DRAKON-style diagrams
- Extensive shape library
- Integration with cloud storage services
draw.io (diagrams.net) is free for basic use.
Lucidchart
Some features of Lucidchart:
- Web-based diagramming tool
- Can be adapted for DRAKON-style diagrams
- Collaboration features
- Integrations with other productivity tools
Lucidchart offers a Freemium model with paid plans for advanced features.
'Silhouette' and 'The Skewer' Components
Cruise Accelerator's components were specifically developed for a smooth and easy integration into all of your Neptune projects.
The main function of the Silhouette component is to improve readability
-
Manage Complexity
The silhouette feature allows breaking down complex algorithms into smaller, more manageable logical parts. This helps avoid overwhelming the reader with too much information at once. -
Emphasize High-Level Structure
By encapsulating lower-level details within silhouettes, the high-level structure and flow of the diagram becomes clearer and easier to grasp. The reader can focus on the overall logic without getting bogged down in minutiae. -
Facilitate Modular Design
Silhouettes enable a modular approach to flowchart design, where reusable sub-processes can be defined and called from multiple places. This promotes consistency and maintainability. -
Align with Human Cognition
The hierarchical, nested nature of silhouettes aligns well with how humans naturally process information. It allows breaking down complex problems into more digestible chunks, making the diagrams more intuitive to understand. -
Provide Visual Clues
The distinct silhouette shape acts as a visual cue, helping the reader quickly identify the different components and levels within the flowchart. This enhances the overall clarity and scanability of the diagram.
The 'Skewer' component is representative of the 'Happy Path'
In a DRAKON diagram, the main vertical line or "skewer" represents the "happy path" - the most common or successful sequence of steps in the algorithm. This central path is visually emphasized, making it easy for the reader to quickly identify the main flow of the process.
-
Sorting Paths from Left to Right
When there are multiple paths branching off from the skewer, they are sorted from left to right in order of decreasing desirability or likelihood. The "best" path follows the central skewer, while less favorable paths branch off to the right.
This left-to-right ordering helps the reader quickly grasp the overall structure and prioritization of the different scenarios modeled in the diagram.
-
Minimizing Visual Clutter
By using the skewer to highlight the main flow, DRAKON diagrams avoid the visual complexity and clutter that can plague traditional flowcharts. The central path stands out clearly, while secondary paths branch off in an organized manner.
This clean, uncluttered layout makes the diagrams much easier to comprehend at a glance, without forcing the reader to parse a tangled web of arrows and connections.
-
Aligning with Human Cognition
The skewer concept aligns well with how humans naturally process information. We tend to focus on the "happy path" or most common scenario first, and then consider less likely alternatives. DRAKON's visual design taps into this cognitive tendency, making the diagrams more intuitive and easier to understand.
In summary, the skewer is a powerful organizational principle that gives DRAKON flowcharts a clear, readable structure. It emphasizes the main flow, organizes secondary paths, minimizes visual clutter, and aligns with human cognitive patterns. This results in diagrams that are simpler to comprehend and communicate effectively.
Key Features of DRAKON Flowcharts
Clarity & Readability
DRAKON aims to make algorithms easily understandable at a glance.
Formal Rules
It has strict rules for diagram construction, ensuring consistency.
Silhouette
The overall shape of the diagram provides immediate insight into the algorithm's structure.
Primitives
DRAKON uses a set of standardized shapes (icons) to represent different actions and control structures.
Skewer
A vertical line that represents the main flow of the algorithm.
Branching
Clear representation of conditional statements and loops.
Hybrid Nature
Can be used purely visually or combined with textual programming languages.
