Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Area Genrators

Public visualization

D3 Area Genrators

0 stars1🌍 Public
SSubhendu Karmakar
Last edited Dec 29, 2023
Created on Dec 29, 2023

This example demonstrates two area charts generated from the same set of six data points. The D3 `d3.area()` generator creates a path with a closed shape; the first is drawn with a red fill and a default baseline of zero, while the second uses a `y0(150)` offset to position its blue shape higher on the SVG canvas. The paths are rendered as SVG elements using the `d` attribute set directly from the generator’s output, with data provided as an array of `[x, y]` coordinates.

AI-generated description

D3 Scales - scaleTime()

Comments

Sign in to join the discussion.

MIT Licensed