Skip to main content
100%

donut chart

✓ Published0🌍 Public
PPatrick Wojda
Last edited Mar 13, 2019
Created on Mar 13, 2019

This donut chart displays three proportional values as colored arc segments, with percentage labels positioned outside the chart. The visualization uses D3 v4’s `d3.pie()` and `d3.arc()` functions to compute segment angles and paths, rendering the SVG chart dynamically. An interactive element positions HTML labels via absolute styling, calculating their coordinates from the arc centroids and canvas dimensions. The static data is embedded in the code, with colors and suffixes defined per segment. Bare bones and functional, it demonstrates a simple, clean alternative to a standard pie chart.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes