Skip to main content
100%

Game of Thrones Co-occurrence

✓ Published0🌍 Public
ZZoeLeBlanc
Last edited Feb 8, 2021
Created on Feb 8, 2021

This visualization displays a force-directed network of 43 Game of Thrones characters, with nodes grouped by narrative affiliation and links sized by co-occurrence frequency from the show’s scripts. Built with D3 v4, the SVG animation renders an interactive matrix that encodes interaction strength as link thickness, while colored node clusters reveal character communities. The visualization is constructed from a JSON dataset of character relationships, using a physics simulation to layout the network and animate it into view.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/Lichtphyz/'>Lichtphyz</a>'s block: <a href='http://bl.ocks.org/Lichtphyz/88ba061011589c805eb016d0f9d61a79'>Game of Thrones Matrix</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Game of Thrones Co-occurrence

This visualization shows a co-occurrence matrix of Game of Thrones characters, where each cell represents the number of times two characters appear together in the same scene. The 43 characters are arranged along both axes, grouped into 12 colored clusters corresponding to storylines or factions. Cell darkness encodes interaction frequency, with values ranging from 0 to 601 occurrences (e.g., Tyrion and Jorah’s 601 interactions appear as the darkest cell). The matrix is rendered as an SVG grid with an animated transition that highlights cells as the data loads, using color intensity to reveal relationship strength at a glance. Built with D3 v2 and MIT licensed.

ZZoeLeBlanc
90% match
Loading thumbnail…

Game of Thrones Interactions Web

A force-directed network graph maps character co-occurrence in *Game of Thrones*, with line thickness proportional to interaction frequency above a threshold of 55. Node colors represent character groups, and labels identify each figure. Built with D3 v4, the visualization uses `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes, while SVG circles and lines render the network. Data comes from the included `GoT_interactions_draft.json` file.

LLichtphyz
88% match
Loading thumbnail…

Game of Thrones Co-occurrence

This matrix diagram visualizes character co-occurrences in the "A Song of Ice and Fire" series, with each colored cell representing two characters appearing within a sentence of each other and darker cells indicating more frequent co-occurrence. The visualization uses d3.js (v2) with SVG rendering, employing d3.scale.ordinal for the matrix layout, d3.scale.category10 for coloring by cluster group, and animated transitions via d3.transition to reorder the matrix by name, frequency, or cluster. The data comes from a JSON file containing 43 nodes (characters) and their weighted co-occurrence links.

LLichtphyz
86% match
Loading thumbnail…

Unipartite Community Graph

This interactive force-directed graph visualizes character co-occurrence in Game of Thrones, adapted from Mike Bostock's Les Misérables example. Nodes represent individual characters, with each node's fill color indicating its community membership as determined by the data’s community attribute. Edges connect characters that appear together. Unlike the original, this version labels every character directly on the graph by wrapping each circle and text label in a shared SVG group, making it easy to identify who is who. The layout uses d3.v4's force simulation to position nodes, with the simulation dynamically adjusting as users drag nodes around. Character labels are drawn from the dataset and move with their associated circles. The graph is rendered with SVG, using color to distinguish community clusters and enable quick visual inspection of group structure.

ZZoeLeBlanc
84% match
Loading thumbnail…

Fork of Network

This network visualization maps relationships among six Game of Thrones characters, with links representing interactions and line thickness encoding connection strength. Nodes are colored by house affiliation using a categorical color scale. The code creates a force-directed graph using `d3.forceSimulation` with link distance, charge repulsion, and centering forces. SVG circles and text labels render the nodes, while `d3.drag` enables interactive repositioning. Link stroke widths map relationship values through `d3.scaleLinear`, and the layout updates continuously via the simulation's tick event.

Ssrinathkarumuru@my.unt.edu
82% match
Loading thumbnail…

TP4 DataViz 2024

This visualization shows a social network from the Game of Thrones universe as an adjacency matrix. Each row and column represents a character, with cell color indicating shared group membership and opacity reflecting the strength of the connection between two characters. The matrix is built using `d3.json` to load the data and `d3.scaleBand` for positioning. A dropdown menu allows users to reorder the matrix based on appearance, zone, or influence, with the layout updating accordingly. The visualization is rendered as SVG with animated transitions, using D3 v7.

IInès Liroulet
81% match
Loading thumbnail…

Game of Thrones Narrative Chart

This narrative chart visualizes character appearances and affiliations across the scenes of a story, using the d3.layout.narrative API to arrange scenes and characters. The data, sourced from a JSON file containing the character list and scene breakdowns, is processed by the `wrangle` function before layout. The rendering uses an SVG canvas, with colored paths for character links and styled text labels, all constructed via d3.v3.

LLichtphyz
78% match
Loading thumbnail…

Fork of d3 adjacency matrix (soc dataset)

An interactive adjacency matrix built with D3 v6 visualizes character relationships from the Game of Thrones dataset. The SVG rendering displays ten cells in a 5x5 grid, where filled teal squares indicate interactions between pairs of characters. D3 selections bind data to rows and columns using `selectAll` and `enter()`, while `append('rect')` and `append('text')` generate the matrix cells and labels. The title, row, and column annotations use CSS for styling. The simplified network dataset from networkrepository.com appears as an undirected graph, with matrix rows and columns symmetrically mirrored to reflect bidirectional relationships.

AAurélien
74% match