@openuidev/react-ui@0.17.0
thesysdev/openui@openuidev/react-ui@0.17.0Oct 5, 2026by thesys-pr-creator[bot]
Upgrading?
AI Summary
Migrated charting library from Recharts to D3, introducing new chart types and changing the theme structure.
Key Highlights
- Charts migrated from Recharts to D3
- New chart types: HeatmapChart, FunnelChart, SegmentedBar, CalendarHeatmap
- Removed `theme` support; use `customPalette` or `ThemeProvider` palettes
- `height` now includes x-axis labels inside the chart area
Breaking Changes
- `theme` (named palettes) is gone; use `customPalette` or `ThemeProvider` palettes
- Renamed `bar.radius` to `barRadius`
- Renamed `SingleStackedBar.animated` to `isAnimationActive`
- Dropped `line` and `radar` `strokeWidth` props
- Dropped `HorizontalBarChart.showXAxis` prop
- Dropped `Pie` and `Radial` `onMouseEnter`/`onMouseLeave` props
- Dropped `scatter` `shape` prop
New Features
- New charts: HeatmapChart, FunnelChart, SegmentedBar, CalendarHeatmap, StackedLegend
- Optimized scrolling layout for long category lists
- Fixed Area and line charts with `variant='step'` to step halfway between points
- Improved donut chart thin band rendering
- RadarChart now marks hovered axes with dots
Full Release Notes
### Minor Changes
- [#1248](https://github.com/thesysdev/openui/pull/1248) [`301d668`](https://github.com/thesysdev/openui/commit/301d66856835a81211628212f11833fe56a57dd4) Thanks [@ankit-thesys](https://github.com/ankit-thesys)! - Charts are now drawn with D3 instead of Recharts. Every chart keeps its name and export (`AreaChart`, `AreaChartCondensed`, `BarChart`, `BarChartCondensed`, `HorizontalBarChart`, `LineChart`, `LineChartCondensed`, `PieChart`, `RadarChart`, `RadialChart`, `ScatterChart`, `SingleStackedBar`, the Mini charts and the scatter helpers) and takes the same `data` + `categoryKey` / `dataKey` shape; genui-lib's chart components and their props are unchanged. New charts: `HeatmapChart`, `FunnelChart`, `SegmentedBar` (the same component as `SingleStackedBar`), `CalendarHeatmap`, plus `StackedLegend` with `LegendStoreProvider`.
Changes for direct users:
- `theme` (named palettes) is gone; set colors with `customPalette` or the ThemeProvider's chart palettes (`defaultChartPalette`, `barChartPalette`, …).
- `height` is the whole chart: the x-axis labels and legend fit inside it instead of being added below. Labels take at most half of it and truncate when they don't fit.
- Renamed: bar `radius` → `barRadius`; SingleStackedBar `animated` → `isAnimationActive`.
- Dropped: line and radar `strokeWidth`; HorizontalBarChart `showXAxis`; Pie and Radial `onMouseEnter` / `onMouseLeave`; scatter `shape`.
- Legend and tooltip text is shown as given, no longer capitalized ("iOS" stays "iOS"; a lowercase data key shows lowercase).
- `recharts` is no longer a dependency.
### Patch Changes
- [#1273](https://github.com/thesysdev/openui/pull/1273) [`d51a09c`](https://github.com/thesysdev/openui/commit/d51a09cd4ed9639f5e606a9c07faef352672a164) Thanks [@ankit-thesys](https://github.com/ankit-thesys)! - Scrolling `BarChart`, `AreaChart` and `LineChart` lay out long category lists faster: only a label that widens the categories is measured in full, so the layout stays cheap as a long chart streams in. Widened categories are sized to the exact label width.
- [#1269](https://github.com/thesysdev/openui/pull/1269) [`dd4f450`](https://github.com/thesysdev/openui/commit/dd4f45074ac50b59d78e2855bd203e0e0562c95b) Thanks [@i-subham23](https://github.com/i-subham23)! - Fixes to the D3 charts from QA:
- Area and line charts with `variant="step"` step halfway between points, as the Recharts charts did, so the first and last values get a flat run too.
- The scrolling `BarChart`, `AreaChart` and `LineChart` widen their categories so long x-axis labels show in full, and scroll further. A category grows to at most three times its usual width and at most half the chart; longer labels, and labels in the condensed charts, are truncated with the full text on hover.
- The donut `PieChart` is a thin band in the slice colors over grey track wedges again, with slices 0.5° apart; `paddingAngle` sets the pie's gaps only.
- `RadarChart` marks the hovered axis with a dot on each series. The dots glide between axes and fade in and out, like the line and area charts' hover dots.
- Updated dependencies []:
- @openuidev/react-lang@0.3.1
- @openuidev/react-headless@0.17.0Related Repositories
openclaw/openclaw★ 392,705
The AI that really does things. Any OS. Any Platform. The lobster way. 🦞
nilbuild/developer-roadmap★ 370,073
Interactive roadmaps, guides and other educational content to help developers grow in their careers.
morluto/rea★ 358,099
Reverse engineer anything with agents, from app behavior down to native binaries.
anomalyco/opencode★ 219,703
The open source coding agent.
n8n-io/n8n★ 208,257
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.