Presentation cytoscape.js

An introduction to Cytoscape.Js

Cytoscape JS

An adaptation of Cytoscape desktop into your browser

• Open Source (MIT)
• Is the most used graph library (Uber, Amazon, Google, Kibana, Nx, ...)

• Simple to use
• Customizable

Advantages

• Uses WebGL so your GPU
• Fast and optimized
• Well documented
• Easy to learn and use
• Has an extention system
• Absurdely customizable
• Customizable layout and events

🚀 Let's get started!

npm i cytoscape npm install react-cytoscapejs

npm i cytoscape

import cytoscape from "cytoscape" const cy = cytoscape({ container: document.getElementById("...") })

import CytoscapeComponent from 'react-cytoscapejs';import cytoscape from 'cytoscape';return ( <><CytoscapeComponent ...props/></>)