Simplify your algorithms with

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

kelly-sikkema-lFtttcsx5Vk-unsplash
Curious to see how it works?
Click here for a thorough walkthrough!
Login Flow Example
The DRAKON Flowchart Experience

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.
Simplify
Customize
Share

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.

Simplify
Customize
Share

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.

Simplify
Customize
Share
The DRAKON Flowchart Experience

'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

kelly-sikkema-lFtttcsx5Vk-unsplash
Curious to see how it works?
Click here for a thorough walkthrough!
Login Flow Example