Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Labels

Public visualization

Viewing a saved revision (read-only)

af9b51bdb6414396962cec6ff02b60a5

Fork of Labels

0 stars0🌍 Public
PPiotr Paszek
Last edited Mar 24, 2021
Created on Mar 24, 2021
Forked from Labels

A donut chart displays three apple values with labels positioned outside the chart’s outer radius. The visualization uses only D3.js v6 with SVG rendering, calculating arc paths via `d3.arc` and slice angles via `d3.pie`. Labels are placed using trigonometry and each label’s bounding box (`getBBox`) to compute adjusted coordinates, though the commented-out pointer lines and markers remain inactive. The chart applies a color scale derived from an HSL interpolation and notable padding and corner radius for the arcs.

AI-generated description

Donut chart labels outside the chart