fixes

Author: alexfauquette

docs/data/charts/bubble/ScatterZAxis.js

@@ -6,7 +6,7 @@ import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
 import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
-import { useZAxis } from '@mui/x-charts-premium/hooks';
+import { useZAxis } from '@mui/x-charts/hooks';
 import { irisData } from '../dataset/irisDataset';
 
 const species = ['Setosa', 'Versicolor', 'Virginica'];

docs/data/charts/bubble/ScatterZAxis.tsx

@@ -6,7 +6,7 @@ import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
 import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
-import { useZAxis } from '@mui/x-charts-premium/hooks';
+import { useZAxis } from '@mui/x-charts/hooks';
 import { irisData } from '../dataset/irisDataset';
 
 const species = ['Setosa', 'Versicolor', 'Virginica'];

docs/data/charts/bubble/bubble.md

@@ -68,9 +68,17 @@ A series can set both `colorAxisId` and `sizeAxisId` to style points by two valu
 
 The `zAxis` provides color and size scales that the default scatter plot uses internally.
 
-Custom markers receive `color` and `size` values that have already been mapped through these scales, making it easy to derive additional visual properties such as stroke color and stroke width. For more advanced use cases, custom components can access z-axis scales directly with the `useZAxis()` hook and series data with the `useScatterSeries()` hook.
+Custom markers receive `color` and `size` values that have already been mapped through these scales, making it easy to derive additional visual properties such as stroke color and stroke width.
 
-The example below renders the [Iris flower dataset](https://en.wikipedia.org/wiki/Iris_flower_data_set) using two z-axes: one maps species to color and another maps petal length to marker size. The custom marker derives a darker stroke color and a proportional stroke width from the mapped values, while a custom annotation demonstrates how to access the underlying size scale directly from the z-axis.
+For more advanced use cases, custom components can access z-axis scales directly with the `useZAxis()` hook and series data with the `useScatterSeries()` hook.
+
+The example below renders the [Iris flower dataset](https://en.wikipedia.org/wiki/Iris_flower_data_set) with some classification prediction.
+It uses 4 z-axes to map:
+
+- The species to a fill color
+- The predicted species to a stroke color
+- The petal length to the size of the mark
+- The confidence to the stroke width
 
 {{"demo": "ScatterZAxis.js"}}