https://github.com/michaelbushe/cytoscape-angular

Angular component for Ctyoscape graphs.
https://github.com/michaelbushe/cytoscape-angular

bioinformatics cytoscape cytoscape-graph-json cytoscapejs finance graph graph-algorithms graph-theory graph-visualization graph-visualizer

Last synced: 6 months ago
JSON representation

Angular component for Ctyoscape graphs.

• Host: GitHub
• URL: https://github.com/michaelbushe/cytoscape-angular
• Owner: michaelbushe
• License: mit
• Created: 2020-04-14T16:01:56.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-11T05:57:00.000Z (over 2 years ago)
• Last Synced: 2025-04-17T14:36:54.382Z (6 months ago)
• Topics: bioinformatics, cytoscape, cytoscape-graph-json, cytoscapejs, finance, graph, graph-algorithms, graph-theory, graph-visualization, graph-visualizer
• Language: TypeScript
• Size: 1.38 MB
• Stars: 16
• Watchers: 1
• Forks: 16
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• fucking-awesome-angular - cytoscape-angular - A production-ready Angular library providing sophisticated graph visualization capabilities using 🌎 [Cytoscape.js](js.cytoscape.org/). (Framework Interoperability / Wrappers)
• awesome-angular - cytoscape-angular - A production-ready Angular library providing sophisticated graph visualization capabilities using [Cytoscape.js](https://js.cytoscape.org/). (Framework Interoperability / Wrappers)

README

          
# Cytoscape for Angular

Angular component for [Cytoscape](https://cytoscape.org) graphs.  See [demo].(https://cytoscape-angular.web.app)

To use, copy ./example-project and start coding.

# For developing this lib...Local build

#NOPE! npm run publish-lib

npm run pre-publish

cd dist

cd cytoscape-angular

Remove the prepublishOnly scripts hook from package.json 

npm publish

## Development server

Run `npm run serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

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`.

## Build

Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `npm run test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `npm run e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Deploy library to npm

`npm run pre-publish && npm publish`

## Deploy demo to firebase

`npm run firebase:deploy`