Skip to main content
SimilarExport ZIP
100%

Fork of ICE8 - Amar_Social Network Graph

✓ Published0🌍 Public
AAmar09nath
Last edited Apr 4, 2022
Created on Apr 4, 2022

This visualization shows a small social network of eight people with friendship links radiating from Ray to AMAR and others. Each node is a yellow circle labeled with a person’s name, and directed lines with arrow markers indicate the relationship direction. The layout is computed using `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCollide`, while nodes are rendered as SVG circles with hover highlighting via CSS classes. Interaction is supported through `d3.drag`, and the data is loaded from a local JSON file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8 - Amar_Social Network Graph

This network graph visualizes social connections among eight people, with red circular nodes representing individuals and directed black lines indicating "Friend with" relationships. The layout is computed using d3.forceSimulation with link, charge, collision, and center forces, while nodes are rendered as SVG circles and labels. Hovering a node triggers a CSS class change that turns its stroke green. The data comes from a JSON file containing node groups and repeated link entries for some pairs.

AAmar09nath
90% match
Loading thumbnail…

Fork of Fork of ICE8 - Social Network Graph

This example shows a social network graph of people connected by friendship links, with eight circular nodes labeled with names like AMAR, PINKY, and HASH. The directed graph uses red circles for all nodes and arrowed lines for links, rendered as SVG. Built with D3 v6, it uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes, while drag behavior lets users move nodes. The data comes from a JSON file specifying node groups and link relationships.

SShivaPriyad
90% match
Loading thumbnail…

Fork of Fork of Fork of ICE8 - Social Network Graph

This social network graph visualizes friendships among eight people, with nodes representing individuals and links showing their connections. The graph layout is computed using d3.forceSimulation, which applies link, charge, collision, and center forces to position the nodes and edges. The SVG rendering displays yellow circles with person names, using arrow markers on lines to indicate relationship direction. Dragging and hovering interactions are enabled through D3's drag behavior and CSS class toggling, allowing users to explore the network dynamically. The data comes from a JSON file containing node and link definitions.

Bbhanuteja1807@gmail.com
90% match
Loading thumbnail…

Fork of Social Network Graph_ICE8 _ A_K

This visualization shows a social network of eight people as an interactive node-link diagram, with orange circles representing individuals and labeled arrows showing friendship connections. The graph uses d3.forceSimulation with link, charge, collision, and center forces to position nodes, while d3.drag enables users to move nodes. Hovering highlights a node with a gray border. The data is loaded from a JSON file containing nodes with group assignments and links with relationship types and values, and the SVG renders markers on link endpoints to indicate direction.

Aamulyakannam
89% match
Loading thumbnail…

Fork of ICE8 - Social Network Graph

This graph visualizes a small social network of eight individuals and their friendship connections, with directed arrows indicating the relationships. Built with D3.js v6, the visualization employs a force-directed layout computed by `d3.forceSimulation`, combining link, many-body, collision, and center forces to position nodes. The SVG rendering uses circles for people, labels for names, and lines with markers for edges, with all nodes initially placed at the center. Data is loaded from a JSON file containing node and link arrays.

RRamakanth771
89% match
Loading thumbnail…

Fork of Fork of Fork of ICE8 - Social Network Graph

This interactive social network graph visualizes friendships among eight people (RAM, AMAR, HASH, NIKKI, ASHU, SREE, RAYZ, PINKY), with nodes representing individuals and directed links representing "Friend with" relationships. Built with d3.v6, it uses `d3.forceSimulation` with link, many-body, collision, and center forces to position the network. The SVG rendering includes circle nodes with labels, and users can drag nodes to rearrange the layout. The data comes from a JSON file defining the nodes and links.

GGalineeharika
89% match
Loading thumbnail…

Fork of ICE8 - Social Network Graph

This example visualizes a small social network graph, showing eight people connected by friendship links and rendered as yellow circles with labels. A force-directed layout using `d3.forceSimulation` positions nodes, with `d3.forceLink` defining edges based on a JSON data file containing source, target, and relationship attributes. SVG elements create nodes and links, while drag interaction via `d3.drag` lets viewers reposition nodes, and mouseover events highlight nodes with a green stroke.

Yyaswanthsen
88% match
Loading thumbnail…

Fork of ICE8 - Social Network Graph

A force-directed social network graph visualizing friendship ties among nine people. Nodes are yellow circles with name labels, connected by black lines with arrow markers. The layout uses `d3.forceSimulation` with link, charge, collision, and center forces, rendering in SVG. Interactions include dragging nodes and highlighting on mouseover via a CSS class. Data comes from a JSON file containing node IDs and link relationships.

MMar-99
88% match