Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

textured area chart

Public visualization

Viewing a saved revision (read-only)

25a6a97b32594e269909b033e230f8ea

textured area chart

1 star1🌍 Public
Zzoniyac
Last edited Apr 30, 2020
Created on Apr 23, 2020

This example visualizes the change in three named groups—Helen, Amanda, and Ashley—over time using a stacked area chart. Instead of solid colors, each group is filled with a distinct SVG pattern texture: hexagons, waves, and squares. The chart is built with D3.js v4 and the `textures` library, which generates the pattern URLs assigned via a color scale. Data is loaded from a CSV, stacked using `d3.stack`, and rendered as SVG paths with `d3.area`. The React framework is noted in the project metadata, though the visible code uses plain JavaScript embedded in HTML.

AI-generated description

A bare minimum HTML page.

See also React Starter.