# Mermaid

Tool · [Standard tools and platforms](https://ecosystem.samcarlton.com/tools)

Also called: Mermaid.js, MermaidJS, Mermaid diagram, Mermaid chart

An [open-source](https://ecosystem.samcarlton.com/open-source) tool that draws diagrams, such as flowcharts and system maps, from short text descriptions. [GitHub](https://ecosystem.samcarlton.com/github) and many docs tools display it directly.

**For example:** A [developer](https://ecosystem.samcarlton.com/software-engineer) writes a few lines of Mermaid in the README, and [GitHub](https://ecosystem.samcarlton.com/github) shows a diagram of how the app's parts connect.

Official site: <https://mermaid.js.org>

## Connects to (4)

- [Open source](https://ecosystem.samcarlton.com/open-source): Software whose code is published for anyone to read, use and build on, under a license that sets the rules for doing so.
- [Tech stack](https://ecosystem.samcarlton.com/tech-stack): The set of programming languages and tools a product is built with.
- [GitHub](https://ecosystem.samcarlton.com/github): A website where developers store code repositories, review each other's changes and work on software together.
- [React Flow](https://ecosystem.samcarlton.com/react-flow): An open-source React library for building node-based diagrams and editors, where people drag boxes onto a canvas and connect them with…

Map view: https://ecosystem.samcarlton.com/mermaid