Skip to main content
SimilarExport ZIP
100%

Network

✓ Published1🌍 Public
Aala-wahibi
Last edited Sep 18, 2020
Created on Sep 17, 2020
Forked from Network

A force-directed network graph displays characters and groups from *Les Misérables*, with nodes colored by category and directed links styled by relationship type, such as email or mention. The visualization relies on `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position elements, rendered as SVG circles and lines. A custom `colorLegend` function generates two legends, using circles for node categories and rectangles for link types, while drag interactions let users reposition nodes. Data loads from a JSON file, and edge colors and arrow markers highlight connection semantics.

AI-generated description
MIT Licensed

Similar vizzes

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
93% match
Loading thumbnail…

Network

A network diagram renders character relationships from *Les Misérables*, with nodes colored by group type and link thickness encoding connection weight. D3’s force simulation (`d3.forceSimulation`, `forceLink`, `forceManyBody`, `forceCenter`) positions nodes and updates SVG circles and lines on each tick. A color legend, built through a custom `colorLegend` module, maps categorical domains to a color scale. Data comes from a local JSON file.

Aala-wahibi
92% match
Loading thumbnail…

Fork of Network

A force-directed network graph visualizes the relationships between characters from Les Misérables, with nodes colored by their categorical group (Document, Email, Person, Location, etc.). The simulation uses `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes, while SVG circles and lines render the graph. A color legend generated via `colorLegend` maps group categories to `d3.scaleOrdinal` colors. Data is loaded from a JSON file.

Xxie ming better
92% match
Loading thumbnail…

Fork of Network

This force-directed network graph visualizes character relationships from Les Misérables, with nodes colored by group category (Document, Email, Person, Location, etc.) and link thickness scaled by connection value. The simulation uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position nodes, while a colorLegend component renders the categorical color scale. SVG circles and lines are updated on each tick, and the data loads from a JSON file containing nodes and weighted links.

Xxbambambs
91% 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
91% match
Loading thumbnail…

NetworkChartLEGENDS

A network diagram of character interactions from Les Misérables uses a force-directed layout with nodes colored by character group and a legend mapping each category. The visualization applies a D3 force simulation (d3.forceSimulation with link, charge, and center forces) to position nodes, while links are drawn as lines with stroke widths proportional to interaction value. A color legend, built via a custom colorLegend function, displays the scale domain using d3.scaleOrdinal with d3.schemeCategory10. Node positions update on simulated ticks, and the source data comes from a JSON file containing nodes and links.

VVamsi Krishna
91% match
Loading thumbnail…

Fork of Network Visualization

This network visualization displays the character relationships from Les Misérables, with nodes colored by group type and a legend mapping categories like Document, Email, and Person. It uses d3.forceSimulation with link, charge, and center forces to position the nodes, while links are rendered as lines whose stroke width reflects edge weight. The SVG is built using d3.v5, with nodes and links appended as circles and lines, and a custom colorLegend function creates the legend using d3.scaleOrdinal with the schemeCategory10 palette.

Hherbertamakloe
90% match
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
89% match