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

Forked from Social Network Graph --> ICE-8

This interactive social network graph visualizes a small, fictional group of people and their friendships. The visualization uses a physics-based simulation to arrange the nodes, placing every node with the same green color and size. The lines between the friends have arrows to denote direction, and a thicker line indicates a stronger connection. The graph is rendered as a Scalable Vector Graphic using the d3.forceSimulation API, which handles the layout and dragging. Data is loaded from a JSON file, with viewers able to click and drag nodes to rearrange the network.

AI-generated description

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Fork of Social Network Graph ICE-8

This static SVG network graph visualizes friendships between eight individuals, with nodes positioned by a force-directed simulation and edges representing "Friend with" relationships. The interactive visualization uses d3.forceSimulation with link, many-body charge, collision, and center forces to layout the graph. Nodes are draggable, and hovering highlights them with a green stroke. The data is loaded from a JSON file, and the graph is rendered using D3 v6 with a fixed 960 by 600 pixel viewBox, using circles and lines.

NNaimisha-M

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

93% match

Loading thumbnail…

Fork of Social Network Graph ICE-8

This interactive social network graph visualizes friendships between individuals. It presents a static force-directed layout where each person is a large orange node, and lines with directional markers connect friends. The size of the node is uniform, while the connection strength, represented by `value`, influences the simulation. The graph uses D3's `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position the nodes. User interaction is enabled through `d3.drag`, allowing nodes to be repositioned. Hovering over a node triggers a CSS class change via `classed`, highlighting it with a gray stroke. The data is loaded from a local `data.json` file.

Ssnehareddygurram

93% match

Loading thumbnail…

Fork of Social Network Graph --> ICE-8

This network graph visualizes friend connections among ten people, with nodes rendered as cyan circles and links as directed lines with arrowheads. The interactive layout uses d3.forceSimulation with link, charge, collision, and center forces, while circles are colored via a scaleOrdinal and respond to mouseover events. Data comes from a JSON file containing node and link objects with relationship metadata.

NNHRK555

92% match

Loading thumbnail…

Fork of Social Network Graph --> ICE-8

This example visualizes a social network as a force-directed graph, showing friendships between ten people with labeled nodes and directional links. The layout is computed using `d3.forceSimulation` with link, charge, collision, and center forces, while nodes are rendered as large cyan circles with SVG text labels. Links are drawn as lines with arrow markers to indicate direction, and nodes are draggable via D3’s drag behavior, with a hover effect that thickens the node border. The code loads data from a JSON file and uses SVG for all rendering.

Rradhadevarapu

92% match

Loading thumbnail…

Fork of Social Network Graph --> ICE-8

This example visualizes a social network as a directed graph, showing how individuals are connected through friendship links. Nodes represent people with a consistent cyan color and circle shape, while lines with arrow markers depict the direction of each friendship relationship. The graph uses `d3.forceSimulation` with link, charge, collision, and center forces to position nodes, with drag interactions enabled. Data comes from a local `data.json` file containing nodes and links with relationship attributes, and hover states are styled via CSS classes.

Ppreddythandra

92% match

Loading thumbnail…

Fork of Social Network ICE 8 11580431

This interactive force-directed network diagram visualizes a small social graph with seven named individuals and six weighted connections. Nodes are rendered as silver circles with yellow outlines, labeled with green text, while orange links connect friends. The visualization uses the d3.layout.force API for physics-based layout, enabling nodes to be clicked and dragged. Data comes from an embedded graph JSON file containing node names, group assignments, and edge weights, which influence link stroke thickness via a square-root scale.

Vviswak12

92% match