Viewing a saved revision (read-only)
eb12e1381b2d4a43b6122ad8e7765867
Tree
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.