Diagrams made Interactive with Animated GraphViz
- Node.js
- Download from node.js
- npm install
- ng serve
- ng build --prod --base-href="https://glaza.github.io/diag/"
- node_modules/angular-cli-ghpages/bin/angular-cli-ghpages
- diag will be displayed as one, client-side only, page without any server backend.
- diag could be initialized by providing the model as a URL encoded argument.
- diag will be composed of the following components:
- Controller
- A horizontal bar allowing the user to navigate which step to view and other controls like: play, pause, save, ...
- Editor
- A text area where the DOT code is entered for the current step.
- Player
- Area where d3-graphviz is used to render the current step.
- Controller
- The above components will be injected with the following services:
- Model
- Holds all the DOT diagrams for all steps
- State
- Holds the current step number
- Model
This project was generated with Angular CLI version 1.7.3.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.