Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Area Chart

Public visualization

Viewing a saved revision (read-only)

e73ee5f4a8a3404699fea39d6511d198

D3 Area Chart

0 stars0🌍 Public
AAmeer Nuri
Last edited Jan 18, 2022
Created on Jan 18, 2022

This example displays a stepped area chart of a time series where values rise in distinct plateaus from zero to 80,000, then fall back to zero. The chart uses an SVG path generated by d3.area, with d3.axisBottom and d3.axisLeft for scales, and linear scales for both x and y dimensions. Data is provided as a hardcoded array mapped to x/y points, rendered with yellow fill on a red background. The visualization demonstrates how d3.v7 constructs area shapes from discrete data points.

AI-generated description

D3 Iris Scatter Plot