Skip to content

[charts] Add radial bar overview demo with custom overlays#22776

Open
JCQuintas wants to merge 11 commits into
mui:masterfrom
JCQuintas:nice-radial-bar
Open

[charts] Add radial bar overview demo with custom overlays#22776
JCQuintas wants to merge 11 commits into
mui:masterfrom
JCQuintas:nice-radial-bar

Conversation

@JCQuintas

Copy link
Copy Markdown
Member

Summary

Adds an overview demo to the Radial Bars docs page, showcasing the RadialBarChart with custom SVG overlays.

The demo visualizes average trust in others across Europe (Eurostat ilc_pw03, population aged 16+) between 2013 and 2025, inspired by The European Correspondent's infographic:

  • Blue bars: 2025 trust (real chart series, keeps tooltips/highlight)
  • Orange arc line: 2013 reference level, drawn per country
  • Trend markers: up/down triangle offset from the relevant bar by a static distance
  • Dashed EU average ring (Eurostat EU27 2025 figure)
  • Custom item tooltip showing 2025, 2013, and the change

Details

  • Overlays are passed as children and read the polar scales through the public useRotationAxis / useRadiusAxis / useDrawingArea hooks (shared usePolarGeometry helper) — no internals.
  • New dataset dataset/europeanYouthTrust.ts.
  • Overview section moved to the top of the page; copy made capability-focused.

@JCQuintas JCQuintas requested a review from alexfauquette as a code owner June 11, 2026 15:22
@JCQuintas JCQuintas self-assigned this Jun 11, 2026
@JCQuintas JCQuintas added docs Improvements or additions to the documentation. scope: charts Changes related to the charts. labels Jun 11, 2026
@code-infra-dashboard

code-infra-dashboard Bot commented Jun 11, 2026

Copy link
Copy Markdown

Deploy preview

Bundle size

Bundle Parsed size Gzip size
@mui/x-data-grid 0B(0.00%) 0B(0.00%)
@mui/x-data-grid-pro 0B(0.00%) 0B(0.00%)
@mui/x-data-grid-premium 0B(0.00%) 0B(0.00%)
@mui/x-charts 0B(0.00%) 0B(0.00%)
@mui/x-charts-pro 0B(0.00%) 0B(0.00%)
@mui/x-charts-premium 0B(0.00%) 0B(0.00%)
@mui/x-date-pickers 0B(0.00%) 0B(0.00%)
@mui/x-date-pickers-pro 0B(0.00%) 0B(0.00%)
@mui/x-tree-view 0B(0.00%) 0B(0.00%)
@mui/x-tree-view-pro 0B(0.00%) 0B(0.00%)
@mui/x-license 0B(0.00%) 0B(0.00%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

@JCQuintas JCQuintas added the type: enhancement It’s an improvement, but we can’t make up our mind whether it's a bug fix or a new feature. label Jun 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

docs Improvements or additions to the documentation. scope: charts Changes related to the charts. type: enhancement It’s an improvement, but we can’t make up our mind whether it's a bug fix or a new feature.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant