5 ms·
I've been (idly) looking for something like this just in the past couple of weeks, though I wasn't exactly sure what I wanted it to look like. I really like the
by gregmac 9y ago
I've been (idly) looking for something like this just in the past couple of weeks, though I wasn't exactly sure what I wanted it to look like. I really like the visualization of service connections, great job!
I was playing with d3js to build a Sankey diagram, but it wasn't quite right -- this is pretty much what I was going for but hadn't quite pictured yet.
Ultimately, I am actually trying to build a dashboard to put up on a monitor on the wall with this information, but also overlay status (instance health, versions, etc). I guess it could sort of be done using sever-side image generation, so long as ETag caching is working properly, and you only regenerate the image if anything has actually changed.
I may give this a shot at some point, but before I do, anyone have ideas on how to get this result using javascript running in browser?
- asutherland 9y agoviz.js (https://github.com/mdaines/viz.js https://github.com/mdaines/viz.js demo at http://viz-js.com/ http://viz-js.com/) is graphviz compiled to JS using emscripten. graphviz-d3-renderer (https://github.com/mstefaniuk/graph-viz-d3-js https://github.com/mstefaniuk/graph-viz-d3-js demo at http://graphviz.it/ http://graphviz.it/) uses viz.js to render to (x)dot format, then parse that so you can use d3 on top of it. Using those two, you should be able to leverage the layout smarts of graphviz with the presentation smarts of d3.
- VectorLock 9y agoI've had this exact same thing on my todo list for a long time but have never had the time to invest in it. Netflix Vizceral kind of fits the bill as well https://github.com/Netflix/vizceral https://github.com/Netflix/vizceral