Cytoscape and ReactJS integration Cytoscape and ReactJS integration reactjs reactjs

Cytoscape and ReactJS integration


For those still looking for how to get the code posted working - I was able to get it working by modifying the cy div, specifying its style with non-zero height and width.

render() {  let cyStyle = {    height: '1000px',    width: '1000px',    margin: '20px 0px'  };  return (    <div>      <div style={cyStyle} id="cy"/>    </div>  );}


I had to integrate cytoscape.js with react as well, but no redux, so wrote a gist in case anybody else needs it.

code example


I am able to resolve the Issue. I missed the Styles for the Layer itself and hence it is defaulting to 0px height and 0px width.

Thanks