[charts-premium] Add WebGL renderer to ScatterChartPremium by JCQuintas · Pull Request #22157 · mui/mui-x

JCQuintas · 2026-04-22T14:44:49Z

Summary

Adds a new ScatterChartPremium component with a renderer prop that accepts 'svg-single' | 'svg-batch' | 'webgl' (default 'svg-single').
When renderer="webgl", points are drawn into the shared premium WebGL canvas via a new ScatterWebGLPlot (instanced antialiased circles), keeping axes/grid/tooltip on the SVG layer.
Demo: docs/data/charts/scatter/ScatterWebGLRenderer.tsx — 200k points, two series.

WebGL plot internals

useScatterWebGLPlotData walks series once and writes directly into pre-allocated Float32Arrays (no intermediate objects). sizes/colors arrays are cached by seriesData identity so resize/axis changes don't trigger a GPU color re-upload.
ScatterWebGLProgram allocates buffers + VAO once, tracks (capacity, lastUploaded) per buffer, and uploads via bufferSubData + DYNAMIC_DRAW with a reference-equality short-circuit.
Clear/draw-dispatch is owned by the shared ChartsWebGLLayer; the program only issues the drawArraysInstanced call.

…chart-webgl

code-infra-dashboard · 2026-04-22T14:49:04Z

Deploy preview

docs/data/charts/scatter/scatter.md

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	🔺+720B^(+0.19%)	🔺+193B^(+0.17%)
@mui/x-charts-pro	🔺+732B^(+0.14%)	🔺+179B^(+0.12%)
@mui/x-charts-premium	🔺+7.68KB^(+1.39%)	🔺+1.93KB^(+1.17%)
@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%)

Details of bundle changes

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

codspeed · 2026-04-23T08:26:45Z

Merging this PR will not alter performance

✅ 14 untouched benchmarks

_{Comparing JCQuintas:scatter-chart-webgl (542b03c) with master (5f66c56)}

…seMemo

alexfauquette · 2026-04-23T14:32:26Z

Impressive 🎉

While playing with it, I'm wondering if the highlight will be handled in a follow up. For not with no item highlight, it's tricky to know if the tooltip and the rendered item are correct

JCQuintas · 2026-04-23T15:36:42Z

Impressive 🎉

While playing with it, I'm wondering if the highlight will be handled in a follow up. For not with no item highlight, it's tricky to know if the tooltip and the rendered item are correct

Added a small highlight component. It renders in svg since it is a single element, and would allow customisation.

Not sure which class to use on it though. Should we create a new one or reuse the focusedMark? 🤔

alexfauquette

Verry nice component. I left minor comments but nothing serious about the WebGL. Maybe because I don't have the knowledge to review it. Would be interesting to gt Bernardo point of view on this one

alexfauquette · 2026-04-24T14:53:38Z

+  // Colors and sizes depend only on series identity (series color + markerSize).
+  // When only the drawing area or axes change we reuse the cached Float32Array
+  // references so the WebGL program can skip the GPU upload for them.


Claudio let me notice that this is not exact because of the following lines

const sx = xScale(point.x); const sy = yScale(point.y); if (sx == null || sy == null || Number.isNaN(sx) || Number.isNaN(sy)) { continue; }

If the xAxis scale got modified in a way that sx/sy are not numbers, the point coordinate and colors might be desynchronised between the newly computed and the cached version.

That's fairly unlikely. But worth mentioning at least in the comment

I think it is ok because the cache will resync if seriesData changes. Will add a comment

alexfauquette · 2026-04-24T14:59:56Z

+  } | null>(null);
+
+  // Centers change on every zoom/axis update, but the underlying ArrayBuffer
+  // can be reused to avoid allocating ~1.6 MB per zoom frame at 200k points.


Just to be sure I got correctly how you reached to those number.

A Float32Number takes 4 Bytes. You have x and y you the array size in Bytes is 8 times the number of data points.

So plus the colors that are also 4 Bytes per RGBA component (so 16 in total) and the size which is also adding 4 Bytes, the charts represent a Buffer of (16 + 8 + 4)* 200k = 5.6MB

I'm wondering if the colors and size could benefit from the usage of a Int8Array to save some bytes

sizes wouldn't really improve much if we want to keep precision. Like, someone might want the size to be 10.5. The general gain is small anyways.

For colors it makes sense, we probably don't need to support colors outside the 0...255 value

alexfauquette · 2026-04-24T15:05:23Z

