Curious - what are you using viz.js for?

[susraj123]

I will go first!

We are working on a tiny web based solution to show network infrastructure.

[ghost]

graphical representation of workflows

[DeBAAT]

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.

[lillem4n]

I'm visualizating a neural network written in javascript.

[ryepup]

sketch/plan high level software architecture: http://ryepup.github.io/c4-lab/, source at https://github.com/ryepup/c4-lab

[raphaelbastide]

Testing stuff without having to install Graphviz

[LokiMidgard]

As a hacked together Word Addin. https://github.com/LokiMidgard/GrapvizForOffice

[jackycute]

Realtime collaborative markdown notes on all platforms.
https://hackmd.io

[marnen]

I'm using it to draw Git commit graphs: https://github.com/marnen/octotrax

[jaime-olivares]

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

[stephenfrancis]

Process and organization charts

[sverweij]

An atom package to write (and preview) GraphViz in Atom sverweij/atom-graphviz-preview-plus

[marnen]

@sverweij OMG that looks great! I'll be installing it.

[RomanHotsiy]

An interactive tool for representing GraphQL APIs structure: https://github.com/APIs-guru/graphql-voyager

[jeysal]

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.

[mstefaniuk]

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

[aterga]

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

[philwig]

To display workflows in health care to clinical people, showing how many patients are in each stage of a formally defined workflow process.

[rgugliel]

A component in the webclient to my program CoxIter.
The user inputs a small graph and can preview the result: https://coxiter.rafaelguglielmetti.ch/

[mcdemarco]

I use it for visualizing gamebooks written in Twine: http://www.mcdemarco.net/tools/scree/dotgraph/

[philn]

GStreamer pipeline visualisation!

https://github.com/philn/Radioplayer/commit/b3673d531d2a15ba79d91dc567cb749b7dd0e80e

[LBierkandt]

A tool for graph-based linguistic annotations: GraphAnno.

[robbertmichel]

I use it with automatically generated documentation of the datawarehouse. The SVG creates a click-through map of the flowchart.

[magjac]

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.

[jebberjeb]

I'm using it in fsmviz Which lets you generate graphs for FSM data in Clojure, Clojurescript (and there's also a Javascript API).

[mattboehm]

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.

[maccesch]

I'm using it for a custom layout in cytoscape because the build in layouts just aren't as nice.

[nidi3]

To provide graphviz functionality to the JVM/Java world in a platform independent way with https://github.com/nidi3/graphviz-java

[BertRaeymaekers]

Not using it yet, but wanting to use it do display budgerigar pedigrees on a site.

[kuzi-moto]

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.

[nikeee]

Visualizing the user input of an online DOT editor.
https://edotor.net

[Kyle0923]

Hey @maccesch , I am also trying to incorporate viz.js with Cytoscape. Any chance you can share some insight with me?

[maccesch]

@Kyle0923 Sorry for the late answer. I created a Gist.

[StoneCypher]

Live rendering of finite state machines (whose notation is very similar to DOT)

https://stonecypher.github.io/jssm-viz-demo/graph_explorer.html

[Kyle0923]

@maccesch Thanks man. Great help!!

[blutorange]

This is library is aweseome! I use it to visualize the computed flow graph for a flowchart diagram

[pfcoperez]

In an interactive tool to show JVM monitor dependencies leading to thread deadlocks: https://github.com/pfcoperez/thebutlerdidit

The tool is written in Scala.JS btw

[nightroman]

I am using for visualizing task graphs in Invoke-Build build scripts, examples: Show-Build-Graph

[nathantippy]

I used it many years ago for my live telemetry display from my Java Pronghorn jar you can see at the bottom of this page: https://oci-pronghorn.gitbook.io/pronghorn/chapter-0-what-is-pronghorn/home

Today, I am still using an old version of it (I do need to upgrade). I am just now working on a new Rust version of my old Java project called Steady-State https://crates.io/crates/steady_state With it you can use "Actors" instead of threads to build super reliable products. But even better you can use your browser to peer into the running application to see how the data is flowing. I build a new dot file every 40ms and the browser then uses viz.js to refresh the svg display to the user.

[another-guy]

Visualizing JSON-defined state machine into SVG diagrams. Humans are visual creatures. Comprehending hundred lines of text is orders of magnitude more difficult than looking at an image.

[nightroman]

@another-guy State machines here, too. Machines are created using Stateless which may generate DOT, then DOT is converted to SVG by viz-js -- some simple demos