ryepup / c4-lab Goto Github PK
View Code? Open in Web Editor NEWweb interface to create diagrams expressing a software architecture
License: MIT License
web interface to create diagrams expressing a software architecture
License: MIT License
Permit export as sexp, svg, dot, and png
npm version, git hash, travis build, etc.
the graph and the editor can both get a little big. Add some way to hide the editor so you can see the graph
In dropdowns, etc
Pass the whole graph zipped on the URL
cache npm dependencies, etc
S-expressions are uncommon, and those who know them might prefer a full lisp interpreter to allow variable declarations, etc.
Prototype a YAML syntax as an alternative: http://www.yaml.org/spec/1.2/spec.html
Something like https://gist.github.com/gustavohenke/9073132
Currently following a link to a graph will also blow away anything saved in localstorage. This is annoying.
It's annoying to follow a link to a diagram, and have that blow away a work in progress.
Some way to see examples
so the title can travel with the exported files
Allow importing sexp
Add options to save a graph as a JSON file, and then load one back up, using HTML5 file stuff.
It drops the root path
Expected:
Actual:
New modal:
Use that to drive export filenames and graph labels
discard the GUI, pull in code mirror and make a DSL, similar to https://www.websequencediagrams.com/
babelify et al
Once all the other feature tickets get done
currently can only map inward connections to containers, need to go the other way
Get eslint configured and play with the ruleshttp://eslint.org/docs/rules/
Either remove or add an option to specify the direction; push/pull/bi
Use handlebars or whatever lightweight string template system
Permit a edge syntax like:
(edge :to "../foo")
Add a zoom button next to a system or container to redraw the graph focused on that node
simpler builds, better performance
I want a db container rendered as a cylinder
parallelshell is deprecated
install enough polyfills so this works in latest firefox
Graph only the selected system, require a child connection to everything the selected system has coming in/out.
support that for share URLs, too
Make the text editor fill the height
user input and rendering
Split out the app code from vendor code to permit more judicious uglify usage and smaller files.
Aggressively save the open document in localStorage, and restore that on initial page load.
add more dot styling to make it a bit more appealing
there's some non-determinism in the svg renderer that's generating different content and giving angular fits.
Improve error handling when a graph is syntactically correct but doesn't "compile", i.e. has an edge to a node that doesn't exist
Viz.js is adding a bunch of <title>
elements that make no sense. Strip them out
Word wrap seems to only apply once, very long descriptions don't get wrapped.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.