Fork of Network

100%

Fork of Network

✓ Published0🌍 Public

Ssrinathkarumuru@my.unt.edu

Last edited Nov 3, 2025

Created on Nov 3, 2025

Forked from 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.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

Fork of Network

This interactive network visualization maps relationships between seven main characters from *The Simpsons*, with nodes colored by group (Simpsons, Neighbors, Boss) and link thickness encoding relationship strength from 1–9. Using the `d3.forceSimulation` API with `d3.forceLink`, `d3.forceManyBody` for repulsion, and `d3.forceCenter` plus `d3.drag()` for interactivity, nodes settle into a spread layout and can be repositioned by the viewer. The SVG renderer draws circular nodes with bold labels below each character, while the connection values are defined in the static `dataset` and mapped to stroke widths via `d3.scaleLinear`.

CChindamrohan321@gmail.com

81% match

Loading thumbnail…

Fork of Network

This network visualization displays relationships between movie characters, with each node color-coded and shaped by role: Hero (blue star), Villain (red triangle), Sidekick (green circle), and Mentor (orange square). The example builds a force-directed graph using `d3.forceSimulation` with link, charge, and center forces, rendering nodes as SVG paths via D3’s symbol API. Links are drawn as lines, and labels follow node positions during the simulation. Nodes are draggable using D3’s drag interaction, which restarts the simulation with a higher alpha target for responsive movement.

Cchandanamahesh0215@gmail.com

81% match

Loading thumbnail…

Fork of Force Network

A network chart displays relationships between actors, directors, and films, with nodes colored by group and sized by their connection count. The visualization uses d3.forceSimulation with forceLink, forceManyBody, forceCollide, and forceCenter to position nodes, while SVG lines represent links. Drag-and-drop interaction is implemented via d3.drag, and hover styling highlights nodes with a CSS class.

NNikhilMakkena

79% match

Loading thumbnail…

Fork of Network graph

This network graph visualization displays character relationships from the Harry Potter universe, with nodes representing named characters and links showing connections between them. The graph uses node size and link thickness to convey relationship strength. The visualization is built with D3.js v4, utilizing the `d3.layout.force` API for the force-directed layout and SVG rendering for nodes and links. The data is loaded from a local JSON file containing node names and group assignments. The graph features interactive dragging capabilities, and custom styling applies yellow node fills with blue connection lines on a red background.

KKeerthipriyaBankuru

79% match

Loading thumbnail…

Fork of Network Graph

This example shows a small network of six named nodes connected by weighted links, displayed as an SVG force-directed graph. The visualization uses D3 v4 with the legacy `d3.layout.force` API to simulate physical forces that position nodes and draw straight lines between them. Node labels and circles are rendered via SVG groups, with link stroke widths scaled by the square root of the link weight, and the data is loaded from a local `data.json` file.

Bbhargavarathod

79% match

Loading thumbnail…

Fork of Fork of Force Network

A force-directed network chart maps actors, directors, and films into colored nodes, with links representing acting or directing relationships. The layout uses `d3.forceSimulation` with forces for links, charge, collision, and centering. Circles are colored by a `scaleOrdinal` group mapping, and SVG markers define arrowheads for links. Data loads from `data.json`, and nodes support drag interaction via `d3.drag`. Labels and relationship text are appended but incomplete, while the tick handler updates line and circle positions.

Bbindhureddy98

79% match

Loading thumbnail…

Fork of Force Network

This force-directed network visualization uses d3.forceSimulation to map relationships between actors, directors, and films from a JSON data source. Nodes are rendered as colored circles in SVG, with link lines showing connections and arrowheads indicating direction. The code implements drag interactions and adjusts node positions through the simulation's tick handler, while link labels display truncated relationship types.

Bbindhureddy98

79% match