🌍 Public
Viewing a saved revision (read-only)
1566a8c1f28c43f48aed45b05279a493
Area chart Temperature in San Fransisco Scatter Plot
SSophia Murage
Last edited Apr 5, 2020
Created on Apr 4, 2020
This example visualizes temperature in San Francisco as a filled area chart, with time on the x-axis and temperature on the y-axis. The SVG rendering uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate a smooth, filled path beneath the temperature line. Data is loaded from a CSV via `csv`, and axes are created with `axisBottom` and `axisLeft`, featuring grid lines and labeled titles. The chart also includes a bold title, axis labels, and styled tick marks, with all elements arranged within a margin-defined group.
AI-generated descriptionA program that loads and parses some CSV data: CSS Named Colors.