Skip to main content
SimilarExport ZIP
100%

Charan network

✓ Published0🌍 Public
Ccharanchand9
Last edited Jul 10, 2022
Created on Jul 10, 2022
Forked from Charan network

A cousin network diagram shows ten family members as yellow nodes connected by red, arrowed lines, with thicker lines indicating stronger relationships. The visualization uses D3.js version 6 with `d3.forceSimulation` to apply link, many-body, collision, and center forces for layout. Rendered as SVG, nodes are draggable circles with labels, and hovering highlights connections. The data comes from a JSON file defining person nodes and "cousin of" links with weighted values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Charan network

A cousin network diagram shows ten family members as yellow nodes connected by red, arrowed lines, with thicker lines indicating stronger relationships. The visualization uses D3.js version 6 with `d3.forceSimulation` to apply link, many-body, collision, and center forces for layout. Rendered as SVG, nodes are draggable circles with labels, and hovering highlights connections. The data comes from a JSON file defining person nodes and "cousin of" links with weighted values.

Ccharanchand9
100% match
Loading thumbnail…

Social Network graphic

This social network graphic visualizes family relationships using a force-directed layout, with nodes representing individuals and links showing connections weighted by line thickness. The red circular nodes display names and support dragging, while blue links scale their stroke width based on relationship weight. Built with d3.v4 and the legacy d3.layout.force API, the visualization loads data from family.json and renders everything as SVG. The simulation applies gravity, charge, and distance parameters to position nodes dynamically.

Ssumanthsomu1
79% match
Loading thumbnail…

Family Network graph

This example visualizes a family network as a force-directed graph, with eight named nodes connected by weighted links that represent relationships. The code uses D3 v4’s `d3.layout.force` to compute node positions and render the structure as an SVG, drawing red links with stroke widths proportional to each link’s `weight` value. Node labels appear in orange text with blue circles, and interactive dragging is enabled via `force.drag`. Data is loaded from an external `data.json` file, which defines the nodes and their connection weights.

DDINESH SAI BOPPANA
78% match
Loading thumbnail…

Network Graph

This network graph visualizes friend relationships among eight individuals, with each yellow node representing a person and directed links showing connections labeled by type. The code uses d3.forceSimulation with link, charge, collision, and center forces to position nodes, and d3.drag enables interactive node movement. Mouse hover highlights nodes with a green stroke via CSS classes. Data comes from an external JSON file containing node and link arrays, rendered as SVG with markers on connecting lines.

SSRI RAM REDDY KOTERU
78% match
Loading thumbnail…

VarshaGNetwork

This interactive social network diagram shows ten people connected by directed “Friend with” relationships, rendered as an SVG force-directed graph. The visualization uses `d3.forceSimulation` with forceLink, forceManyBody, forceCollide, and forceCenter to position nodes, while drag behavior allows users to rearrange them. All nodes are colored orange, and hover interactions highlight a node with a thick green outline. Data is loaded from a local JSON file, and the arrow markers on links indicate the direction of each friendship edge.

VVReddy913
78% match
Loading thumbnail…

Social Network

This social network visualization displays family relationships using a force-directed graph, with orange links connecting labeled nodes that represent individuals such as “husband,” “wife,” and “daughter’s son.” The code loads family data from a JSON file and uses `d3.layout.force` with gravity, charge, and distance parameters to position the nodes. Node circles are styled with a blue fill, and link thickness reflects each relationship’s weight. Text labels are placed beside each circle using SVG groups, and node dragging is enabled via `force.drag`.

Ppavankalyan1507
78% match
Loading thumbnail…

Network

A social network graph displays six people grouped by category—Family, Friends, or Work—with colored nodes and labeled connections. The visualization uses a D3 force-directed layout via `d3.forceSimulation`, `forceLink`, and `forceManyBody` to position nodes and links dynamically. Node colors are mapped with a `d3.scaleOrdinal` against a hardcoded dataset of names and relationships. Interactions are minimal, with the simulation updating SVG circle and line positions on each tick.

KKOLLIPATI NIKHIL
78% match
Loading thumbnail…

Family Network graph

This example shows a family network graph, visualizing eight individuals as labeled nodes and their relationships as weighted links. The force-directed layout uses `d3.layout.force` from D3 v4 to position nodes and edges, with link thickness proportional to a weight value. Red links and orange text labels render in SVG, while node circles are filled blue. The data comes from a static JSON file, and the graph is interactive through `force.drag` for node repositioning.

DDINESH SAI BOPPANA
77% match