Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Donut

Public visualization

Viewing a saved revision (read-only)

96fc682440ad421b9632376dffded2eb

Fork of Donut

0 stars0🌍 Public
Cckp8
Last edited Jan 19, 2023
Created on Jan 19, 2023
Forked from Donut

This example displays the current day of the year as a percentage, shown simultaneously in a progress bar, a donut chart, and a semicircular gauge. The three components are rendered as SVG using React, with the `d3.arc` API generating the donut and gauge paths. The progress value is computed from the date using `timeFormat` from d3, and each visualization updates dynamically based on that calculated fraction.

AI-generated description