Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProTwo small donuts on one card compare the split at two points in time.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Two small donuts on one card compare the split at two points in time. Copy it as a starting point and replace the sample data and labels with yours.
Do not use it when the reader needs exact values from many points at once: a table is a better fit.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
The recipe has no props. The sample rows are the data constant and the series colours and labels are the config constant at the top of the file; edit those, or lift them into props.
The chart is drawn with Recharts' accessibilityLayer, so the plot can be focused and arrow keys move between points. The figure has a text description for screen readers, and a "View the data as a table" disclosure shows every value in a real table with column and row headers. Animation is switched off when the system asks for reduced motion. Colours come from the --chart-* tokens and every series is also named in the legend, tooltip or table, so colour is never the only cue.
The recipe ships with a test (rc-pie-before-after.test.tsx). It renders the chart, checks the data table fallback exists with a caption, and checks the disclosure is reachable.