Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree

Public visualization

Viewing a saved revision (read-only)

12310b60fdaf4abfa69c6defd93b299c

Tree

0 stars0🌍 Public
Jjammigumpula.priyanka193@gmail.com
Last edited Apr 1, 2024
Created on Apr 1, 2024

This example visualizes the Titanic passenger dataset as both a hierarchical tree and a force-directed network graph. The tree shows survival counts (survived vs. not survived) using d3.tree and d3.hierarchy, while the network graph uses d3.forceSimulation with d3.forceLink, d3.forceManyBody, and d3.forceCenter to position passengers. Nodes are colored by gender (blue for male, pink for female), and links connect passengers sharing the same gender, age, and passenger class. The SVG rendering, compiled from CSV data loaded via d3.csv, displays slim lightgrey links and steelblue circle nodes in the tree.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.