Concept Mapper
Map concepts and labelled relationships between them; export as bullet list or Mermaid graph.
Written by Golam Rabbani, Founder & Lead Engineer
How to use this concept mapper
- Edit the concept names in the left column; add or remove concepts as needed.
- In the right column, add relationships by picking a "from" concept, typing a label, and picking a "to" concept.
- Pick the output format: "Bullet list" for a readable summary, "Mermaid graph" for a diagram.
- Click Generate Map.
- Click Copy to copy the bullet list or the Mermaid code (which you can paste into Notion, GitHub Markdown, or mermaid.live to render the diagram).
About this concept mapper
A concept map is a directed graph of ideas: each node is a concept, each arrow is a labelled relationship between two concepts. Unlike a mind map, where everything branches from a single root, a concept map lets any concept link to any other, with the relationship label carrying the meaning ("causes", "is part of", "leads to", and so on).
This tool gives you two side-by-side editors. The concepts editor lists every node; the relationships editor lets you pick two of those nodes plus a label. Deleting a concept also removes every relationship that referenced it, so the graph stays consistent. Output format toggles between a readable bullet listing of triples and Mermaid `graph TD` syntax that renders as a real diagram in any Mermaid-aware viewer.
For example, start with concepts "Plants", "Sunlight", "Photosynthesis", "Oxygen" and relationships "Plants —perform→ Photosynthesis", "Sunlight —powers→ Photosynthesis", "Photosynthesis —produces→ Oxygen". In bullet mode the output lists each concept and each triple under headings; in Mermaid mode the output is `graph TD` followed by four node lines and three labelled arrow lines, ready to paste into a Markdown block fenced with ```mermaid for instant rendering.
FAQ
- Concept map vs mind map — what is the difference?
- A mind map has one root and branches out hierarchically. A concept map is a free-form graph where any node can link to any other, and every arrow has its own label describing the relationship.
- How do I render the Mermaid output?
- Paste the code inside a ```mermaid ... ``` block in GitHub, Notion, Obsidian, GitLab, or any tool that supports Mermaid. For a quick preview, paste it into the live editor at mermaid.live.
- What happens to relationships when I delete a concept?
- They are removed automatically. The relationship dropdowns can only target existing concepts, so the graph is always self-consistent.
- Are special characters safe in concept names?
- Yes. In Mermaid output, names are wrapped in quotes and any embedded double-quote is escaped, so concept titles with spaces or punctuation render correctly.
- Is anything stored remotely?
- No. The concept list, the relationships, and the export step run entirely in your browser.