Hun Manet Nepotism: I

100%

Hun Manet Nepotism: I

✓ Published0🌍 Public

Last edited Aug 23, 2023

Created on Aug 22, 2023

Forked from Force Directed Graph Starter

This visualization maps a network of family connections centered on Hun Manet, with yellow nodes highlighting Manet and his brother while gray nodes represent relatives and in-laws. A force-directed layout uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position the nodes and links. The SVG rendering displays circles with labels, and the data is defined in a separate `data.js` module.

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

70% match

Loading thumbnail…

Charan network

Ccharanchand9

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

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

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

69% match

Loading thumbnail…

network

A force-directed network graph maps family relationships from a CSV dataset, with nodes representing individuals and links showing connections. Node colors encode generation depth, computed via breadth-first search from root nodes, and labels identify each person. Dragging nodes repositions the simulation, while hovering reveals additional details in a tooltip. The visualization uses d3.forceSimulation for layout, d3.drag for interaction, and SVG rendering with D3 v7.

Sshreelasya.bezawada@gmail.com

69% match

Loading thumbnail…

(d3.js)Network Graph and Family Tree

This example displays two distinct visualizations: a network graph and a family tree. The network graph uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes based on attractive and repulsive forces, rendering connections as lines. The family tree uses `d3.tree` and `d3.stratify` to convert parent-child relationships into a hierarchical layout. Both visualizations render as SVG elements with nodes as styled circles and labels, with data hardcoded in JavaScript arrays.

Mmogantirudhrani@gmail.com

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

68% match