Fork of Jeevani Network

100%

Fork of Jeevani Network

✓ Published8🌍 Public

Last edited Mar 27, 2023

Created on Mar 27, 2023

Forked from Social Network Graph --> ICE-8

This network graph displays the friendships among a group of named individuals, with pink circular nodes and directed black links showing connections. Using D3 v6’s force-directed layout via `d3.forceSimulation`, the visualization applies a combination of link, many-body, collision, and centering forces to position nodes. Built on an SVG canvas, the graph loads relational data from a JSON file, and nodes are interactive, supporting drag-and-drop for repositioning and mouseover highlighting through applied CSS classes.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Jeevani Network

This network graph uses D3.js force simulation to visualize friendships between people, with nodes and links rendered as an SVG. The graph positions each person as a circular node labeled with their name, and connects friends with directed, arrow-headed lines. Nodes are draggable and highlight on hover. The visualization loads data from a JSON file and applies forces for link distance, charge, collision, and centering, with all nodes colored pink and text in navy.

Ffsenchyna@gmail.com

95% match

Loading thumbnail…

Fork of Network Graph

A fork of the D3 network graph example visualizes a social network of ten people, with circular nodes representing individuals and directed links showing friendship relationships. The graph uses a force-directed layout via `d3.forceSimulation` with forces for link distance, charge repulsion, collision detection, and centering. Nodes are draggable, and hovering highlights them. Data is loaded from a JSON file containing nodes and links with relationship metadata. The visualization is rendered as an SVG with green circles, red labels, and blue arrows, using D3 v6.

BBhavanaGIrni

85% match

Loading thumbnail…

Fork of Graph

This interactive network graph visualizes a small social network of eight people, with node size representing the group and arrows indicating friendship connections. Built with D3 v6, the visualization uses the `d3.forceSimulation` API to apply force-directed layout, combining link, many-body, collision, and center forces. Users can drag nodes, which triggers the simulation's restart and target alpha adjustments. Node highlighting occurs on mouseover via the `classed` method, while SVG markers define arrowheads. The graph reads from a JSON file and renders entirely as an SVG, with a skyblue fill for all nodes.

Nnsatyaprakash22

83% match

Loading thumbnail…

Network Graph

This network graph visualizes friendships among ten people, with nodes connected by directed, arrowed links and labeled with names. The graph uses D3.js v6’s `forceSimulation`, `forceLink`, `forceManyBody`, and `forceCollide` to position nodes and edges, while nodes are rendered as large SVG circles that can be dragged. Data comes from a JSON file containing node and link objects with relationship types. The visualization also sets a cyan background, uses light green for nodes, and highlights nodes on hover.

Ppardha1411

83% match

Loading thumbnail…

Fork of Fork of Fork of Social Network Graph - ICE-8

This interactive social network graph visualizes friendship connections among ten individuals, with nodes representing people and directed links showing their relationships. The D3.js v6 visualization uses a physics-based force simulation, combining `d3.forceLink`, `d3.forceManyBody`, `d3.forceCollide`, and `d3.forceCenter` forces to position nodes with 75-pixel radius circles. Users can drag nodes to explore the network, with hover effects highlighting connections. The SVG rendering displays node labels in orange text, with the data loaded from a JSON file containing relationship weights and person identifiers.

GGvl Naga Saikiran

83% match

Loading thumbnail…

Network Graph

This network graph visualizes a social network of people connected by friendship links. The data, loaded from a JSON file, defines ten nodes and twelve directed relationships with varying edge weights. Built with D3 v6, the visualization uses `d3.forceSimulation` for physics-based layout, with forces for links, many-body repulsion, collision, and centering. Nodes are rendered as large green circles with red labels, and links are drawn as blue lines with arrow markers. Viewers can drag nodes to reposition them.

JJayanthKumarkoni

83% match

Loading thumbnail…

Network Graph

This interactive network graph visualizes a social network of friends, with nodes representing individuals and links showing their relationships. The visualization uses force-directed layout through d3.forceSimulation with link, charge, collision, and center forces to position the nodes. Users can drag nodes to rearrange the network. Data is loaded from a local JSON file, and the graph is rendered as SVG elements including circles for nodes and lines for links, with arrow markers indicating relationship direction. Hovering highlights individual nodes.

Hharipriyaa07

83% match

Loading thumbnail…

Fork of Fork of ICE8 - Social Network Graph

This social network graph visualizes friendships among a group of people, with each node representing a person and each directed link indicating a "Friend with" relationship. The visualization uses the D3.js force-directed layout from `d3.forceSimulation`, combining `d3.forceLink`, `d3.forceManyBody`, `d3.forceCollide`, and `d3.forceCenter` to position nodes and edges. Nodes are rendered as blue circles with labels, and links have arrow markers. The graph is rendered in SVG, with data loaded from a JSON file containing node and link definitions.

VVenkata Rajashekar Reddy Chinthala

83% match