+
+    const centersLength = maxPoints * 2;
+    let pool = centersPoolRef.current;
+    if (pool === null || pool.length < centersLength) {


You reuse the buffer if the number of data point increase. What if it decreases? Will we still see last removed points?

If data shrinks it keeps the same size, we just don't re-allocate.

Then we handle it with new Float32Array(pool.buffer, 0, centersLength), since it will create a view on the data based on the actual length of the data times 2

alexfauquette · 2026-04-24T15:10:05Z

+  const cx = getXPosition(scatterPoint.x);
+  const cy = getYPosition(scatterPoint.y);
+  const r = series.markerSize / 2;
+
+  return (


I think for the scatter plot, we check if the mark in inside the drawing area with some margins. That's usefull for keyboard navigation. It prevent from showing highlight outside of the drawing area without having to put this in a clip-path

alexfauquette · 2026-04-24T15:10:33Z

+ * so the highlight has to be drawn in SVG and positioned via the same axis scales the
+ * WebGL plot uses.
+ */
+export function HighlightedScatterMark(props: React.SVGAttributes<SVGCircleElement>) {


This should be in community since it's also usefull for the svg-batch rendering

alexfauquette · 2026-04-29T09:00:56Z

+    this.shaders.forEach((shader) => gl.deleteShader(shader));
+  }
+
+  // Assumes the owning VAO is already bound.


Suggested change

// Assumes the owning VAO is already bound.

// Assumes the owning VAO (Vertex Array Object) is already bound.

alexfauquette · 2026-04-29T09:07:18Z

+    children,
+  } = useScatterChartProps({
+    ...other,
+    renderer: renderer === 'webgl' ? 'svg-single' : renderer,


Why not just removing this line instead of a hack to please TS?

Suggested change

renderer: renderer === 'webgl' ? 'svg-single' : renderer,

Or you could keep it but in that case defaulting to the 'svg-batch' instead of 'svg-single' might be better to get by default the onItemClick working

const useVoronoiOnItemClick = resolvedDisableHitArea !== true || renderer === 'svg-batch';

I've decided to invert the check in useVoronoiOnItemClick to check if NOT undefined AND NOT 'svg-single' instead, since all other (possible future) renderers would likely want to optimise anyways.

alexfauquette · 2026-04-29T09:32:49Z

+ * (for example WebGL or `svg-batch`), so the highlight has to be drawn in SVG
+ * and positioned via the same axis scales the underlying renderer uses.
+ */
+export function HighlightedScatterMark({


I'm wondering if we should

Share some of this code with the FocusedScatterMark since they do similar computation (get and identifier and render the corresponding point)

Use it in the render='svg-batch' case to remove the notion of siblings in the BatchScatter

Basically this webGL implementation miss the highlightScope support to compute the color and size of the series. But could be done in a follow up if you prefer

github-actions · 2026-04-30T09:29:47Z

This pull request has conflicts, please resolve those before we can evaluate the pull request.

# Conflicts: # packages/x-charts/src/ScatterChart/FocusedScatterMark.tsx

This MR contains the following updates: | Package | Type | Update | Change | OpenSSF | |---|---|---|---|---| | [@mui/x-charts](https://mui.com/x/react-charts/) ([source](https://github.com/mui/mui-x/tree/HEAD/packages/x-charts)) | dependencies | minor | [`9.0.2` → `9.1.0`](https://renovatebot.com/diffs/npm/@mui%2fx-charts/9.0.2/9.1.0) | [![OpenSSF Scorecard](https://api.securityscorecards.dev/projects/github.com/mui/mui-x/badge)](https://securityscorecards.dev/viewer/?uri=github.com/mui/mui-x) | | [@mui/x-tree-view](https://mui.com/x/react-tree-view/) ([source](https://github.com/mui/mui-x/tree/HEAD/packages/x-tree-view)) | dependencies | minor | [`9.0.2` → `9.1.0`](https://renovatebot.com/diffs/npm/@mui%2fx-tree-view/9.0.2/9.1.0) | [![OpenSSF Scorecard](https://api.securityscorecards.dev/projects/github.com/mui/mui-x/badge)](https://securityscorecards.dev/viewer/?uri=github.com/mui/mui-x) | | [ace-builds](https://github.com/ajaxorg/ace-builds) | dependencies | minor | [`1.43.6` → `1.44.0`](https://renovatebot.com/diffs/npm/ace-builds/1.43.6/1.44.0) | [![OpenSSF Scorecard](https://api.securityscorecards.dev/projects/github.com/ajaxorg/ace-builds/badge)](https://securityscorecards.dev/viewer/?uri=github.com/ajaxorg/ace-builds) | | [i18next](https://www.i18next.com) ([source](https://github.com/i18next/i18next)) | dependencies | minor | [`26.0.6` → `26.1.0`](https://renovatebot.com/diffs/npm/i18next/26.0.6/26.1.0) | [![OpenSSF Scorecard](https://api.securityscorecards.dev/projects/github.com/i18next/i18next/badge)](https://securityscorecards.dev/viewer/?uri=github.com/i18next/i18next) | | [react-router-dom](https://github.com/remix-run/react-router) ([source](https://github.com/remix-run/react-router/tree/HEAD/packages/react-router-dom)) | dependencies | minor | [`7.14.1` → `7.15.0`](https://renovatebot.com/diffs/npm/react-router-dom/7.14.1/7.15.0) | [![OpenSSF Scorecard](https://api.securityscorecards.dev/projects/github.com/remix-run/react-router/badge)](https://securityscorecards.dev/viewer/?uri=github.com/remix-run/react-router) | --- ### Release Notes <details> <summary>mui/mui-x (@mui/x-charts)</summary> ### [`v9.1.0`](https://github.com/mui/mui-x/blob/HEAD/CHANGELOG.md#910) [Compare Source](mui/mui-x@v9.0.4...v9.1.0) *May 8, 2026* We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨: - ⚡️ Add a WebGL renderer to the [Scatter chart](https://mui.com/x/react-charts/scatter/#webgl-renderer), and apply the same WebGL performance patterns to the candlestick and heatmap \[Premium] - 🐞 Bugfixes - 📚 Documentation improvements Special thanks go out to these community members for their valuable contributions: [@Anexus5919](https://github.com/Anexus5919), [@gaetanodanelli](https://github.com/gaetanodanelli), [@imazizbohra](https://github.com/imazizbohra), [@mustafajw07](https://github.com/mustafajw07) The following team members contributed to this release: [@alexfauquette](https://github.com/alexfauquette), [@brijeshb42](https://github.com/brijeshb42), [@flaviendelangle](https://github.com/flaviendelangle), [@JCQuintas](https://github.com/JCQuintas), [@LukasTy](https://github.com/LukasTy), [@mapache-salvaje](https://github.com/mapache-salvaje), [@MBilalShafi](https://github.com/MBilalShafi), [@michelengelen](https://github.com/michelengelen), [@oliviertassinari](https://github.com/oliviertassinari), [@rita-codes](https://github.com/rita-codes) ##### Data Grid ##### `@mui/x-data-grid@9.1.0` - \[DataGrid] Fix accessibility violation in detail panel toggle column header ([#22178](mui/mui-x#22178)) [@michelengelen](https://github.com/michelengelen) - \[DataGrid] Fix active filter detection for array values ([#22340](mui/mui-x#22340)) [@MBilalShafi](https://github.com/MBilalShafi) - \[DataGrid] Fix crash when grouping/tree-data values match `Object.prototype` property names ([#22312](mui/mui-x#22312)) [@LukasTy](https://github.com/LukasTy) - \[DataGrid] Position overlays below top pinned rows ([#22341](mui/mui-x#22341)) [@MBilalShafi](https://github.com/MBilalShafi) - \[l10n] Improve Italian (it-IT) locale ([#22290](mui/mui-x#22290)) [@gaetanodanelli](https://github.com/gaetanodanelli) ##### `@mui/x-data-grid-pro@9.1.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-data-grid@9.1.0`, plus: - \[DataGridPro] Fix column unpin restoring stale position after reorder ([#22250](mui/mui-x#22250)) [@michelengelen](https://github.com/michelengelen) ##### `@mui/x-data-grid-premium@9.1.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-data-grid-pro@9.1.0`, plus: - \[DataGridPremium] Fix aggregation column header title truncation without ellipsis ([#22248](mui/mui-x#22248)) [@michelengelen](https://github.com/michelengelen) ##### Date and Time Pickers ##### `@mui/x-date-pickers@9.1.0` - \[pickers] Fix duplicate hour label in `MultiSectionDigitalClock` on DST day ([#22110](mui/mui-x#22110)) [@LukasTy](https://github.com/LukasTy) - \[l10n] Improve Italian (it-IT) locale ([#22290](mui/mui-x#22290)) [@gaetanodanelli](https://github.com/gaetanodanelli) ##### `@mui/x-date-pickers-pro@9.1.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-date-pickers@9.1.0`. ##### Charts ##### `@mui/x-charts@9.1.0` - \[charts] Add `ChartsAxisHighlightValue` component ([#21803](mui/mui-x#21803)) [@Copilot](https://github.com/Copilot) - \[charts] Create `ChartsRadialAxisHighlight` ([#22241](mui/mui-x#22241)) [@alexfauquette](https://github.com/alexfauquette) - \[charts] Remove useless extends ([#22313](mui/mui-x#22313)) [@alexfauquette](https://github.com/alexfauquette) - \[charts] Use `PolarAxisConfig` in polar plugin internals ([#22315](mui/mui-x#22315)) [@alexfauquette](https://github.com/alexfauquette) ##### `@mui/x-charts-pro@9.1.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-charts@9.1.0`. ##### `@mui/x-charts-premium@9.1.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-charts-pro@9.1.0`, plus: - \[charts-premium] Add WebGL renderer to `ScatterChartPremium` ([#22157](mui/mui-x#22157)) [@JCQuintas](https://github.com/JCQuintas) - \[charts-premium] Add highlight to the `RadialLineChart` ([#22156](mui/mui-x#22156)) [@alexfauquette](https://github.com/alexfauquette) - \[charts-premium] Apply WebGL perf patterns to candlestick + heatmap ([#22223](mui/mui-x#22223)) [@JCQuintas](https://github.com/JCQuintas) - \[charts-premium] Introduce the `RadialBarChart` ([#22268](mui/mui-x#22268)) [@alexfauquette](https://github.com/alexfauquette) ##### Tree View ##### `@mui/x-tree-view@9.1.0` - \[tree view] Fix stale Tree View `apiRef` after keyed remount ([#22342](mui/mui-x#22342)) [@MBilalShafi](https://github.com/MBilalShafi) ##### `@mui/x-tree-view-pro@9.1.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-tree-view@9.1.0`. ##### Scheduler ##### `@mui/x-scheduler@9.0.0-alpha.5` - \[scheduler] Make `EventItem` interactive by integrating button props for keyboard accessibility ([#22160](mui/mui-x#22160)) [@mustafajw07](https://github.com/mustafajw07) - \[scheduler] Migrate color switch to Base UI `ToggleGroup` ([#22254](mui/mui-x#22254)) [@flaviendelangle](https://github.com/flaviendelangle) - \[scheduler] Rename Scheduler headless packages ([#22273](mui/mui-x#22273)) [@rita-codes](https://github.com/rita-codes) - \[scheduler] Use TreeView for the resource sidebar ([#22261](mui/mui-x#22261)) [@flaviendelangle](https://github.com/flaviendelangle) - \[scheduler] Use fieldset/legend instead of headings for form sections in the event dialog ([#22095](mui/mui-x#22095)) [@Anexus5919](https://github.com/Anexus5919) - \[scheduler] Added `position: relative` for consistent layout ([#22284](mui/mui-x#22284)) [@mustafajw07](https://github.com/mustafajw07) - \[l10n] Improve Italian (it-IT) locale ([#22290](mui/mui-x#22290)) [@gaetanodanelli](https://github.com/gaetanodanelli) ##### `@mui/x-scheduler-premium@9.0.0-alpha.5` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-scheduler@9.0.0-alpha.5`, plus: - \[scheduler] Replace per-view headers with a generic `EventTimelinePremiumHeader` in the `EventTimeline` ([#22222](mui/mui-x#22222)) [@rita-codes](https://github.com/rita-codes) ##### Codemod ##### `@mui/x-codemod@9.1.0` Internal changes. ##### Docs - \[docs] Migrate `FlightPicker` overview demo to v9 `slotProps` shape ([#22272](mui/mui-x#22272)) [@LukasTy](https://github.com/LukasTy) - \[docs] Standardize Scheduler docs style and formatting ([#22161](mui/mui-x#22161)) [@mapache-salvaje](https://github.com/mapache-salvaje) - \[docs] Add feedback form to the scheduler docs ([#22237](mui/mui-x#22237)) [@rita-codes](https://github.com/rita-codes) - \[docs] Fix `GridToolbarCustom` demo crash in DataGrid ([#21950](mui/mui-x#21950)) [@MBilalShafi](https://github.com/MBilalShafi) - \[docs] Do not resolve axes in charts ([#22307](mui/mui-x#22307)) [@alexfauquette](https://github.com/alexfauquette) - \[docs] Fix no longer valid link ([#22371](mui/mui-x#22371)) [@LukasTy](https://github.com/LukasTy) - \[docs] Replace broken CodeSandbox iframes in migration guides ([#22352](mui/mui-x#22352)) [@LukasTy](https://github.com/LukasTy) ##### Core - \[code-infra] Bump browser `testTimeout` to absorb React 19 slowness ([#22236](mui/mui-x#22236)) [@LukasTy](https://github.com/LukasTy) - \[code-infra] Use vale rules from code-infra package ([#22256](mui/mui-x#22256)) [@brijeshb42](https://github.com/brijeshb42) - \[code-infra] Fix broken valelint and docs build ([#22362](mui/mui-x#22362)) [@LukasTy](https://github.com/LukasTy) - \[internal] Prepare renaming LICENSE file to LICENSE.md ([#22055](mui/mui-x#22055)) [@imazizbohra](https://github.com/imazizbohra) - \[internal] Remove outdated .woff files ([#22286](mui/mui-x#22286)) [@oliviertassinari](https://github.com/oliviertassinari) - \[internal] Replace Codspeed with `@mui/internal-benchmark` for charts ([#22243](mui/mui-x#22243)) [@JCQuintas](https://github.com/JCQuintas) ##### Miscellaneous - \[internal-gestures] Add passive option to `TurnWheelGesture` ([#22349](mui/mui-x#22349)) [@JCQuintas](https://github.com/JCQuintas) - \[internal-gestures] Enforce pointer-type filter in `ShadowRoot` branch ([#22327](mui/mui-x#22327)) [@JCQuintas](https://github.com/JCQuintas) - \[internal-gestures] Improve passive event listener handling ([#22329](mui/mui-x#22329)) [@JCQuintas](https://github.com/JCQuintas) - \[internal-gestures] Inline wheel-delta clamp per axis ([#22331](mui/mui-x#22331)) [@JCQuintas](https://github.com/JCQuintas) - \[internal-gestures] Return read-only pointer map without copy ([#22330](mui/mui-x#22330)) [@JCQuintas](https://github.com/JCQuintas) - \[internal-gestures] Track multi-tap reset timeout to prevent leak ([#22326](mui/mui-x#22326)) [@JCQuintas](https://github.com/JCQuintas) ### [`v9.0.4`](https://github.com/mui/mui-x/blob/HEAD/CHANGELOG.md#904) [Compare Source](mui/mui-x@v9.0.3...v9.0.4) *Apr 28, 2026* We'd like to extend a big thank you to the 4 contributors who made this release possible. Here are some highlights ✨: - Fix Pickers previous (v9.0.3) release ensuring the latest `@mui/x-internals` version usage The following team members contributed to this release: [@alexfauquette](https://github.com/alexfauquette), [@JCQuintas](https://github.com/JCQuintas), [@LukasTy](https://github.com/LukasTy), [@mj12albert](https://github.com/mj12albert) ##### Data Grid ##### `@mui/x-data-grid@9.0.4` Internal changes. ##### `@mui/x-data-grid-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-data-grid@9.0.4`. ##### `@mui/x-data-grid-premium@9.0.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-data-grid-pro@9.0.4`. ##### Date and Time Pickers ##### `@mui/x-date-pickers@9.0.4` Internal changes. ##### `@mui/x-date-pickers-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-date-pickers@9.0.4`. ##### Charts ##### `@mui/x-charts@9.0.4` - \[charts] Exclude hidden series and items from keyboard navigation (alt approach) ([#22221](mui/mui-x#22221)) [@JCQuintas](https://github.com/JCQuintas) - \[charts] Fix line interaction with `area` and `conectNulls` ([#22227](mui/mui-x#22227)) [@alexfauquette](https://github.com/alexfauquette) - \[charts] Implement the continuous case of `getAxisIndex` for rotation axis ([#22230](mui/mui-x#22230)) [@alexfauquette](https://github.com/alexfauquette) ##### `@mui/x-charts-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-charts@9.0.4`. ##### `@mui/x-charts-premium@9.0.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-charts-pro@9.0.4` plus: - \[charts-premium] Add `showMark` and `shape` properties to radial line ([#22226](mui/mui-x#22226)) [@alexfauquette](https://github.com/alexfauquette) ##### Tree View ##### `@mui/x-tree-view@9.0.4` Internal changes. ##### `@mui/x-tree-view-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-tree-view@9.0.4`. ##### Scheduler ##### `@mui/x-scheduler@9.0.4` Internal changes. ##### `@mui/x-scheduler-premium@9.0.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-scheduler@9.0.4`. ##### Codemod ##### `@mui/x-codemod@9.0.4` Internal changes. ##### Docs - \[docs] Update WCAG links ([#22234](mui/mui-x#22234)) [@mj12albert](https://github.com/mj12albert) ##### Core - \[code-infra] Avoid overriding `renovate` `ignoredPaths` ([#22228](mui/mui-x#22228)) [@LukasTy](https://github.com/LukasTy) ### [`v9.0.3`](https://github.com/mui/mui-x/blob/HEAD/CHANGELOG.md#903) [Compare Source](mui/mui-x@v9.0.2...v9.0.3) *Apr 27, 2026* We'd like to extend a big thank you to the 16 contributors who made this release possible. Here are some highlights ✨: - ⌨️ Keyboard support for creating events in the Scheduler Special thanks go out to these community members for their valuable contributions: [@supunsathsara](https://github.com/supunsathsara), [@ZAKIURREHMAN](https://github.com/ZAKIURREHMAN) The following team members contributed to this release: [@aemartos](https://github.com/aemartos), [@alexfauquette](https://github.com/alexfauquette), [@arminmeh](https://github.com/arminmeh), [@brijeshb42](https://github.com/brijeshb42), [@Janpot](https://github.com/Janpot), [@JCQuintas](https://github.com/JCQuintas), [@LukasTy](https://github.com/LukasTy), [@MBilalShafi](https://github.com/MBilalShafi), [@michelengelen](https://github.com/michelengelen), [@oliviertassinari](https://github.com/oliviertassinari), [@rita-codes](https://github.com/rita-codes), [@romgrk](https://github.com/romgrk), [@sai6855](https://github.com/sai6855), [@siriwatknp](https://github.com/siriwatknp) ##### Data Grid ##### `@mui/x-data-grid@9.0.3` - \[DataGrid] Fix `:first-child` SSR warning when `MuiDataGrid.styleOverrides` is set ([#22081](mui/mui-x#22081)) [@siriwatknp](https://github.com/siriwatknp) - \[DataGrid] Fix row reordering when filter hides rows ([#22096](mui/mui-x#22096)) [@siriwatknp](https://github.com/siriwatknp) - \[DataGrid] Remove unused `LayoutDataGridLegacy` class ([#22009](mui/mui-x#22009)) [@romgrk](https://github.com/romgrk) - \[DataGrid] Remove unused code, clean up grid-related utilities and deprecate `GridPanelHeader` ([#22112](mui/mui-x#22112)) [@sai6855](https://github.com/sai6855) - \[DataGrid] Fix columns cutting off after resizing ([#22088](mui/mui-x#22088)) [@ZAKIURREHMAN](https://github.com/ZAKIURREHMAN) ##### `@mui/x-data-grid-pro@9.0.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-data-grid@9.0.3`. ##### `@mui/x-data-grid-premium@9.0.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-data-grid-pro@9.0.3`, plus: - \[DataGridPremium] Fix row grouping model updates not being reflected ([#22122](mui/mui-x#22122)) [@MBilalShafi](https://github.com/MBilalShafi) ##### Date and Time Pickers ##### `@mui/x-date-pickers@9.0.3` - \[pickers] Fix `DateRangeCalendar` drag with `AdapterDayjs` plain-constructor values ([#22165](mui/mui-x#22165)) [@LukasTy](https://github.com/LukasTy) - \[pickers] Fix disabled state not overriding error border color ([#21169](mui/mui-x#21169)) [@supunsathsara](https://github.com/supunsathsara) - \[pickers] Forward `data-*` and `aria-*` attributes to the root ([#22147](mui/mui-x#22147)) [@LukasTy](https://github.com/LukasTy) - \[pickers] Support `K` and `k` hour format tokens ([#22108](mui/mui-x#22108)) [@michelengelen](https://github.com/michelengelen) ##### `@mui/x-date-pickers-pro@9.0.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-date-pickers@9.0.3`, plus: - \[DateRangeCalendar] Ensure date dragging triggers regardless of trigger element ([#21868](mui/mui-x#21868)) [@michelengelen](https://github.com/michelengelen) ##### Charts ##### `@mui/x-charts@9.0.3` - \[charts] Centralize WebGL clear/render cycle (context-based) ([#22127](mui/mui-x#22127)) [@JCQuintas](https://github.com/JCQuintas) - \[charts] Fix closest series detection for line charts ([#22168](mui/mui-x#22168)) [@alexfauquette](https://github.com/alexfauquette) - \[charts] Fix radius grid lines when axis uses point scale ([#22134](mui/mui-x#22134)) [@alexfauquette](https://github.com/alexfauquette) - \[charts] Use cubic solver for berzier intersection ([#22152](mui/mui-x#22152)) [@alexfauquette](https://github.com/alexfauquette) ##### `@mui/x-charts-pro@9.0.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-charts@9.0.3`, plus: - \[charts-pro] Fix wheel zoom clamping with custom `minStart`/`maxEnd` ([#22159](mui/mui-x#22159)) [@JCQuintas](https://github.com/JCQuintas) ##### `@mui/x-charts-premium@9.0.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-charts-pro@9.0.3`, plus: - \[charts] Create a `'radialLine'` series type ([#22066](mui/mui-x#22066)) [@alexfauquette](https://github.com/alexfauquette) - \[charts] Plot radial line ([#22133](mui/mui-x#22133)) [@alexfauquette](https://github.com/alexfauquette) - \[charts] Remove `HeatmapWebGLRenderer` indirection ([#22169](mui/mui-x#22169)) [@JCQuintas](https://github.com/JCQuintas) ##### Tree View ##### `@mui/x-tree-view@9.0.2` Internal changes. ##### `@mui/x-tree-view-pro@9.0.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan") Same changes as in `@mui/x-tree-view@9.0.2`. ##### Scheduler ##### Breaking changes - The `views` of `EventTimelinePremium` have been renamed to `presets`, with names that describe the header layout. The props `view`/`defaultView`/`views`/`onViewChange` are now `preset`/`defaultPreset`/`presets`/`onPresetChange`, and the type `EventTimelinePremiumView` is now `EventTimelinePremiumPreset`. | Old | New | | :------- | :------------- | | `time` | `dayAndHour` | | `days` | `day` | | `weeks` | `dayAndWeek` | | `months` | `monthAndYear` | | `years` | `year` | CSS variables (`--time-cell-width`, etc.) and headless store state (`state.view`, `setView`) follow the same rename. The `presets` array is now sorted internally against a canonical zoom order. ##### `@mui/x-scheduler@9.0.0-alpha.3` - \[scheduler] Allow creating events via keyboard - EventCalendar ([#21967](mui/mui-x#21967)) [@rita-codes](https://github.com/rita-codes) - \[scheduler] Prefix element IDs with a unique Scheduler instance ID ([#22109](mui/mui-x#22109)) [@rita-codes](https://github.com/rita-codes) ##### `@mui/x-scheduler-premium@9.0.0-alpha.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan") Same changes as in `@mui/x-scheduler@9.0.0-alpha.3`. - \[scheduler] Allow creating events via keyboard - `EventTimeline` ([#22119](mui/mui-x#22119)) [@rita-codes](https://github.com/rita-codes) - \[scheduler] Rename `EventTimeline` `views` to ordered presets ([#22130](mui/mui-x#22130)) [@rita-codes](https://github.com/rita-codes) ##### Docs - \[docs] Cleanup generated llm md files for chat ([#22163](mui/mui-x#22163)) [@brijeshb42](https://github.com/brijeshb42) - \[docs] Fix `highlightScope` description ([#22154](mui/mui-x#22154)) [@alexfauquette](https://github.com/alexfauquette) - \[docs] Remove obsolete v7 deprecation warning for `dayOfWeekFormatter` ([#22111](mui/mui-x#22111)) [@LukasTy](https://github.com/LukasTy) - \[docs] Use mui.com for broken links checker known targets ([#22129](mui/mui-x#22129)) [@JCQuintas](https://github.com/JCQuintas) - \[docs] Document picker behavior inside MUI `Dialog` and provide recommended solutions ([#22144](mui/mui-x#22144)) [@michelengelen](https://github.com/michelengelen) - \[docs] Improve v9 license key version mismatch error guidance ([#22180](mui/mui-x#22180)) [@aemartos](https://github.com/aemartos) ##### Core - \[code-infra] Reduce concurrency for package build to 5 ([#22115](mui/mui-x#22115)) [@Janpot](https://github.com/Janpot) - \[code-infra] Rename `docsx` alias to `docs` ([#22155](mui/mui-x#22155)) [@brijeshb42](https://github.com/brijeshb42) - \[docs-infra] Remove monorepo dependency ([#22025](mui/mui-x#22025)) [@brijeshb42](https://github.com/brijeshb42) - \[docs-infra] Use latest published packages ([#22086](mui/mui-x#22086)) [@brijeshb42](https://github.com/brijeshb42) - \[test] Refactor Pickers tests to async user-event ([#22043](mui/mui-x#22043)) [@LukasTy](https://github.com/LukasTy) - \[test] Remove redundant explicit `unmount()` calls from Pickers tests ([#22118](mui/mui-x#22118)) [@LukasTy](https://github.com/LukasTy) ##### Miscellaneous - \[infra] Update `.gitignore` to exclude `.claude/worktrees` ([#22145](mui/mui-x#22145)) [@michelengelen](https://github.com/michelengelen) - \[infra] Enable branch tracking when creating release branch ([#22177](mui/mui-x#22177)) [@michelengelen](https://github.com/michelengelen) - \[license] Add MIT license to `x-virtualizer` package ([#22164](mui/mui-x#22164)) [@michelengelen](https://github.com/michelengelen) - \[website] Fix outdated MUI logos ([#22117](mui/mui-x#22117)) [@oliviertassinari](https://github.com/oliviertassinari) - \[internal] Try avoiding store update when virtualization is disabled ([#22093](mui/mui-x#22093)) [@arminmeh](https://github.com/arminmeh) </details> <details> <summary>ajaxorg/ace-builds (ace-builds)</summary> ### [`v1.44.0`](https://github.com/ajaxorg/ace-builds/blob/HEAD/CHANGELOG.md#1440-2026-05-11) [Compare Source](ajaxorg/ace-builds@v1.43.6...v1.44.0) ##### Features - Extension to show whitespaces in selection ([#5844](ajaxorg/ace#5844)) ([9498a7f](ajaxorg/ace@9498a7f)) - **mode:** Add Cedar and CedarSchema language modes for Ace Editor ([#5944](ajaxorg/ace#5944)) ([c5c19dc](ajaxorg/ace@c5c19dc)) - **rust:** Include `raw` borrow operator in keyword list ([#5942](ajaxorg/ace#5942)) ([93581d6](ajaxorg/ace@93581d6)) - update Flix keywords ([#5931](ajaxorg/ace#5931)) ([f45eb67](ajaxorg/ace@f45eb67)) ##### Bug Fixes - `mode` type to accept both `SyntaxMode` and `string` across definitions and implementations ([#5925](ajaxorg/ace#5925)) ([a6b1cb1](ajaxorg/ace@a6b1cb1)) - row calculation for fractional coords in virtual\_renderer ([#5914](ajaxorg/ace#5914)) ([a6724b7](ajaxorg/ace@a6724b7)) ##### [1.43.6](ajaxorg/ace@v1.43.5...v1.43.6) (2026-01-23) ##### Bug Fixes - the text completer didn't export its id ([#5847](ajaxorg/ace#5847)) ([b256c10](ajaxorg/ace@b256c10)) ##### [1.43.5](ajaxorg/ace@v1.43.4...v1.43.5) (2025-12-02) ##### [1.43.4](ajaxorg/ace@v1.43.3...v1.43.4) (2025-10-17) ##### Bug Fixes - Update for compliance with typescript 5.9.2 ([#5855](ajaxorg/ace#5855)) ([6e110b0](ajaxorg/ace@6e110b0)) ##### [1.43.3](ajaxorg/ace@v1.43.2...v1.43.3) (2025-09-02) ##### Bug Fixes - firefox textarea autocomplete corruption ([#5860](ajaxorg/ace#5860)) ([23ac02f](ajaxorg/ace@23ac02f)) ##### [1.43.2](ajaxorg/ace@v1.43.1...v1.43.2) (2025-07-15) ##### Features - Implement text markers ([#5835](ajaxorg/ace#5835)) ([085730f](ajaxorg/ace@085730f)) ##### [1.43.1](ajaxorg/ace@v1.43.0...v1.43.1) (2025-07-02) ##### Bug Fixes - **a11y:** aria-describedby to gutter elements ([#5838](ajaxorg/ace#5838)) ([bf27c15](ajaxorg/ace@bf27c15)) ##### [1.42.1](ajaxorg/ace@v1.42.0...v1.42.1) (2025-06-20) ##### Features - Add scroll diff decorators ([#5807](ajaxorg/ace#5807)) ([b45e94c](ajaxorg/ace@b45e94c)) </details> <details> <summary>i18next/i18next (i18next)</summary> ### [`v26.1.0`](https://github.com/i18next/i18next/blob/HEAD/CHANGELOG.md#2610) [Compare Source](i18next/i18next@v26.0.10...v26.1.0) - feat: `enableSelector: 'strict'` (TypeOptions + runtime option). Opt-in mode that drops the flattened-primary form from `NsResource` at the type level — every namespace (primary included) is exposed only under its own key on `$`, uniformly across single- and multi-ns hooks. At runtime, a leading selector path segment matching the scope's namespace list is always rewritten as a namespace prefix, including the primary. Eliminates the silent-miss surface area where `t($ => $.primary.foo)` typechecks but doesn't resolve under the default mode (see [#2429](i18next/i18next#2429)). Backward-compatible: default `enableSelector: false | true | 'optimize'` behavior is unchanged. Note: strict mode is incompatible with the [#2405](i18next/i18next#2405) pattern (keys whose names match sibling namespaces) — those users should stay on default mode. ### [`v26.0.10`](https://github.com/i18next/i18next/blob/HEAD/CHANGELOG.md#26010) [Compare Source](i18next/i18next@v26.0.9...v26.0.10) - feat: `getFixedT` accepts a fourth optional `fixedOpts` argument carrying `scopeNs` — the full namespace list the bound `t` was created for. The selector API uses `scopeNs` to detect when a path's first segment is a namespace prefix, **without** changing resolution scope. Resolution still uses the bound `ns` (a single primary string in the typical react-i18next setup), so plain `t('key')` lookups stay isolated to the primary namespace exactly as before — only `t($ => $.secondaryNs.foo)` selectors now route correctly under `useTranslation([nsA, nsB])`. Fixes the runtime side of [#2429](i18next/i18next#2429) for the `react-i18next` default-`nsMode` case. The 4th argument is opt-in: existing 3-arg `getFixedT(lng, ns, keyPrefix)` callers see no behavior change. ### [`v26.0.9`](https://github.com/i18next/i18next/blob/HEAD/CHANGELOG.md#2609) [Compare Source](i18next/i18next@v26.0.8...v26.0.9) - fix(types): unformatted interpolation values are now typed as `string | number` (was `string`). i18next stringifies values at runtime, so requiring callers to wrap numbers in `String(...)` for plain `{{var}}` placeholders was unnecessary friction — and could mask the real problem when a non-string value was passed alongside multiple interpolation slots (the `t()` overload resolution would fall through to the 3-arg form and report a confusing "not assignable to string" error against the options object). Typed format specifiers like `{{x, number}}`, `{{x, currency}}`, `{{x, datetime}}`, etc. keep their precise types; this only relaxes the no-format default. The `count` variable remains `number`-only ### [`v26.0.8`](https://github.com/i18next/i18next/blob/HEAD/CHANGELOG.md#2608) [Compare Source](i18next/i18next@v26.0.7...v26.0.8) - fix(types): restore the pre-v25.10.4 `ExistsFunction` shape so plain arrow functions can again be assigned to `ExistsFunction`-typed variables (TypeScript cannot infer type predicates through multi-overload assignment). Direct `i18next.exists(key)` calls still narrow `key` to `SelectorKey` — the predicate is now declared inline on `i18n.exists`. Custom wrappers that want the narrowing can type themselves as `typeof i18next.exists` [2425](i18next/i18next#2425) ### [`v26.0.7`](https://github.com/i18next/i18next/blob/HEAD/CHANGELOG.md#2607) [Compare Source](i18next/i18next@v26.0.6...v26.0.7) - fix: when a plural lookup misses, the `missingKey` debug log now shows the actual plural-resolved key (e.g. `foo.bar_many` for Polish `count: 14`) instead of the base key — making it obvious which plural category was expected and missing [2423](i18next/i18next#2423) - chore: drop `@babel/runtime` runtime dependency. The build no longer generates any `@babel/runtime` imports, so the package is unused by consumers. Rollup now uses `babelHelpers: 'bundled'` so any helpers that are ever needed in the future will be inlined rather than imported externally [2424](i18next/i18next#2424) - chore: stop emitting `dist/esm/i18next.bundled.js`. It was byte-identical to `dist/esm/i18next.js` because no helpers were being imported [2424](i18next/i18next#2424) </details> <details> <summary>remix-run/react-router (react-router-dom)</summary> ### [`v7.15.0`](https://github.com/remix-run/react-router/blob/HEAD/packages/react-router-dom/CHANGELOG.md#v7150) [Compare Source](https://github.com/remix-run/react-router/compare/react-router-dom@7.14.2...react-router-dom@7.15.0) ##### Patch Changes - Updated dependencies: - [`react-router@7.15.0`](https://github.com/remix-run/react-router/releases/tag/react-router@7.15.0) ### [`v7.14.2`](https://github.com/remix-run/react-router/blob/HEAD/packages/react-router-dom/CHANGELOG.md#v7142) [Compare Source](https://github.com/remix-run/react-router/compare/react-router-dom@7.14.1...react-router-dom@7.14.2) ##### Patch Changes - Updated dependencies: - [`react-router@7.14.2`](https://github.com/remix-run/react-router/releases/tag/react-router@7.14.2) </details> --- - [ ] If you want to rebase/retry this MR, check this box --- This MR has been generated by [Mend Renovate](https://github.com/renovatebot/renovate).  See merge request swiss-armed-forces/cyber-command/cea/loom!501 Co-authored-by: Loom MR Pipeline Trigger <group_103951964_bot_9504bb8dead6d4e406ad817a607f24be@noreply.gitlab.com> Co-authored-by: shrewd-laidback palace <shrewd-laidback-palace-736-c41-2c1-e464fc974@swiss-armed-forces-open-source.ch>

JCQuintas added 3 commits April 22, 2026 16:19

scatt

34278d6

Merge commit '4cc7f1787373579f1a98f3a6a2682cee25c34232' into scatter-…

1909b36

…chart-webgl

update code

0f0ba73

demo

76e3652

JCQuintas self-assigned this Apr 23, 2026

JCQuintas added type: new feature Expand the scope of the product to solve a new problem. plan: Premium Impact at least one Premium user. scope: charts Changes related to the charts. labels Apr 23, 2026

JCQuintas changed the title ~~[charts] Add WebGL renderer to ScatterChartPremium~~ [charts-premium] Add WebGL renderer to ScatterChartPremium Apr 23, 2026

fix doc

2cf8c50

JCQuintas added 15 commits April 23, 2026 11:39

scatterplotpremium

9e2c67f

scripts

dd13c7c

Merge branch 'master' into scatter-chart-webgl

cc6a83b

[charts] ScatterWebGL: use highp for pixel-space attrs

5b9caff

[charts] ScatterWebGL: pool the centers Float32Array across zoom frames

73d89c1

[charts] ScatterWebGL: bind a_position once per VAO, not per attribute

31f9b6f

[charts] ScatterWebGL: add smoke + hook tests

22aa2c8

[charts] ScatterWebGL: fix varying precision mismatch

6617bcb

[docs] ScatterWebGL demo: switch to mulberry32, defer generation to u…

644a324

…seMemo

fix

64fd10a

fix

8cb9451

fixes

335764d

increase timeout

4d86dc1

Merge branch 'master' into scatter-chart-webgl

b503275

add simpler regression

073a5f3

JCQuintas marked this pull request as ready for review April 23, 2026 14:00

JCQuintas requested a review from alexfauquette as a code owner April 23, 2026 14:00

add minimal highlight

4f8d374

fix

53d388c

alexfauquette reviewed Apr 24, 2026

View reviewed changes

JCQuintas added 4 commits April 27, 2026 14:47

highlighted mark change

fe95dde

add comment

2e06dd8

use smaller array for color

fa9c1e0

scripts

b3c9c23

alexfauquette reviewed Apr 29, 2026

View reviewed changes

JCQuintas added 4 commits April 29, 2026 14:51

address review comments

15eff83

use disableHitArea instead of renderer fudge

44730e3

invert renderer check to cover non-svg-single renderers

b835159

share scatter item resolution between Focused and Highlighted marks

35d658d

github-actions Bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label Apr 30, 2026

Merge remote-tracking branch 'origin/master' into scatter-chart-webgl

5b88e33

# Conflicts: # packages/x-charts/src/ScatterChart/FocusedScatterMark.tsx

github-actions Bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged. label Apr 30, 2026

JCQuintas added 2 commits April 30, 2026 12:37

prettier

12158b5

Merge branch 'master' into scatter-chart-webgl

50b4f1e

JCQuintas requested a review from alexfauquette April 30, 2026 10:56

fix scatter webgl color overflow

542b03c

alexfauquette approved these changes Apr 30, 2026

View reviewed changes

JCQuintas merged commit 7b19944 into mui:master May 5, 2026
22 checks passed

JCQuintas deleted the scatter-chart-webgl branch May 5, 2026 07:35

JCQuintas mentioned this pull request May 6, 2026

[charts-premium] Add WebGL renderer to BarChartPremium #22354

Merged

bernardobelchior mentioned this pull request Sep 14, 2026

[charts] Premium charts ignore zoom props and apiRef #23591

Closed

	// Assumes the owning VAO is already bound.
	// Assumes the owning VAO (Vertex Array Object) is already bound.

Conversation

JCQuintas commented Apr 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

WebGL plot internals

Uh oh!

code-infra-dashboard Bot commented Apr 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploy preview

Bundle size

Uh oh!

codspeed Bot commented Apr 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Merging this PR will not alter performance

Uh oh!

alexfauquette commented Apr 23, 2026

Uh oh!

JCQuintas commented Apr 23, 2026

Uh oh!

alexfauquette left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

github-actions Bot commented Apr 30, 2026

Uh oh!

Uh oh!

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

JCQuintas commented Apr 22, 2026 •

edited

Loading

code-infra-dashboard Bot commented Apr 22, 2026 •

edited

Loading

codspeed Bot commented Apr 23, 2026 •

edited

Loading