Skip to main content
SimilarExport ZIP
100%

Untitled so far

✓ Published0🌍 Public
TTMorgan99
Last edited Jan 20, 2020
Created on Jan 20, 2020
Forked from Untitled

This network diagram visualizes the character relationships from *Les Misérables*, using a node-link layout where characters are nodes and their interactions are links. The SVG rendering is created with D3.js v5, which likely uses a force-directed simulation to position nodes. The visualization highlights group membership through node colors and encodes connection strength through link properties, offering a structural overview of the novel's social web.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A force-directed network diagram visualizes character relationships from Les Misérables, with nodes representing characters and curved links indicating interactions between them. The graph uses d3.forceSimulation with link, charge, and center forces to position elements, while zoom and drag interactions enable exploration. The code loads miserables.json data and renders the network as SVG, assigning colors by group membership and using intermediate nodes to create curved edge paths.

JJoker-tr
91% match
Loading thumbnail…

Untitled

A force-directed network diagram displays character relationships from the novel Les Misérables, with nodes colored by group and link thickness scaled by connection value. Built with React and d3.v4, the visualization uses d3.forceSimulation with link, charge, and center forces to position nodes in SVG space. The code leverages d3.scaleOrdinal for categorical colors, d3.drag for interactive node movement, and loads data from a local miserables.json file. Labels appear beside each node, and the simulation updates positions on each tick.

LLex
88% match
Loading thumbnail…

Network

This network visualization shows the relationships between characters from *Les Misérables*, with nodes colored by group and link thickness representing connection strength. The force-directed layout uses `d3.forceSimulation` with link, many-body charge, and center forces to position the SVG elements. The code loads JSON data, creates circles and lines, and updates their positions on each simulation tick using D3's selection API.

Llukeod
88% match
Loading thumbnail…

Network

A network diagram displays character relationships from Les Misérables, with nodes representing characters and links showing their connections. Node color encodes group membership via a categorical color scale, while link thickness reflects relationship weight. The visualization uses D3 v5's force simulation (`d3.forceSimulation`) with link, charge, and center forces to position nodes. SVG circles and lines render the graph, with positions updated on each simulation tick. Data comes from a JSON file containing character IDs and weighted links.

Jjuliaric
88% match
Loading thumbnail…

(*^^*)

A force-directed network diagram displays the relationships among characters in the novel *Les Misérables*. Nodes represent individual characters, colored by their community group, while links indicate co-appearance, with line thickness proportional to interaction strength. Nodes can be dragged interactively, causing the simulation to adjust the layout. The visualization uses `d3.forceSimulation` for physics, `d3.drag` for node manipulation, and `d3.schemePaired` for categorical coloring, rendering in SVG within a React framework. Data is loaded from a JSON file hosted on GitHub.

CCyc-Evelyn
87% match
Loading thumbnail…

Untitled

This example visualizes the character co-occurrence network from *Les Misérables* as a force-directed graph. Nodes represent characters, colored by group, with links sized by interaction weight. The visualization uses D3 v4’s `d3.forceSimulation` with link, charge, and center forces to position elements, while SVG circles and text render the nodes and labels. Data loads from a local `miserables.json` file, and nodes support dragging via `d3.drag`.

NNathannous
87% match
Loading thumbnail…

Untitled

This example shows a force-directed network diagram of the characters from *Les Misérables*, with nodes representing characters and links representing co-appearances. Node color encodes community group, and link thickness reflects connection weight. Built with React and D3 v4, it uses `d3.forceSimulation` for physics, `d3.forceLink` and `d3.forceManyBody` for layout, plus `d3.drag` for interactive node dragging. Data comes from the included `miserables.json` file, rendered as SVG elements.

GGaneshPenumarthi
86% match
Loading thumbnail…

fresh block

This interactive network diagram uses D3.js v4 to visualize character co-occurrence in *Les Misérables*, with nodes representing characters and links representing relationships between them. The graph is rendered as SVG, with node colors encoding each character's group (e.g., 1–10) and link thickness reflecting the strength of interaction (linearly mapped to the square root of the link value). The visualization supports zooming via mouse wheel and drag-and-drop repositioning of nodes, with the force-directed layout recalculating positions on every tick. Hovering over a node reveals the character's name via a tooltip. The force simulation uses link, charge, and centering forces to arrange the network, while the categorical color scheme distinguishes the social groups.

GGerardoFurtado
86% match