Mermaid: Markdown-like generation of diagrams and flowcharts from text
Mermaid is great, and I've used it for architectural diagrams of how tech stacks are put together, or data flows between apps. But it only produces marginally nicer-looking diagrams than Graphviz, and it optimizes badly against unnecessary line intersections (e.g. it's far too easy to end up with this, even in trivial diagrams: <a href="https://imgur.com/Tkpa9fD" rel="nofollow">https://imgur.com/Tkpa9fD</a>).<p>My wish is for a diagram renderer with a smarter layout algorithm that heavily optimizes for direction and cleanness, understands grouping really well, and comes with easy ways to apply SVG styles. I like Google's diagrams in this regard:<p><a href="http://donatz.info/wp-content/uploads/2017/10/google-cloud-architecture-beautiful-on-with-regard-to-real-time-bidding-architectures-1.png" rel="nofollow">http://donatz.info/wp-content/uploads/2017/10/google-cloud-a...</a><p><a href="http://donatz.info/wp-content/uploads/2017/10/google-cloud-architecture-lovely-on-intended-designing-etl-for-a-native-data-warehouse-5.png" rel="nofollow">http://donatz.info/wp-content/uploads/2017/10/google-cloud-a...</a><p><a href="http://donatz.info/wp-content/uploads/2017/10/google-cloud-architecture-fine-on-intended-for-platform-blog-understanding-pricing-6.png" rel="nofollow">http://donatz.info/wp-content/uploads/2017/10/google-cloud-a...</a>