DEV Community

loading...
Cover image for Creating a Network Graph Using the AnyChart JS Charting Library (Visualizing Game of Thrones Battles)

Creating a Network Graph Using the AnyChart JS Charting Library (Visualizing Game of Thrones Battles)

andreykh1985 profile image andreykh1985 Originally published at anychart.com ・1 min read

Representing objects as points (called nodes) and connections between them as lines (called edges or links), Network Graphs help explore relationships in a network or sections of a network.

Here I'd like to share a tutorial that will guide you through the entire process of creating an interactive Network Graph for the web using JavaScript (HTML5) - on the example of visualizing data about the relationships in the world of Game of Thrones (showing who attacked whom) using the AnyChart JS charting library (free for non-commercial use). No special knowledge is required at all, only some basic understanding of HTML and coding in general. The principle is quite the same for all JavaScript libraries for data visualization.

To start with, check this out - it's a quick demo of the visualization being built along the tutorial:
Network graph demo visualizing Game of Thrones battles

See the Network Graph tutorial here.

Discussion (0)

pic
Editor guide