Fork of Social_Network_graph_ICE-8

100%

Fork of Social_Network_graph_ICE-8

✓ Published0🌍 Public

Last edited Apr 13, 2023

Created on Apr 13, 2023

This force-directed network graph visualizes a small social network of five individuals, with weighted links indicating connection strength. The graph uses D3.js v4 with the legacy `d3.layout.force` API, where nodes are draggable circles and lines represent edges with stroke-width proportional to link weight. Data loads from a local `graph.json` file, and the SVG rendering updates positions on each simulation tick, displaying node names as text labels. The visualization applies custom styling to nodes, links, and text within the SVG canvas.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

This example displays a small social network of nine named individuals grouped into five categories, with weighted links connecting them. It uses the D3.js library, specifically `d3.layout.force`, to simulate the network layout, rendering nodes as blue circles with red labels and edges as black lines whose thickness varies with link weight. The visualization is drawn as an SVG element and loads data from a local JSON file, allowing nodes to be dragged interactively via `force.drag`.

Aadapavaishnavi12

92% match

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

This is a force-directed social network graph built with D3 v4 and rendered as SVG. It uses `d3.layout.force` to position nine named nodes connected by eight weighted links, with stroke width proportional to link weight. Each node appears as a blue circle with a red text label, and nodes are draggable via `force.drag`. The layout applies gravity, distance, and charge settings to arrange the network, updating positions on each tick. Data comes from an external `graph.json` file.

LLakshmiManjushaReddyYarreddu

91% match

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

This force-directed network graph visualizes a small social network of nine people and their connections. The visualization uses D3.js (v4) to render SVG circles for individuals and lines for relationships, with line thickness indicating connection weight. The graph implements interactive dragging via the d3.layout.force API. Node labels appear in red text with blue circular markers. Data comes from graph.json, which defines nodes grouped by community and edges with assigned weights. The force layout algorithm positions nodes dynamically based on gravitational and charge parameters.

Mmanishcheruku

91% match

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

A fork of the Social_Network_graph_ICE-8 example visualizes a small social network of nine named individuals across five groups, with weighted links between them. It uses `d3.layout.force` in D3 v4 to position the nodes as circles connected by black lines, where line thickness reflects link weight. The graph loads its data from a local `graph.json` file, renders to SVG, and supports interactive dragging of nodes via `force.drag`. Node labels appear in red text beside each blue circle, with styling defined by CSS classes.

Jjasua

91% match

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

This visualization shows a small social network with nine named individuals organized into five groups, connected by eight weighted links. The graph uses a force-directed layout, where node positions are computed by `d3.layout.force` with gravity, charge, and distance settings, rendering nodes as blue circles and black links with stroke widths scaled to link weight. Draggable node groups display names in red text, and the simulation runs until tick events update link coordinates and node transforms. Data comes from a local `graph.json` file.

Bbeyzadoganay

91% match

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

A force-directed network graph visualizes nine people grouped into five communities, with weighted links connecting them. The graph uses a circular node layout with blue circles, red text labels, and black lines whose thickness corresponds to link weight. Built with d3.v4 and d3.layout.force, it loads node and link data from a JSON file, applies gravity, distance, and charge parameters, and enables dragging of nodes. The SVG rendering updates positions on each tick via the force event.

Wwisam-ahmed

91% match

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

A social network graph displays nine named people as blue circles with red labels, connected by weighted black lines. The visualization uses the D3.js v4 library with the `d3.layout.force()` API to apply a force-directed layout, positioning nodes based on simulated physical forces with gravity, charge, and distance parameters. Circle radius is fixed, while link stroke-width reflects each connection's weight value from the JSON data source. The graph renders as an SVG element, and nodes are draggable, with their positions updated on each tick of the force simulation.

GGogineni44

90% match

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

This fork of the Social_Network_graph_ICE-8 example displays a small social network of nine named people, grouped into clusters, with eight weighted connections between them. The visualization uses D3 v4’s force layout to position nodes and links, rendering them as SVG circles and lines. Node labels appear in red text, while circles have blue fills and strokes. The code loads data from a JSON file, applies a force-directed simulation with gravity, charge, and distance parameters, and supports dragging nodes via `force.drag`. Link thickness reflects the numeric weight of each connection.

GGvl Naga Saikiran

90% match