Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line chart.js!

Public visualization

Viewing a saved revision (read-only)

4b9ea2928cb5441281de640546f29e67

Line chart.js!

0 stars4🌍 Public
Ssriram.official9@gmail.com
Last edited Mar 27, 2024
Created on Feb 26, 2024

This example builds a line chart from Titanic passenger data, plotting the relationship between Age and Fare for a subset of passengers. It uses D3.js v7 to load data from a CSV file via `d3.csv`, then slices the data to focus on a specific range of rows. The chart includes linear scales, axes with labels, and a line generator (`d3.line`), all rendered as SVG elements within an HTML page. The visualization illustrates how D3 can handle data ingestion, scaling, and basic chart construction in a straightforward workflow.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.