Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Area - Multiarea

Public visualization

Viewing a saved revision (read-only)

b3fea5ed7c53404f83fc01c7fc19502f

D3 Area - Multiarea

0 stars1🌍 Public
SSubhendu Karmakar
Last edited Dec 29, 2023
Created on Dec 29, 2023
Forked from D3 Area Genrators

This example shows a multi-area chart built with D3 v7, displaying a gray band between upper and lower y-values across six x-axis points. The chart uses a linear scale to map input values (0–100) to pixel coordinates, while a d3.area() generator computes the path for the filled region. The data is provided as an inline array of objects with x, y0, and y1 fields, and the result is rendered as a single SVG path element inside a 700×400 viewport.

AI-generated description

D3 Scales - scaleTime()