https://github.com/stonecypher/jssm-viz-demo

Show how to use jssm-viz in a project, to render a jssm machine
https://github.com/stonecypher/jssm-viz-demo

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/stonecypher/jssm-viz-demo
• Owner: StoneCypher
• License: mit
• Created: 2017-07-05T18:14:38.000Z (over 7 years ago)
• Default Branch: main
• Last Pushed: 2024-10-28T09:31:51.000Z (3 months ago)
• Last Synced: 2024-10-28T11:06:06.614Z (3 months ago)
• Language: JavaScript
• Size: 5.63 MB
• Stars: 7
• Watchers: 3
• Forks: 7
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.long.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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.