Login Sign up

Thursday Oct. 15, 2020, 5:30 p.m.–Oct. 15, 2020, 5:45 p.m. in Jupyter Community: Practices

Interactive Knowledge Graph Visualization in Jupyter Notebook

Cheuk Ting Ho

Audience level:

Brief Summary

Need a nice knowledge graph visualization? Graphviz is not interactive and is difficult to customize. D3 is interactive but I don’t wanna write JavaScript. Having a Python library that makes interactive graph visualization in Jupyter notebook is like a dream and we will show you how it came true.


In the first part of the talk, we will talk a bit about how to render JavaScript in Jupyter notebook. We may use Jupyter Notebook every day but we do not know that is can render JavaScript as well as Python. Hopefully in this part, we will give you enough information to know how JavaScript can be injected and rendered in Jupyter Notebook. We will show it with an example of rendering a D3 graph.

The second part of the talk will be the fun part, we will wrap the JavaScript in a Python modile that can control the D3 graph with Python script. So we have to design an API to let users make changes using Python objects and methods, then translate it into effective JavaScript and got rendered like what we did before. We will show you how we make it work with our graph database Python client.

This talk will assume you have some basic understanding in Python, Jupyter Notebook and D3. Recommended to people who had some experience in programming, preferably in Python and JavaScript.