The easy way to visualize CSV data as a network graph
Create an animated force-directed network graph in the browser, consisting of nodes with connecting arrows, text labels and color. The nodes are force-directed i.e. they respond to clicking and dragging mouse actions.
I've built this project as a wrapper on the D3 library which allows me to easily point to a CSV dataset, configure some parameters and then show the visualization in the browser.
The reason I made it is that I have a couple of personal projects which have data which is ideal for making network graphs. But this type of graph is not often found in the dashboard tools I've used. Although there is one in Google Fusion Tables which reads CSV data and can be easily configured, unfortunately Google is retiring that system.
Clone the repo.
There are no dependencies to install.
Start a server in the root of the project.
If you have Python 3 installed, that's a good choice. Here's a shortcut, using Makefile.
$ make serve
Setup the site on GH Pages
- Fork the project.
- Go to Settings of your repo.
- Setup GitHub Pages using
master
and project root. - Wait for your build to complete in the Environment tab on the repo main page.
- Then click View Deployment to find your URL.
I found these code samples and they have been extremely useful.
Released under MIT.