Social network tree ICE 8 Sai Nikitha

100%

Social network tree ICE 8 Sai Nikitha

✓ Published0🌍 Public

Last edited Apr 10, 2023

Created on Apr 10, 2023

This visualization shows a social network of friends centered around Sai Nikitha, with nodes representing people (and the country India) connected by friendship links. It uses the D3.js v6 library, specifically `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position the nodes. Draggable pink circles with text labels are rendered as SVG elements, and links appear as yellow lines with arrow markers. The data comes from an external JSON file containing node and link definitions, with mouseover interactions to highlight connected nodes via the `nodeHover` class.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Nikhil ICE 8 Social tree

This visualization depicts a social tree centered on Nikhil, with a child node for Nishith that branches into several anonymous connections and a link to "Silicon Valley Creates." The network layout is computed using d3.forceSimulation, which combines forceManyBody, forceLink, and forceCenter to position nodes. Rendered as an SVG with circles and lines, the node and edge positions update on each simulation tick, while labels are drawn using text elements. The data is defined locally in the data.js file with a fixed set of nodes and links.

NNikhilMakkena

84% match

Loading thumbnail…

ICE8 - Social Network

This visualization shows a social network of nine people connected by friendship links, with each person represented as a gold circle labeled with their name. The network is rendered using D3 v6’s `d3.forceSimulation` with link, charge, collision, and center forces to position nodes. Node dragging is enabled via `d3.drag`, and hovering highlights a node with a green border using CSS classes. The data comes from a JSON file listing nodes and links with relationship metadata, drawn as SVG lines with arrow markers.

IIndhuKrishnaraj

84% match

Loading thumbnail…

Fork of Social Network Graph --> ICE-8

This social network graph visualizes friend connections among ten individuals, using cyan nodes and directed links with arrow markers to show relationships. Built with D3.js v6, the visualization employs force-directed layout algorithms including `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCollide` to arrange the nodes, with drag interactions enabled via `d3.drag`. The data comes from a JSON file containing node and link definitions with relationship metadata, and interactive highlighting is triggered on mouseover events.

SSaiSreya1

84% match

Loading thumbnail…

ICE-8_Social_network

This example visualizes a small social network of eight people and their friendship connections using a force-directed graph. Pink circular nodes represent individuals, while black lines with arrowheads depict the "Friend with" relationships between them. The layout is computed with `d3.forceSimulation`, applying link, charge, collision, and center forces to position nodes dynamically. Users can drag nodes to rearrange the network, and hovering highlights a node with a distinct stroke. The visualization renders in SVG using D3 v6, with data loaded from a local `data.json` file.

NNiharika-Guthikonda

84% match

Loading thumbnail…

Social Network Graph - ICE-8

This interactive network visualization maps social connections among ten individuals, such as Suchitra, Rahul, and Cherry, based on friendship links from a local data.json file. Implemented in D3 v6 with SVG rendering, the graph layout is computed using the `d3.forceSimulation` API with link, many-body, collision, and centering forces. Nodes are rendered as large circles with labels, and directed edges include arrow markers to indicate relationship direction. Users can drag nodes to rearrange the network, with hover effects highlighting selected nodes.

Ssuchitra2602

84% match

Loading thumbnail…

networks ICE 8

This social network graph visualizes a personal friendship network, using a force-directed layout to position ten individuals. Nodes are rendered as cyan circles with labels, and links between friends are shown as lines with arrow markers. The visualization is built with D3 v6, using `d3.forceSimulation` with link, many-body charge, collision, and center forces to arrange the network. Node dragging is enabled via D3’s drag interaction, and hovering highlights a node with a thicker stroke. The data comes from a JSON file containing node and link definitions.

NNithish Kumar

84% match

Loading thumbnail…

ICE-8 Social Network Tree

This example visualizes a social network as a force-directed tree, showing ten people connected by "Friend with" relationships from the data.json file. Large light green circular nodes, labeled with names, are positioned through d3.forceSimulation, d3.forceLink, and d3.forceManyBody, with collision detection via d3.forceCollide. Blue lines with arrowheads, defined using SVG markers, indicate the direction of each friendship, and users can drag nodes to rearrange the network. Hovering over a node highlights it with a red stroke, achieved through CSS class toggling.

TTharun Reddy

83% match

Loading thumbnail…

Social Network Graph- ICE8

This example shows a social network graph of people connected by friendship links. Each person appears as a brown circle with a name label, and directional lines with arrow markers indicate the relationship between individuals. The graph is built with D3.js, using `d3.forceSimulation` with link, charge, collision, and center forces to position nodes dynamically. Users can drag nodes to rearrange the layout, and hovering highlights a node with a thicker white stroke. The data comes from a JSON file with node and link arrays, and the visualization renders to SVG.

Ggayuvurukuti@gmail.com

83% match