Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Donut

Public visualization

Fork of Donut

0 stars0🌍 Public
Ddriftcafe
Last edited Apr 5, 2022
Created on Apr 5, 2022
Forked from Donut

A fork of a donut chart, this example displays the current day of the year as a percentage of the total days in the year. The visualization renders a semi-circular progress gauge using D3’s `arc` generator, with a gray background arc and an orange foreground arc that advances as the year progresses. The code calculates the progress by dividing the day-of-year by the total days, using D3’s `timeFormat`. Built with React and rendered as SVG, the gauge includes a centered text label showing the rounded percentage.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed