# jssm-viz-demo
Show how to use jssm-viz in a project, to render a jssm machine

[Live hosted here](https://stonecypher.github.io/jssm-viz-demo/graph_explorer.html) by Github Pages

* [Graph explorer](https://stonecypher.github.io/jssm-viz-demo/graph_explorer.html)
* [Language explorer](https://stonecypher.github.io/jssm-viz-demo/language_explorer.html)



## A quick how-to for jssm-viz
This shows how to use [jssm-viz](https://github.com/StoneCypher/jssm-viz) in
[jssm](https://github.com/StoneCypher/jssm) projects.  Just `npm install` to get the relevant libraries, then open
[index.html](https://github.com/StoneCypher/jssm-viz-demo/blob/master/index.html)
in your browser.

![](https://github.com/StoneCypher/jssm-viz-demo/blob/master/screenshot.png?raw=true)

The lower half of the screen is a live editor letting you write a flowchart in
the JSON notation.  The upper half of the screen is the live result.
