# Graph visualization With Neo4j Using Neovis.js for end users in web application

**URL:** <https://community.neo4j.com/t/graph-visualization-with-neo4j-using-neovis-js-for-end-users-in-web-application/68745>\
**Category:** Neo4j Graph Platform\
**Created:** [July 9, 2024, 8:59am UTC](https://community.neo4j.com/t/graph-visualization-with-neo4j-using-neovis-js-for-end-users-in-web-application/68745 "2024-07-09T08:59:18Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![spati112](https://avatars.discourse-cdn.com/v4/letter/s/35a633/32.png) [@spati112](https://community.neo4j.com/u/spati112)\
**Post date:** [July 9, 2024, 8:59am UTC](https://community.neo4j.com/t/graph-visualization-with-neo4j-using-neovis-js-for-end-users-in-web-application/68745/1 "2024-07-09T08:59:18Z")

</div>

Visualization graphs of Neo4j using Neovis.js in other web applications for end consumers/users. This graph visualisation ought to resemble either Neo4J Bloom or Neo4J Browser. It implies that a graph need to be dynamic or extendable. It will employ graph capabilities to improve the end user experience. Could you tell me how to go about achieving that or any other suggestions on this?

---

<div class="post-metadata">

**Author:** ![joshcornejo](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/joshcornejo/32/34171_2.png) [@joshcornejo](https://community.neo4j.com/u/joshcornejo)\
**Post date:** [July 10, 2024, 1:45pm UTC](https://community.neo4j.com/t/graph-visualization-with-neo4j-using-neovis-js-for-end-users-in-web-application/68745/2 "2024-07-10T13:45:10Z")

</div>

Do you mean this:

> **[Graph Visualization with Neo4j Using Neovis.js](https://neo4j.com/developer-blog/graph-visualization-with-neo4j-using-neovis-js/?utm_source=Google&utm_medium=PaidSearch&utm_campaign=Evergreen&utm_content=EMEA-Search-SEMCE-DSA-None-SEM-SEM-NonABM&utm_term=&utm_adgroup=DSA&gad_source=1&gbraid=0AAAAADk9OYqD4I7S7P5e133IvcfgD_oL3&gclid=CjwKCAjw4ri0BhAvEiwA8oo6F2yw4ixQshhDwfd1rAATPqsticUPbDSFczrDw2xpR89_SKOI_0nKVBoC1PsQAvD_BwE)**
>
> Learn how to get your hands on graph data visualization to explore the graph using a series of graph algorithms and Neovis.js

---

<div class="post-metadata">

**Author:** ![joshcornejo](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/joshcornejo/32/34171_2.png) [@joshcornejo](https://community.neo4j.com/u/joshcornejo)\
**Post date:** [July 10, 2024, 1:50pm UTC](https://community.neo4j.com/t/graph-visualization-with-neo4j-using-neovis-js-for-end-users-in-web-application/68745/3 "2024-07-10T13:50:00Z")

</div>

It also will depend on what is your objective, I use 2 libraries (for different reasons):

Go.JS is paid, but super flexible and provides a lot (that's a graph of a product catalogue, took \< 200 ms to render)

 ![Screenshot 2024-07-10 at 14.46.13](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/3X/6/b/6ba1ee7e3c4476174e6c7c07dd4b01012f1d026a.png)

This second library is VivaGraph and it is good for smaller, detailed graphs:

 ![Screenshot 2024-07-10 at 14.46.26](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/3X/6/2/62a3e94bc61c335f60467e5cd1c6eca0e66f3984.png)

---

<div class="post-metadata">

**Author:** ![spati112](https://avatars.discourse-cdn.com/v4/letter/s/35a633/32.png) [@spati112](https://community.neo4j.com/u/spati112)\
**Post date:** [July 10, 2024, 2:04pm UTC](https://community.neo4j.com/t/graph-visualization-with-neo4j-using-neovis-js-for-end-users-in-web-application/68745/4 "2024-07-10T14:04:13Z")

</div>

Thanks for sharing this.

Here, I want to utilise a graph that looks similar to what the Neo4j browser displays. In other words, the graph needs to be user-interactive in web-application, just like the Neo4J browser. It should not static. Is it possible achieve here ?

---

<div class="post-metadata">

**Author:** ![joshcornejo](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/joshcornejo/32/34171_2.png) [@joshcornejo](https://community.neo4j.com/u/joshcornejo)\
**Post date:** [July 10, 2024, 2:58pm UTC](https://community.neo4j.com/t/graph-visualization-with-neo4j-using-neovis-js-for-end-users-in-web-application/68745/5 "2024-07-10T14:58:10Z")

</div>

All of those libraries are 'programmable' - depends on how custom you want it. In my first example i want a hierarchical graph with a bit of information / in the second i want icon-based for differentiation.

things like 'click-and-expand' might depend on your use case (in mine, depending on the semantic value of a node, i might choose to expand by 1 edge, in others i might do more than 1 levels').

Programming is probably easier for you (I have 4 different views for different reasons), and it also depends on your budget.

I also have bookmarked - [Network graph | Flourish](https://app.flourish.studio/@flourish/network-graph/11) but I think Go.JS is the best because it does more than just graph outputs.

---

<div class="post-metadata">

**Author:** ![spati112](https://avatars.discourse-cdn.com/v4/letter/s/35a633/32.png) [@spati112](https://community.neo4j.com/u/spati112)\
**Post date:** [July 15, 2024, 4:13pm UTC](https://community.neo4j.com/t/graph-visualization-with-neo4j-using-neovis-js-for-end-users-in-web-application/68745/6 "2024-07-15T16:13:07Z")

</div>

Thank you ! I have started using below Neo4j Visualization Libraries (NVL):

> **[@neo4j-nvl/base](https://www.npmjs.com/package/@neo4j-nvl/base)**
>
> Latest version: 0.3.1, last published: 2 months ago. Start using @neo4j-nvl/base in your project by running \`npm i @neo4j-nvl/base\`. There are 2 other projects in the npm registry using @neo4j-nvl/base.

> **[@neo4j-nvl/react](https://www.npmjs.com/package/@neo4j-nvl/react)**
>
> Latest version: 0.3.1, last published: 2 months ago. Start using @neo4j-nvl/react in your project by running \`npm i @neo4j-nvl/react\`. There are 2 other projects in the npm registry using @neo4j-nvl/react.

---

<div class="post-metadata">

**Author:** ![mengjiakang2017](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/mengjiakang2017/32/2197_2.png) [@mengjiakang2017](https://community.neo4j.com/u/mengjiakang2017)\
**Post date:** [October 21, 2025, 3:01pm UTC](https://community.neo4j.com/t/graph-visualization-with-neo4j-using-neovis-js-for-end-users-in-web-application/68745/7 "2025-10-21T15:01:33Z")

</div>

thanks for sharing @spati112, I’m also looking into NVL as bloom does not provide API for user interaction tracking.

I only found limited reference for this js library and the visualization is more suitable for population level visualization and the node level expansion all happens in the round circle as below - so just wanted to hear more about your evaluation of the tool. Thanks!

 ![image](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/3X/6/8/68f48b654f41dada65224dc8110941373be465f3.jpeg)