CircularChart changelog

Retain a 4 CSS px floor for the shared HoverPanel dot-to-name and name-to-value gaps in LTR and RTL. Preserve the default 4px / 8px gaps, larger tokens, chart geometry, and center annotations.

Localized the built-in root accessible name through the shared locale protocol. Fixed explicit aria-label values being overwritten by the default; business names and numeric formatting remain unchanged.

2026-09-21: Unified the usage guide, source property table, and Site / AI reading entry points. Documentation only; component behavior is unchanged.

Sector appearance now computes one linear timeline per frame. HoverPanel pointer and cell-hit coordinates share one root measurement per render frame. Public API, sector paths, motion duration, visuals, and interaction semantics are unchanged.

Zero-gap sectors now paint color once through an alpha paint mask while retaining seam cover, reducing antialiasing gaps and eliminating dark edges caused by overlapping translucent fill and stroke.

Added minWidth, default "40px". Setting it equal to chart width prevents responsive shrinking; numeric dimensions follow the same unit rules.

Default responsiveness supports the remaining width in side-by-side flex layouts, with a fixed 40px minimum visible width. No manual opt-in is needed; disabling it retains declared dimensions.

The chart and all center content scale down proportionally with available width by default and return to declared size when space recovers. enableResponsive=false retains declared size.
HoverPanel keeps its size, while pointer / focus positioning follows the actual displayed chart size.

Persistent center labels can explicitly reuse default center typography through direct-child segment-value / segment-name roles. Callers still own their content; other custom center content is unaffected.
Both role lines use default centered alignment and continue to support public class / style and label overrides.

Fixed role detection not resynchronizing after center nodes remount from Loading / Skeleton or center visibility changes. Default hover labels no longer overlay a restored persistent center label.
Center-role detection follows actual node lifecycles and supports direct loading or loading from a parent Frame.

Completed descriptions for all 44 named Properties against existing source: purpose, default resolution, numeric units, callbacks, center composition, and data-fallback boundaries. Runtime behavior is unchanged.

Fixed queued animations replaying after rapid repeated hover / focus. Latest interaction state takes over from current geometry; valid keyboard focus stays active after pointer exit.

Added showBaseLayer=false to enable same-color outlines at final size on demand. Real graphics and entrance motion retain their behavior.

HoverPanel is enabled by default, retaining the light appearance.
Fixed pointer hit testing when one sector fills the entire circle, allowing the default panel to appear.

Added shared Chart colorMode: sequence, monochromeFade, and monochrome.
Added primary color plus separate monochromeColor / mutedMonochromeColor entries. With color, both monochromeFade and monochrome modes now default to that primary color.
All three color modes support per-sector custom colors through data[i].color and colors[i].

Gaps now use padAngle + padRadius during path construction, replacing the post-render gap mask and radial short-line mask.
The fill layer now uses a complete padded path with a local revealPath mask, fixing misalignment between animated fill and placeholder sectors.
Corner rounding now uses d3-shape throughout, fixing ineffective large radii, missing corners on short arcs, and clipping on hover.
Added an official ECharts example, local source reference, and records of this round’s issues and solutions.
For opaque zero-gap sectors, added a 0.5px same-color seam cover and a stroke-only blur(0.5px) seam.

Completed feature documentation for data shapes, sector drawing, color, motion, accessible interaction, and Frame integration.
Clarified that cornerRadius / separatorWidth are design values at a 160×160 baseline and scale by size / 160.
Clarified color support for CSS variables, linear-gradient(...) strings, and gradient objects. Sectors without a defined color fall back to the default sequence.
Documented the 4% same-color placeholder layer, transparent gaps, reverse-rewind timeline, and component methods.

Initial CircularChart implementation.
Supports adjustable overall size, ring thickness, corner radius, separators, and outward thickening on hover.
Supports center hover labels, up to 10 items, and SnowUI’s primary + secondary-* color sequence.
Integrated a Frame root, Skeleton, Test examples, and standards registration.