Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Update Pattern Trial

Public visualization

Viewing a saved revision (read-only)

027040163d614a038587233467b638a4

Update Pattern Trial

0 stars1🌍 Public
DdeafMother
Last edited Feb 17, 2020
Created on Feb 17, 2020
Forked from Trial

A bar chart displays monthly revenue and profit data from a JSON file, toggling between the two metrics every two seconds. Built with React and D3 v5, the visualization uses a band scale for months and linear scales for values, with axis transitions via `d3.transition()`. The update pattern joins data to SVG rectangles, animating height, position, and fill color as bars swap between tomato (revenue) and green (profit), while newly entered bars grow from the baseline.

AI-generated description

A bare minimum HTML page.

See also React Starter.