Comments (7)
This is now implemented in jssm-viz
and the cli
is mostly done
The github action
is also mostly done
from jssm.
the mechanism is dot_to_string in jssm-viz
you can see it in use in graph explorer in the svg
button on the top edge of the editor window
i'm sorry it took me so long to notice these, @sunwukonga
from jssm.
i haven't actually tried this in node actually
svg_el
would need a dom (which you could supplement with jsdom
) but dot_to_string(dot( /*graph*/ ))
shouldn't
i believe that should Just Work ™
I'll try to get a tutorial together on this this weekend (no promises)
from jssm.
hm
it looks like i actually took a stab at this a year ago
at the moment node's just up and dying when you load the bundle
that said the author expects this to work in node, and has examples. i'll see if i can figure out what the difference is
from jssm.
Okay.
It's not really ready for prime time, but, there is now a cli
that can consume fsl
and produce svg
on disk.
It only produces them in the same location as the source right now (there's a bunch of command line options to change that but they're not honored yet)
It doesn't do any of the other image formats yet
from jssm.
I just realized you want the SVG in your app, not as a CLI
That's also implemented in there
const svg_code = await fsl_to_svg_string(fsl_code);
I need to document this but I'm closing the issue because I believe it to be complete
If that's not correct, please re-open it and/or tag me
from jssm.
Actually, there's a live instance of jssm-viz
bound to window
on graph explorer, so you can just open a developer console and try it there
const viz = window.jssm_viz;
await viz.fsl_to_svg_string('this => is -> an ~> example;');
works in node too
from jssm.
Related Issues (20)
- domain for editor HOT 1
- editor dies when high unicode like ✅ is used HOT 1
- Does this need a video series? HOT 3
- get a mention HOT 1
- Request: Improvement to README HOT 6
- Publish the next NPM version HOT 3
- fsl to svg cli HOT 4
- Link SVG stuff from site; make youtube HOT 1
- Github action for graphing HOT 1
- reassert videos on site HOT 1
- Gh actions viz build HOT 1
- Events HOT 6
- Todo list (v3) HOT 1
- TypeScript type declarations file HOT 11
- Huge package HOT 24
- Parse the JSSM format HOT 4
- Do a full rescan of repo HOT 1
- Saving/restoring machine state between runs HOT 7
- Problem defining more than one action with the same transition path HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jssm.