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
install enough polyfills so this works in latest firefox
It drops the root path
Expected:
Actual:
add more dot styling to make it a bit more appealing
npm version, git hash, travis build, etc.
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.
Use handlebars or whatever lightweight string template system
Aggressively save the open document in localStorage, and restore that on initial page load.
so the title can travel with the exported files
Once all the other feature tickets get done
New modal:
Pass the whole graph zipped on the URL
currently can only map inward connections to containers, need to go the other way
Some way to see examples
Viz.js is adding a bunch of <title>
elements that make no sense. Strip them out
there's some non-determinism in the svg renderer that's generating different content and giving angular fits.
Either remove or add an option to specify the direction; push/pull/bi
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
support that for share URLs, too
I want a db container rendered as a cylinder
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
Make the text editor fill the height
discard the GUI, pull in code mirror and make a DSL, similar to https://www.websequencediagrams.com/
Add a zoom button next to a system or container to redraw the graph focused on that node
Split out the app code from vendor code to permit more judicious uglify usage and smaller files.
Use that to drive export filenames and graph labels
simpler builds, better performance
parallelshell is deprecated
Word wrap seems to only apply once, very long descriptions don't get wrapped.
babelify et al
cache npm dependencies, etc
Add options to save a graph as a JSON file, and then load one back up, using HTML5 file stuff.
the graph and the editor can both get a little big. Add some way to hide the editor so you can see the graph
Allow importing sexp
user input and rendering
In dropdowns, etc
Graph only the selected system, require a child connection to everything the selected system has coming in/out.
Permit a edge syntax like:
(edge :to "../foo")
Get eslint configured and play with the ruleshttp://eslint.org/docs/rules/
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.