Skip to main content
SimilarExport ZIP
100%

CSCE-5320: ICE-8 Social Network

✓ Published0🌍 Public
NNaveenParitala
Last edited Apr 5, 2022
Created on Apr 5, 2022

This network visualization shows a social graph of ten people with "Friend with" connections, rendered as blue circular nodes labeled with names and connected by black directed lines with arrow markers. The layout is computed using d3.forceSimulation, which applies forceLink, forceManyBody, forceCollide, and forceCenter to position nodes dynamically. Users can drag nodes to rearrange the network. The SVG output uses d3’s JSON data loading, with node highlighting effects on mouseover and a color scale of blue for all nodes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Social Network Graph --> ICE-8

A force-directed social network graph displays ten people connected by twelve friendship links. The visualization uses a pink circular node for each person, with their name displayed inside, and red directed lines with arrowheads showing relationships. The layout is computed using `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter`. Nodes are interactive via `d3.drag`, and hovering changes the stroke color through CSS classes. Data comes from a JSON file containing nodes and links with relationship metadata.

RRevanthReddyG
91% match
Loading thumbnail…

Social Network Graph --> ICE-8

This example visualizes a small social network as an interactive node-link diagram. The graph shows ten people and the friendship connections between them, with arrowheads indicating link direction. The layout is computed using D3’s `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter`. Nodes are rendered as large cyan circles with text labels, and users can drag them via `d3.drag`. Data is loaded from a local JSON file, and the SVG is rendered with scaling and marker definitions from D3 v6.

SSravyaAnnadi
91% 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
90% match
Loading thumbnail…

ICE8 - Social Network Graph

This example displays a social network graph of eight people connected by friendship links. Nodes are rendered as blue circles with white labels, while directed edges with arrowheads indicate the relationship direction and thickness reflects connection strength. The visualization uses D3 v6’s `forceSimulation`, `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes, with drag interaction via `d3.drag`. Data comes from a local `data.json` file, and the SVG output updates on each simulation tick.

MMgk1255
90% match
Loading thumbnail…

ICE8 - Social Network

This example visualizes a social network as an interactive node-link diagram, showing friendships between ten people with each person represented as a labeled circle. The layout is computed using d3.forceSimulation with forceLink, forceManyBody, forceCollide, and forceCenter, rendering as SVG. Data comes from a local JSON file. Links are drawn as blue lines with arrowheads, nodes are draggable via d3.drag, and hovering highlights nodes with a thicker stroke.

SSatyaVineeth
90% match
Loading thumbnail…

Social Network Graph --> ICE-8

This example visualizes a social network as a force-directed graph, showing friend relationships among a group of people. The nodes, rendered as large cyan circles with labels, are positioned using `d3.forceSimulation` with link, charge, collision, and center forces. The data, loaded from a JSON file, defines nodes and links with relationship attributes. The graph uses SVG elements, with markers indicating link direction. Users can drag nodes to reposition them, and hovering highlights a node by thickening its stroke via CSS classes.

NNithish Kumar
90% 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
90% match
Loading thumbnail…

ICE8 - Social Network Graph

This network graph visualizes a small social network of ten people and their friendship connections, with each person shown as a pink circle and each friendship as a line with an arrow. The graph uses D3.js's force-directed simulation API, including `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, `d3.forceCollide`, and `d3.forceCenter`, to position the nodes, which can be dragged interactively. Nodes and links are rendered as SVG elements, with data loaded from a local `data.json` file. Hovering over a node highlights it with a thicker stroke.

Nnehabaddam
90% match