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 descriptionBuilt with blockbuilder.org
mit Licensed