d3-dag
myinfra
Our great sponsors
| d3-dag | myinfra | |
|---|---|---|
| 3 | 2 | |
| 1,417 | 41 | |
| - | - | |
| 6.1 | 1.8 | |
| 17 days ago | about 3 years ago | |
| TypeScript | Python | |
| 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.
d3-dag
-
Any alternative to d3-dag in Python?
It seems that d3-dag implements crossing edge minimization, coordinate assignment, and produces neat DAGs. But it’s implemented in JavaScript.
-
Graphviz: Open-source graph visualization software
An alternative to dagre-d3 is d3-dag: https://github.com/erikbrinkman/d3-dag
I've had good success with cytoscapejs as well, integrating with react so the graph will animate layout on transition. I use elk, which is apparently superior to sugiyama (the algorithm graphviz uses for force-directed dag layouts).
-
eUTxO Visualizer
I am using something like this https://github.com/erikbrinkman/d3-dag
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
What are some alternatives?
plantuml - Generate diagrams from textual description
awesome-quantified-self - :bar_chart: Websites, Resources, Devices, Wearables, Applications, and Platforms for Self Tracking
flowchart-fun - Easily generate flowcharts and diagrams from text ⿻
DFB - A mini development environment for developing and troubleshooting the Cypress PSoC Digital Filter Block
graphviz
object_playground - A tool for visualizing and experimenting with JavaScript object relationships.
hpcc-js-wasm - HPCC-Systems Web-Assembly (JavaScript)
PMapper - A tool for quickly evaluating IAM permissions in AWS.
embedded-struct-visualizer - Tool to visualize the graph of embedded structs in Go projects
mdbook-graphviz
PSGraph - A set of utilities for working with Graphviz in Powershell