Cy-network-viewer NPM

CyNetworkVisualizer

React-based component for network data visualization

Template page for testing

<html>

  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-with-addons.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-dom.js"></script>

    <script src="CyFramework/build/CyFramework.js"></script>
    <script src="CyNetworkStore/build/CyNetworkStore.js"></script>
    <script src="CyNetworkViewer/build/CyNetworkViewer.js"></script>
  </head>

  <body>
    <div id="viewer"></div>

    <script>
      var cyto = CyFramework.config([CyNetworkStore])
      cyto.dispatch(CyNetworkStore.networkDownloadActions.downloadBegin())
      cyto.render(CyNetworkViewer, document.getElementById('viewer'), {
        networkUrl: 'http://ci-dev-serv.ucsd.edu:3001/ndex2cyjs/a54acf93-1300-11e6-9191-0660b7976219?server=dev2',
        renderOptions: {
          touchTapThreshold: 5;
        }
      });

    </script>
  </body>
</html>

Used Frameworks

React
Redux
SCSS
Webpack
Immutable
Babel (es6,jsx supported!)
ESLint
Jest
Travis

Commands

npm run build - Build the component into /build
npm run clean - Remove anything in /build
npm run lint - Run eslint, will not cause npm to exit with an error
npm run test - Run eslint followed by jest, may cause npm to exit with an error (for travis)
npm run coverage - Run jest's coverage tool

cytoscape visualization graph bioinformatics

cytoscape immutable react-redux redux

@infinitebrahmanuniverse/nolb-cy-@everything-registry/sub-chunk-1432

0.9.0

8 years ago