Angular 17+ components for cytoscape charting.
npm install cytoscape-angular-ng17 cytoscape-angular is an Angular 12+ component for Cytoscape graphs.
The intent is to provide an Angular component that fully covers the Cytoscape API via
cytoscape.js, it's getting close to full coverage.
Other components in the library let users customize a cytoscape graph - toolbar and forms
have editors for all the properties of the graph including layout parameters and styles that can enhance
a cytoscape graph on the fly. (Saving the changes are not implemented but should be pretty easy.)
In addition to all the layouts that come with cytoscape.js, cytoscape-angular also adds
the dagre layout for directed graphs is included. Other generic layouts will be supported
in a future release.
## Usage
For a full demo see the example-project in this repo.
To get your own Angular project running with cytoscape-angular:
- Copy example-project to a new directory
npm install
npm serve
Brought to you by Michael Bushe from Mindful Software and Kaavio .
Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.
After building cd dist/cytoscape-angular
Remove the "pre-publish" lines in dist/cytoscape-angular/package.json
TODO: automate
Run npm publish.
Run ng test cytoscape-angular to execute the unit tests via Karma.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.