Our great sponsors
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.
viz.js
-
FlowChart Applications
Generally, you're best off with Viz.js, an emscripten transcompile of GraphViz
-
Trying to create a tool similar to this image that allows me to creat different workflows by drag and drop and connecting but don' know what its called in order to research how to do it. Does an have a suggestion on where to look to get started? Are there any libraries that exist already? Thank you!
Other resources - Graphviz and Viz.js helped me a lot in in creating graphing app I built before I knew of these other libraries. "Graph visualization" was what I was searching for.
-
Readable unit counters chart
To modify it, go to http://viz-js.com/, select Engine: circo and paste the following code: ``` digraph G { // Colors. See https://graphviz.org/doc/info/colors.html. Pikemen, MenAtArms [style=filled, fillcolor=lightskyblue1] Archers, Crossbowmen [style=filled, fillcolor=khaki] Horsemen, Knights [style=filled, fillcolor=lawngreen] Rams, Springalds, Mangonels, Trebuchets [style=filled, fillcolor=plum]
- Include diagrams in your Markdown files with Mermaid
- Graphviz: Open-source graph visualization software
-
Looking for a Graph Visualization Software or Library
This might fit the bill in js land http://viz-js.com/
-
Ask HN: What are the best charting / graphing JavaScript tools
> but the bundle is enormous - over a megabyte of data
If only DOT layout engine and JSON output format is enabled at compile time it is about 600KiB, or less than 200KiB Gzipped. https://github.com/rapidlua/viz.js
> A nice thing about having an SVG render is that it's very easy to attach events, and inline SVGs can be styled with CSS.
Indeed it’s super handy! I’m using this approach in https://LuaJIT.me to produce an interactive visualisation of a graph of traces in a JIT compiler.
graphviz
-
Dot_ix: Interactive GraphViz Dot Graphs
If you love GraphViz and would like to support it, please do.
> Graphviz is maintained by a few very talented volunteers, and with some help from its founders. Financial donations are accepted on patreon. Anyone who is able to fund a summer intern project (or other project) based on graphviz is invited to contact any of the project leaders, e.g. send a message to north on graphviz org).
> This project has only 3 of its founders remaining as volunteer maintainers, and support is limited and may end soon. If you can help fund to a more formal foundation to continue this project, please contact north on graphviz org.
https://gitlab.com/graphviz/graphviz#support
- goroutines and goccy/go-graphviz package
- Graphviz 7
- Graphviz v7
-
A CSS-Inspired Syntax for Flowcharts
That's interesting. It's not hard to see the problem. HTML labels don't help, either. How do other languages solve this? Like, a shell HERE document that has one fixed string as a terminator? The graphviz lexer https://gitlab.com/graphviz/graphviz/-/blob/main/lib/cgraph/... seems hackable but disabling downstream processing of escapes elsewhere would be necessary too. Possibly this would mean bypassing some of the processing in the function make_label in https://gitlab.com/graphviz/graphviz/-/blob/main/lib/common/...
It's a disappointment or even failure of our current language scanning and parsing tools or, really, the way we used them, that this is not an easy exercise.
- graphviz: Graph Visualization Tools
-
Graphviz: Open-source graph visualization software
If you have bug fix or enhancement requests, try https://gitlab.com/graphviz/graphviz/-/issues?scope=all&stat...
-
Favorite Resources of 2021
Diagrams as Code based on graphviz; for prototyping cloud system architectures
What are some alternatives?
uPlot - 📈 A small, fast chart for time series, lines, areas, ohlc & bars
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Mermaid - Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
plantuml - Generate diagrams from textual description
hpcc-js-wasm - HPCC-Systems Web-Assembly (JavaScript)
backendlore - How I write backends
sketchviz - A command line clone of https://sketchviz.com/
step-ca-on-rpi - Smallstep Certificate Authority on Rpi4 with Yubikey
dot-to-ascii - Graphviz to ASCII converter using Graph::Easy
d3-dag - Layout algorithms for visualizing directed acyclic graphs
mdbook-graphviz