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

andreykh

andreykh

Posted on July 29, 2020

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

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.

💖 💪 🙅 🚩
andreykh
andreykh

Posted on July 29, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related