Fork of Fork of Social Network Graph-ICE-8

100%

Fork of Fork of Social Network Graph-ICE-8

✓ Published0🌍 Public

Last edited Apr 13, 2023

Created on Apr 13, 2023

Forked from Fork of Social Network Graph-ICE-8

This interactive social network graph visualizes friendships among a group of individuals, such as Virat Kholi, Dhoni, and Warner, using a force-directed layout. Nodes represent people and links represent their connections, with node size and hover effects highlighting individual nodes. The visualization uses D3.js v6 with `d3.forceSimulation`, `forceLink`, `forceManyBody`, and `forceCollide` to position the elements, and renders the result as an SVG. The `data.json` file provides the source data for the network structure.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Social Network Graph --> ICE-8

This social network graph visualizes friendships among ten people, with nodes representing individuals and directed, arrowed lines showing their connections. Different line thicknesses encode relationship strength, such as the stronger link between Indu and Rahul. Built with D3.js v6, the visualization uses `d3.forceSimulation`, `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position elements. The SVG rendering includes draggable, cyan-colored nodes with hover effects, while the data is loaded from an external CSV file containing node pairs and weight values.

85% match

Loading thumbnail…

Fork of Fork of ICE8 - Social Network Graph

This social network graph visualizes friendships among a group of people, with each node representing a person and each directed link indicating a "Friend with" relationship. The visualization uses the D3.js force-directed layout from `d3.forceSimulation`, combining `d3.forceLink`, `d3.forceManyBody`, `d3.forceCollide`, and `d3.forceCenter` to position nodes and edges. Nodes are rendered as blue circles with labels, and links have arrow markers. The graph is rendered in SVG, with data loaded from a JSON file containing node and link definitions.

VVenkata Rajashekar Reddy Chinthala

84% match

Loading thumbnail…

Fork of Social_Network_graph_ICE-8

A force-directed graph displays nine cricket players as red circles with green labels, connected by black links whose thickness reflects link weight. The visualization uses D3 v4's `d3.layout.force` (with gravity, distance, and charge parameters) to position nodes, and loads node and link data from a local `graph.json` file. Users can drag nodes via `force.drag`, while the tick handler updates line coordinates and node transforms in SVG.

Ppemmasaniprudhvinadh

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

84% match

Loading thumbnail…

Fork of Fork of ICE8 - Social Network Graph

This is a social network graph showing friendship connections among eight people. The visualization uses a force-directed layout to arrange nodes and links, with each node labeled by name and rendered as a circle. The code uses D3 v6’s `d3.forceSimulation` with link, charge, collision, and center forces to position the nodes, and SVG elements are updated on each simulation tick. Link arrows are drawn via SVG markers, and nodes are interactive, with hover effects and drag support. The data comes from a JSON file specifying people and their friend relationships.

NNikhilchiguru-8

84% match

Loading thumbnail…

Fork of Social Network Graph --> ICE-8

This visualization shows a social network graph of ten individuals connected by friendship links. Each node is rendered as a circle with a person’s name, and directional arrows on the connecting lines indicate the relationship’s source and target. The layout is computed using `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, `d3.forceCollide`, and a center force. Nodes are draggable via `d3.drag`, with hover effects toggling a CSS class. Data comes from a local `data.json` file, and the SVG is rendered with D3 v6.

Bbhanuprasadk19

83% match

Loading thumbnail…

Fork of Fork of ICE8 - Social Network Graph

A social network graph visualizes friend connections among eight people, with nodes labeled by name and directed, arrow-tipped links indicating relationships. The force-directed layout uses `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, `d3.forceCollide`, and `d3.forceCenter` to position nodes. Nodes are draggable via `d3.drag`, and hovering highlights a node with a green stroke. The SVG output is rendered with D3 v6, using data from a JSON file.

RRahulChaitu999

83% match

Loading thumbnail…

Fork of Social Network Graph --> ICE-8

This social network graph visualizes friendship connections among a group of people, with each person represented by a large cyan circle and friendships shown as directed lines with arrowheads. The network layout is computed using `d3.forceSimulation` with link, charge, collision, and center forces, allowing users to drag nodes to rearrange the graph. Node and link data come from a local `data.json` file, and the visualization is rendered as an SVG using D3 v6, with hover effects highlighting nodes via CSS classes.

SSaiSreya1

83% match