blooom

Blooom

Graph visualization for human! Visualize Neo4j API response and other graph data.

Features

• Informative: directed, labelled relationships, customizable node label
• Interactive: zoom, drag, focus on hover, and even fix on right click.
• Responsive: auto-resize on window resizing.

Example

Use Blooom as a nodejs package

(See example)

<div id="canvas"></div>

<script>
  import Blooom from "blooom";

  new Blooom("#canvas", neoData, {
    nodeLabelProperties: {
      mutation: "position",
      Molecular_Individual: "virus_id",
    },
  });
</script>

<style>
  @import "blooom/css/style.min.css";
</style>

Use Blooom as a ES6 module

(Currently not supported)

Dev preparation

sass --no-source-map --style compressed --watch css/style.scss:css/style.min.css

npm run test

Credit

• neo4jd3.js

Repository

Github: John-Theo/blooom.js

License

This application comes with ABSOLUTELY NO WARRANTY, to the extent permitted by applicable law.