Introduction to Mermaid Flowcharts Syntax

HandsomeSanDiego avatar
HandsomeSanDiego
·
·
Download

Start Quiz

Study Flashcards

10 Questions

Match the Flowchart orientation with its description:

TD or TB = Flowchart oriented from top to bottom LR = Flowchart oriented from left to right

Match the node shape with its corresponding type:

Rhombus = Diamond-shaped node Hexagon = Node with six sides Parallelogram = Four-sided node with opposite sides parallel Cylinder = Node in a cylindrical shape

Match the Mermaid code element with its function:

Node (default) = Default node without any specific shape Node in a subroutine shape = Node representing a subroutine Double circle = Node in the form of two concentric circles Stadium-shaped node = Node shaped like a stadium

Match the text formatting method with its description:

Unicode text = Text enclosed in double quotes Markdown formatting = Text enclosed in double quotes and backticks

Match the type of arrow with its function:

Multi-directional arrows = Arrows that can point in multiple directions Links/edges = Connections between nodes

Match the type of node edge text with its usage:

Last text found for the node = Text used if multiple texts are defined for a node Omitted text definitions = Text used when edges are defined later for a node

Match the following link styles with their descriptions:

A link with arrow head = Link with an arrowhead at the end Dotted link = Link with a dotted line style Thick link with text = Link with thick line style and text Invisible link = Link that is not visible

Match the following arrow types with their examples:

Circle edge example = Circular edge arrow type Cross edge example = Arrow crossing over another edge Multi directional arrows = Arrows pointing in multiple directions Minimum length of a link = Adding extra dashes to increase span

Match the following special characters usage with their purpose:

Entity codes to escape characters = Using base 10 numbers to encode characters Numbers given are base 10 = Encoding # as #35; HTML character names support = Using HTML names for special characters Text within quotes rendering = Rendering troublesome characters within quotes

Match the following subgraph features with their descriptions:

Subgraphs explicit id setting = Setting a specific ID for a subgraph Edges to and from subgraphs in flowchart = Defining edges connecting to subgraphs in flowcharts Direction in subgraphs control = Setting direction of edges within subgraphs Grasping flowchart graphtype = Understanding flowchart graph types

Learn about the basic syntax of creating flowcharts using Mermaid code, including defining nodes with text, different arrow types, multi-directional arrows, and linking to and from subgraphs. Understand how to customize the text within nodes and specify edges for each node.

Make Your Own Quizzes and Flashcards

Convert your notes into interactive study material.

Get started for free

More Quizzes Like This

Use Quizgecko on...
Browser
Browser