Jssm-viz NPM | npm.io

5.98.2 • Published 13 days ago

Install

Weekly downloads

10

License

MIT

Repository

Last release

13 days ago

jssm-viz

Visualization of JSSM machines using viz.js

TL;DR

Easy to use fsl to svg through jssm.

Node

cd ~/projects && mkdir jssm-viz-demo && cd jssm-viz-demo
npm init -y && npm install --save-dev jssm-viz

in dump_svg.js:

async function run() {

  const jssm_viz = require('jssm-viz'),
        fsl_code = 'green => yellow => red => green; [green yellow red] ~> off -> red;';

  svg_code = await jssm_viz.fsl_to_svg_string(fsl_code);

  console.log(svg_code);

}

run();

node ./dump_svg.js

Et voila: svg of your fsl.

Browser

<!doctype html><html><head><title>jssm-viz example</title>
    <script defer type="text/javascript" src="jssm-viz.iife.js"></script>
    <script defer type="text/javascript">

      window.onload = async () => {

        const ExMachine = `
          Green => Yellow => Red => Green;
          [Red Yellow Green] ~> Off -> Red;
        `;

        document.getElementById('tgt').innerHTML = await window.jssm_viz.fsl_to_svg_string(ExMachine);

      }

    </script>

  </head>

  <body><div id="tgt"></div></body>

</html>

What is this?

jssm-viz is a way to render your fsl and jssm to svg (and from there to jpeg and png.)

TODO: write a better readme

jssm visualization fsm finite-state-machine finite_state_machine finite state machine state-machine state_machine state machine finite state machine flowchart chart layout graph fsm-graph vis viz svg

better_git_changelog eslint jssm reduce-to-639-1 text_audit

@everything-registry/sub-chunk-1990 @infinitebrahmanuniverse/nolb-jss @zalastax/nolb-jss jssm-viz-cli jssm-viz-demo

13 days ago

1 month ago

3 months ago

4 months ago

4 months ago

4 months ago

7 months ago

7 months ago

7 months ago

7 months ago

12 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago