# How do I render graphical components like in the Neo4j Cipher Editor in a web browser?

**URL:** <https://community.neo4j.com/t/how-do-i-render-graphical-components-like-in-the-neo4j-cipher-editor-in-a-web-browser/24581>\
**Category:** Browser\
**Tags:** cypher\
**Created:** [September 3, 2020, 2:39pm UTC](https://community.neo4j.com/t/how-do-i-render-graphical-components-like-in-the-neo4j-cipher-editor-in-a-web-browser/24581 "2020-09-03T14:39:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rubix982](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/rubix982/32/13607_2.png) [@Rubix982](https://community.neo4j.com/u/Rubix982)\
**Post date:** [September 3, 2020, 2:39pm UTC](https://community.neo4j.com/t/how-do-i-render-graphical-components-like-in-the-neo4j-cipher-editor-in-a-web-browser/24581/1 "2020-09-03T14:39:37Z")

</div>

Hello!

I'm a student that just got started with Neo4j this week. Today I read through the blogs, ran some simple introductory scripts, and I've think I've got a solid good beginner's grasp of how all this works.

What I wanted to ask that I was actually making a project, a kind of social media, and I wanted to show a graph that showed similar interests and friend connections in a navigable manner.

How do I incorporate this into a web view? Any guides and relevant links would mean you would save me hours of stumbling and researching. Would be extremely thankful to you!

I kind of view that I would like is like the below. A graph view, sorts of, like in the code cell included in the image.

 ![neo4j](https://us1.discourse-cdn.com/flex021/uploads/neo4jcommunity/original/2X/b/b2bbc0d5393df1ba90087d423899c42e3b3af240.png)

Again, thank you!

---

<div class="post-metadata">

**Author:** ![Rubix982](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/rubix982/32/13607_2.png) [@Rubix982](https://community.neo4j.com/u/Rubix982)\
**Post date:** [September 3, 2020, 3:01pm UTC](https://community.neo4j.com/t/how-do-i-render-graphical-components-like-in-the-neo4j-cipher-editor-in-a-web-browser/24581/2 "2020-09-03T15:01:01Z")

</div>

I actually found the repo for the neo4j-browser. It's just a React / Redux web application to handle the queries and so forth.  
Here is the link to the `package.json`, [neo4j-browser/package.json at master · neo4j/neo4j-browser · GitHub](https://github.com/neo4j/neo4j-browser/blob/master/package.json). I'll try to find which package exactly is responsible for the graphical view, and let you guys know.

---

<div class="post-metadata">

**Author:** ![Rubix982](https://sea1.discourse-cdn.com/flex021/user_avatar/community.neo4j.com/rubix982/32/13607_2.png) [@Rubix982](https://community.neo4j.com/u/Rubix982)\
**Post date:** [September 3, 2020, 3:35pm UTC](https://community.neo4j.com/t/how-do-i-render-graphical-components-like-in-the-neo4j-cipher-editor-in-a-web-browser/24581/3 "2020-09-03T15:35:22Z")

</div>

Ah, It was D3JS. Makes quite a lot of sense. Thanks, guys!