Visualization of JSSM machines using viz.js
Easy to use fsl to svg through jssm.
cd ~/projects && mkdir jssm-viz-demo && cd jssm-viz-demo
npm init -y && npm install --save-dev jssm-vizin 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.jsEt voila: svg of your fsl.
<!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>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