Introduction to Mermaid Flowcharts Syntax
10 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

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:

<p>Unicode text = Text enclosed in double quotes Markdown formatting = Text enclosed in double quotes and backticks</p> Signup and view all the answers

Match the type of arrow with its function:

<p>Multi-directional arrows = Arrows that can point in multiple directions Links/edges = Connections between nodes</p> Signup and view all the answers

Match the type of node edge text with its usage:

<p>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</p> Signup and view all the answers

Match the following link styles with their descriptions:

<p>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</p> Signup and view all the answers

Match the following arrow types with their examples:

<p>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</p> Signup and view all the answers

Match the following special characters usage with their purpose:

<p>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</p> Signup and view all the answers

Match the following subgraph features with their descriptions:

<p>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</p> Signup and view all the answers

More Like This

Use Quizgecko on...
Browser
Browser