myinfra
flowchart-fun
myinfra | flowchart-fun | |
---|---|---|
2 | 60 | |
41 | 3,005 | |
- | 0.4% | |
1.8 | 8.8 | |
about 3 years ago | 4 days ago | |
Python | TypeScript | |
MIT License | MIT License |
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.
myinfra
-
Graphviz: Open-source graph visualization software
Graphviz is awesome!
Here are a couple of my diagrams:
https://beepb00p.xyz/blog-graph.html -- graph of my blog pages with tags/connections between posts, generated with a DSL-ish python script https://github.com/karlicoss/beepb00p/blob/master/misc/index...
https://beepb00p.xyz/myinfra.html -- map of my personal data & infrastructure (discussed a year ago https://news.ycombinator.com/item?id=26269832 ). Also a similar DSL https://github.com/karlicoss/myinfra/blob/master/generate.py
The main downside for me is that sometimes it gets the positioning wrong, and you can see how it can be easily fixed, but it's hard to convince graphviz to actually do so. Basically I'd love a tool where I can do 10% of positioning manually and let the rest be constraint based like in graphviz.
-
Map of my personal data infrastructure
Not the first time, but possibly the biggest thing I've drawn in it...
There definitely are some weird things when you try to plot complicated things, fighting with weird placement, clusters etc. But not sure if it's me or Graphviz to blame for this. But I don't really know a better tool. If I knew how the diagram would look in hindsight I might have drawn in manually in inkscape or something, but when I started I didn't know what I would end up with, so needed to be an automatic tool :)
To minimize the manual work, I ended up with a mix of DSL in python and raw graphviz commands: https://github.com/karlicoss/myinfra/blob/fc6345c31c4e49b534...
Depending on the things you want to represent a better fit might be force layout, for example something like https://observablehq.com/@morvasaaty/d3-force-notes
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
What are some alternatives?
awesome-quantified-self - :bar_chart: Websites, Resources, Devices, Wearables, Applications, and Platforms for Self Tracking
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]
DFB - A mini development environment for developing and troubleshooting the Cypress PSoC Digital Filter Block
Cytoscape.js - Graph theory (network) library for visualisation and analysis
object_playground - A tool for visualizing and experimenting with JavaScript object relationships.
d3-dag - Layout algorithms for visualizing directed acyclic graphs
embedded-struct-visualizer - Tool to visualize the graph of embedded structs in Go projects
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
hpcc-js-wasm - HPCC-Systems Web-Assembly (JavaScript)
sketchviz - A command line clone of https://sketchviz.com/
PSGraph - A set of utilities for working with Graphviz in Powershell
qgroundcontrol - Cross-platform ground control station for drones (Android, iOS, Mac OS, Linux, Windows)