viz-js
viz-js copied to clipboard
Curious - what are you using viz.js for?
I will go first!
We are working on a tiny web based solution to show network infrastructure.
graphical representation of workflows
I'm using it to support some WordPress plugins. One to bring GraphViz to WordPress as a plugin: WP-GraphViz. And another one using this plugin to visualise networks of services in a Service Oriented Architecture: WP-SoaVis.
I'm visualizating a neural network written in javascript.
sketch/plan high level software architecture: http://ryepup.github.io/c4-lab/, source at https://github.com/ryepup/c4-lab
Testing stuff without having to install Graphviz
As a hacked together Word Addin. https://github.com/LokiMidgard/GrapvizForOffice
Realtime collaborative markdown notes on all platforms. https://hackmd.io
I'm using it to draw Git commit graphs: https://github.com/marnen/octotrax
I have created a Visual Studio Code extension for creating UML diagrams by using the yUML text syntax (see https://github.com/jaime-olivares/vscode-yuml). It was previously invoking yuml.me, and now I have eliminated that dependency by using the viz.js library
Process and organization charts
An atom package to write (and preview) GraphViz in Atom sverweij/atom-graphviz-preview-plus
@sverweij OMG that looks great! I'll be installing it.
An interactive tool for representing GraphQL APIs structure: https://github.com/APIs-guru/graphql-voyager
A simple wrapper package to provide a cross-platform CLI similar to that of the original Graphviz.
And built on top of that, a Gradle plugin to use Graphviz rendering in Gradle builds without sacrificing platform interoperability - especially for documentation written in asciidoc(tor) with embedded PlantUML diagrams that require a dot engine to render them as SVG.
Interactive online editor and fiddle for Graphviz available on http://graphviz.it. Also separate rendering component is available on https://github.com/mstefaniuk/graph-viz-d3-js
Here at ETH Zurich, we are working on a Visual Studio Code extension for a sound deductive verification tool Viper (viper.ethz.ch). The extension could be found here: https://marketplace.visualstudio.com/items?itemName=rukaelin.viper-advanced
We use Graphviz within the verification debugger of the symbolic execution engine for visualizing the heap structures as they are learned by the verifier. We were looking for a Javascript replacement of the binary Graphviz dependency, and viz.js seems to suit our requirements so far.
The verification IDE has been started as a Master's thesis project but is now continued beyond. See report here: https://www.ethz.ch/content/dam/ethz/special-interest/infk/chair-program-method/pm/documents/Education/Theses/Ruben_Kälin_MA_report.pdf
To display workflows in health care to clinical people, showing how many patients are in each stage of a formally defined workflow process.
A component in the webclient to my program CoxIter. The user inputs a small graph and can preview the result: https://coxiter.rafaelguglielmetti.ch/
I use it for visualizing gamebooks written in Twine: http://www.mcdemarco.net/tools/scree/dotgraph/
GStreamer pipeline visualisation!

https://github.com/philn/Radioplayer/commit/b3673d531d2a15ba79d91dc567cb749b7dd0e80e
A tool for graph-based linguistic annotations: GraphAnno.
I use it with automatically generated documentation of the datawarehouse. The SVG creates a click-through map of the flowchart.
I'm using it in the d3-graphviz plugin which adds:
- Animated transition of one graph into another
- Edge path tweening
- Node shape tweening
- Fade-in and fade-out of entering and exiting nodes and edges
- Panning & zooming of the generated graph
See this small demo.
I'm using it in fsmviz Which lets you generate graphs for FSM data in Clojure, Clojurescript (and there's also a Javascript API).
I'm using it for dottask, a browser-based digraph editor that lets you use a mouse/keyboard on the graph itself rather than modifying graphviz files.

I'm using it for a custom layout in cytoscape because the build in layouts just aren't as nice.
To provide graphviz functionality to the JVM/Java world in a platform independent way with https://github.com/nidi3/graphviz-java
Not using it yet, but wanting to use it do display budgerigar pedigrees on a site.
Currently using it to plan out user roles for active directory. In the future using it to map out processes and anything else I can come up with.
Visualizing the user input of an online DOT editor. https://edotor.net