demo_draw_diagram_using_Markdown.md

Draw Diagram using Markdown

• markdown preview enhanced is a Atom package

  • preview markdown in Atom editor on the fly
  • allow you to draw flow chart using power of mermaid
  • you can export the document in html or pdf

• mermaid let you draw diagram like writing markdown

  • supporting lots of diagram

DEMO

• compare serialize() and deserialize()

graph LR
s(" <code>dict</code> or <code>list</code>
   <br/><br/>in Python")
b["formated string: <code>str</code>
  <br/><br/>(exchangeable data)"]

s --"<code>json.dumps()</code>
  <br/><br/>serialization"--> b

b --"<code>json.loads()</code>
  <br/><br/>deserialization"--> s

• the previous content looked like this: