Transit system diagrams

[danieljuschus]

Proposal

It would be great to be able to create transit system diagrams in Mermaid. I thought of this when seeing https://mermaid.js.org/syntax/gitgraph.html, e.g.:

This could be two metro lines with one connecting point, for example.

Obviously, it would be a bit more complex than a git graph, which just has parallel branches. The following would be needed:

• Ability to add lines intersecting in a perpendicular way (or even 45°)
• Different styles for the "vertices", depending on whether there is a connection, or whether it's a terminus station
• Adding backdrops to show fare zones

and probably more.

The Transport for London Line Diagram Standards would be a nice starting point: https://content.tfl.gov.uk/tfl-line-diagram-standard.pdf

I would like to try working on this myself, but I have no idea where to start. Maybe someone can point me in the right direction?

Use Cases

• Showing the layout of an existing transit system
• Showing the layout of a future or fictional transit system

Obviously, this will not be used for a "finished" map that would be published by a transit agency (they would use graphic design programs). But it would be really nice e.g. in places like Obsidian.

Screenshots

No response

Syntax

No response

Implementation

This is a proposal which I'd love to see built into mermaid by the wonderful community.

[phiscesjb]

This will be a great addition to mermaid. Knowledge maps based on metro map layout will be super useful.

[Nish9]

I would like to add that it would be great if the transit diagrams could be customizable for other purposes. For example to create similar diagrams for dataflow - such as is widely used in nextflow pipelines. Example: https://github.com/nf-core/cutandrun/blob/3.1/docs/images/cutandrun-flow-diagram-v3.0.png

[azankl]

I had the same thought when seeing the gitgraph! Please make this happen! +1 from me!