Skip to main content
100%

Stylized Bar Chart

✓ Published0🌍 Public
OOsekovS
Last edited Aug 21, 2020
Created on Aug 20, 2020
Forked from Stylized Bar Chart

A stylized bar chart displays event counts over time, with bars rendered as alternating solid blocks and gaps. The visualization uses a React class component with mouse event handlers to enable rectangular region selection, drawing a semi-transparent overlay as users drag. Data comes from the provided `inData` array, which combines actual document counts with randomized values. The chart uses D3 v5 scales (`scaleBand`, `scaleLinear`) for positioning, while axes and marks are custom React components. Hovering over a bar highlights it in orange, and tooltips show formatted dates for each data point.

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes