Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circular Bar

Public visualization

Viewing a saved revision (read-only)

e15d7e66e83040ea9b6c2410ec68c992

Circular Bar

0 stars0🌍 Public
VVikil Lakkavatri
Last edited May 28, 2023
Created on Mar 4, 2023
Forked from React Starter

A circular bar chart shows how values increase from 2020 to 2040, with each year represented by a colored arc segment radiating from a central point. The chart uses D3.js v5 within a React component, employing `scaleBand` and `scaleLinear` for positioning, `arc()` for segment geometry, and `scaleSequential` with `interpolateRainbow` to color each arc. Rendered as scalable vector graphics (SVG), the visualization includes a red center point and white background. The static input data comes from the `useStaticData` hook, providing year-value pairs.

AI-generated description

React Starter code.