Fork of Social_Network_graph_ICE-8

100%

Fork of Social_Network_graph_ICE-8

✓ Published0🌍 Public

Last edited Apr 12, 2023

Created on Apr 12, 2023

This network graph shows the relationships between six individuals, visualized as pink nodes connected by red links. Using the D3.js v4 `d3.layout.force` API with a force-directed layout, the distance between nodes is set to 350 units and charges are negative to create repulsion. The graph loads its node and link data from `graph.json`, and each link's stroke width is proportional to the square root of its weight. Node dragging is enabled via `force.drag`, and the SVG renders text labels with green stroke, circles with blue stroke, and pink fill.

AI-generated description

MIT Licensed

Similar vizzes

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

89% match

Loading thumbnail…

Fork of Social Network Graph --> ICE-8

This social network graph visualizes connections between individuals, with nodes representing people and links indicating friendships. The node labels show the person's name, and each link uses a directional arrow to show the relationship flow, with the line weight reflecting the strength of the connection. The visualization uses D3 v6 with `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCollide` to position nodes in a force-directed layout, reading data from a JSON file. Nodes are rendered as cyan circles with blue strokes, and users can drag them to rearrange the layout.

SSaiSreya1

89% match

Loading thumbnail…

Fork of Fork of Fork of Social Network Graph - ICE-8

This interactive social network graph visualizes friendship connections among ten individuals, with nodes representing people and directed links showing their relationships. The D3.js v6 visualization uses a physics-based force simulation, combining `d3.forceLink`, `d3.forceManyBody`, `d3.forceCollide`, and `d3.forceCenter` forces to position nodes with 75-pixel radius circles. Users can drag nodes to explore the network, with hover effects highlighting connections. The SVG rendering displays node labels in orange text, with the data loaded from a JSON file containing relationship weights and person identifiers.

GGvl Naga Saikiran

89% 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

89% 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

89% match

Loading thumbnail…

Fork of Fork of Social_Network_graph_ICE-8

This interactive force-directed network graph visualizes social connections among nine individuals from a JSON file. Nodes represent people, colored by group, with blue circles and red labels, while black links show relationships with thickness proportional to connection weight. Users can drag nodes to rearrange the layout. The visualization uses the D3.js v4 library with the d3.force layout API to simulate physics-based node positioning within an SVG canvas.

GGvl Naga Saikiran

89% match

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

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.

Nnavyasrimeka9@gmail.com

89% match

Loading thumbnail…

Fork of Social Network Graph-ICE-8

This interactive social network graph displays the connections between nine individuals, with lines representing friendship links and circles representing people. The visualization uses a force-directed layout, where nodes arrange themselves based on simulated physical forces, and users can drag circles to reposition them. The code leverages D3.js version 6 APIs including `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` to calculate the layout, while the data is loaded from a JSON file containing node IDs and link relationships. The SVG rendering includes hover effects that highlight nodes with a thicker stroke.

GGalineeharika

88% match