Mermaid Chart
Visualize API endpoints as a Mermaid mindmap to get a bird's-eye view of your API structure.
Usage
noir -b . -f mermaid
Example Output
The mindmap is a tree: the root node represents the API, branches are URL path segments, and leaves show HTTP methods with their parameters (grouped by type: body, headers, cookies).
Mermaid Output
mindmap
root((API))
GET
about
GET
GET
POST
body
data
id
gems
GET
gems_json
GET
cookies
cookie
body
query
sort
POST
cookies
cookie
body
query
sort
gems_yml
GET
cookies
cookie
body
query
sort
PUT
cookies
cookie
body
query
sort
path_111
PUT
pets
GET
cookies
cookie
body
query
sort
POST
body
name
param_petId
GET
body
petId
PUT
body
breed
name
petId
shards
GET
users
POST
body
email
name
param_userId
GET
headers
Authorization
body
userId
v1
pets
GET
POST
param_petId
GET
body
petId
PUT
body
petId
zz
GET
DELETE
Paste the raw output into the Mermaid live editor to render it interactively, or embed it directly in Markdown files — GitHub, GitLab, and Notion all render Mermaid natively.
mindmap
root((API))
GET
about
GET
GET
POST
body
data
id
gems
GET
gems_json
GET
cookies
cookie
body
query
sort
POST
cookies
cookie
body
query
sort
gems_yml
GET
cookies
cookie
body
query
sort
PUT
cookies
cookie
body
query
sort
path_111
PUT
pets
GET
cookies
cookie
body
query
sort
POST
body
name
param_petId
GET
body
petId
PUT
body
breed
name
petId
shards
GET
users
POST
body
email
name
param_userId
GET
headers
Authorization
body
userId
v1
pets
GET
POST
param_petId
GET
body
petId
PUT
body
petId
zz
GET
DELETE
Tips
- The root node is always labeled
API. - HTTP methods, endpoint paths, and parameters are all represented in the mindmap.
- For large APIs, collapse or expand branches in Mermaid-compatible viewers.