flowchart-fun
d2
Our great sponsors
flowchart-fun | d2 | |
---|---|---|
60 | 92 | |
3,002 | 15,837 | |
0.7% | 3.4% | |
8.8 | 9.8 | |
4 days ago | 9 days ago | |
TypeScript | Go | |
MIT License | Mozilla Public License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
flowchart-fun
-
Ask HN: Anyone use a code to mindmap/flowchart tool?
https://flowchart.fun recently helped a lot with a project.
- Simple Text to Flowchart, Online & Free
-
How to draw beautiful software architecture diagrams
- flowchart.fun - paid - https://flowchart.fun
- Text to Mindmap
- Flowchart Fun
-
What is your favorite diagram software?
flowchart.fun though!
-
Ask HN: AI to study my DSL and then output it?
On https://flowchart.fun I found that I got better overall results by asking GPT for an intermediate syntax that it was less likely to mess up (and easier for me to parse), and then parsing and transforming that syntax to my DSL. The relevant code: https://github.com/tone-row/flowchart-fun/blob/main/api/prom...
-
Would like to create documentation for my server - What are the best tools ?
https://flowchart.fun is a good one if you're looking for something fast. (It's text-to-diagram)
-
Using GPT-4 for Business Process Flowcharts - Converting Visio to a Text-Based Syntax?
That's the use-case we're angling for with our GPT integration on flowchart.fun
-
Displaying a tree of questions graphically
If you just need the image for your interface, you can generate one very quickly with https://flowchart.fun
d2
- NMAP-formatter: convert NMAP results to HTML, CSV, JSON, graphviz (dot), SQLite
- Penrose – Penrose
-
Pikchr: A PIC-like markup language for diagrams in technical documentation
While not embedded in markdown, I like d2 [1]. I can use it with org-babel to embed and view the diagrams on emacs. After using graphviz for years, the visual output seems more polished to me. With that said, I want to give pikchr a try.
[1]:https://d2lang.com/
- Ask HN: How do you build diagrams for the web?
-
Documentation as Code for Cloud - C4 Model & Structurizr
In the next post I'll deep-dive into the D2 language which also has a huge set of features. Stay tuned.
- Inkscape Cloud Architect
-
Nomnoml
That site is created by the maintainers of D2[1], so it might be biased, but I still think D2 has the friendliest syntax of the bunch, including nomnoml.
[1]: https://d2lang.com/
- Software Architecture Tools
- D2: Declarative Diagramming
-
Architecture diagrams enable better conversations
I've been using https://structurizr.com/ to automatically generate C4 diagrams from a model (rather than drawing them by hand). It works well with the approach for written documentation as proposed in https://arc42.org/. It's very easy to embed a C4 diagram into a markdown document.
The result is a set of documents and diagrams under version control that can be rendered using the structurizr documentation server (for interactive diagrams and indexed search).
I also use https://d2lang.com/ for declarative diagrams in addition to C4, e.g., sequence diagrams and https://adr.github.io/ for architectural decision records. These are also well integrated into structurizr.
What are some alternatives?
react-flow - React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. [Moved to: https://github.com/xyflow/xyflow]
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Cytoscape.js - Graph theory (network) library for visualisation and analysis
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
d3-dag - Layout algorithms for visualizing directed acyclic graphs
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
Mermaid - Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
sketchviz - A command line clone of https://sketchviz.com/
diagrams - :art: Diagram as Code for prototyping cloud system architectures
qgroundcontrol - Cross-platform ground control station for drones (Android, iOS, Mac OS, Linux, Windows)
mermaid-cli - Command line tool for the Mermaid library