JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 192
  • Score
    100M100P100Q88530F
  • License MIT

Angular 12+ components for cytoscape charting.

Package Exports

  • cytoscape-angular

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (cytoscape-angular) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Cytoscape Angular

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 .

Build

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building cd dist/cytoscape-angular Remove the "pre-publish" lines in dist/cytoscape-angular/package.json TODO: automate Run npm publish.

Running unit tests

Run ng test cytoscape-angular to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.