Fork of Social Network Graph_ICE8 _ A_K

100%

Fork of Social Network Graph_ICE8 _ A_K

✓ Published0🌍 Public

Last edited Jul 10, 2022

Created on Jul 10, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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

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

Loading thumbnail…

Fork of ICE8 - Social Network Graph

This network graph visualizes a personal social network, showing relationships between eight individuals as red, arrowed links connecting large, light-blue circular nodes. Node labels are displayed within each circle. The graph is constructed using a `d3.forceSimulation` engine with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCollide` to determine node positions, and nodes are rendered as SVG circles. The visualization is interactive, allowing users to drag nodes, with hover effects highlighting the selected circle.

Bbhargavarathod

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

92% match