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:

See the Network Graph tutorial here.