Article · 5 min read

Creating diagrams on GitHub

GitHub · docs.github.com Free Intermediate

GitHub's guide to drawing Mermaid diagrams directly in READMEs, issues and pull requests.

  • Put the architecture diagram in the README so it lives next to the code.
  • A Mermaid code block renders as a picture on GitHub with no export step.
Open on docs.github.com ↗

The question it answers

  1. Which free tool should I use to draw flowcharts, org charts and diagrams?

Read with it

  1. A free, no signup whiteboard with a deliberately hand drawn look, ideal for sketching screens and flows without falling into... Excalidraw Tool Excalidraw Excalidraw
  2. Whimsical does mind maps, flowcharts, wireframes and docs in one clean tool. Free to evaluate; Pro is $10 an editor a month and... whimsical.com Tool · Pricing page Whimsical pricing Whimsical
  3. The free, open-source diagram editor (also known as diagrams.net): free forever, no sign-up, and your files stay wherever you... drawio.com Tool · Web and desktop app draw.io draw.io
  4. Lucidchart's pricing page. The free plan allows 3 editable documents with up to 75 shapes each; Individual is $9 a month billed... lucidchart.com Tool · Pricing page Lucidchart pricing Lucid
  5. Mermaid turns a few lines of text into flowcharts, sequence diagrams, ER diagrams and more. Because the diagram is text, an AI... mermaid.js.org Tool · Docs and live editor Mermaid Mermaid
  6. The open-source tool that draws UML diagrams (sequence, class, activity and more) from simple text descriptions, standard in... plantuml.com Tool · Docs PlantUML PlantUML
eChai Partner Brands The partnership →