[docs] Typo fixes (#16835)

Author: alexfauquette

docs/data/charts/radar/radar.md

@@ -16,7 +16,7 @@ Not all the feature are implemented and its API might change in the future if ne
 
 ## Basics
 
-A radar chart is defined by two main props.
+A radar chart is defined by two main props:
 
 - The `series` prop which provides the values to display thanks to the `data` property.
 - The `radar` prop which defines the radar axes.
@@ -37,17 +37,17 @@ This item can either be:
 - A string used as the axis label. The other properties are populated from the data.
 - An object with the following properties:
   - `name`: The label associated to the axis.
-  - `min`: The minimal value along this direction (by default 0).
-  - `max`: The maximal value along this direction (by default the maximal value along this direction).
+  - `min`: The minimum value along this direction (by default 0).
+  - `max`: The maximum value along this direction (by default the maximum value along this direction).
 
 {{"demo": "RadarAxis.js" }}
 
 ## Grid
 
-The radar chart displays a grid behind the series that can be configured with
+The radar chart displays a grid behind the series that can be configured with:
 
-- `startAngle` The rotation angle of the entire chart in degree
-- `divisions` The number of division of the grid
+- `startAngle` The rotation angle of the entire chart in degrees
+- `divisions` The number of divisions of the grid
 
 {{"demo": "DemoRadar.js" }}
 
@@ -70,6 +70,6 @@ If you miss some element or explanation, please open an issue describing what yo
 
 In this example, we uses `RadarSeriesArea` and `RadarSeriesMarks` to modify the order of the elements:
 all the marks are on top of all the path.
-And we apply different properties based on the series id.
+Additionaly, we apply different properties based on the series id.
 
 {{"demo": "CompositionExample.js" }}

docs/translations/api-docs/charts/axis-config.json

@@ -14,7 +14,7 @@
     "disableLine": { "description": "If true, the axis line is disabled." },
     "disableTicks": { "description": "If true, the ticks are disabled." },
     "domainLimit": {
-      "description": "Defines the axis scale domain based on the min/max values of series linked to it.<br />- &#39;nice&#39;: Rounds the domain at human friendly values.<br />- &#39;strict&#39;: Set the domain to the min/max value provided. No extras space is added.<br />- function: Receives the calculated extremums as parameters, and should return the axis domain."
+      "description": "Defines the axis scale domain based on the min/max values of series linked to it.<br />- &#39;nice&#39;: Rounds the domain at human friendly values.<br />- &#39;strict&#39;: Set the domain to the min/max value provided. No extra space is added.<br />- function: Receives the calculated extremums as parameters, and should return the axis domain."
     },
     "fill": { "description": "The fill color of the axis text." },
     "height": { "description": "The height of the axis." },

docs/translations/api-docs/charts/radar-series-area/radar-series-area.json

@@ -2,7 +2,7 @@
   "componentDescription": "",
   "propDescriptions": {
     "seriesId": {
-      "description": "The id of the series To display. If undefined all series are display."
+      "description": "The id of the series to display. If undefined all series are displayed."
     }
   },
   "classDescriptions": {}

docs/translations/api-docs/charts/radar-series-marks/radar-series-marks.json

@@ -2,7 +2,7 @@
   "componentDescription": "",
   "propDescriptions": {
     "seriesId": {
-      "description": "The id of the series To display. If undefined all series are display."
+      "description": "The id of the series to display. If undefined all series are displayed."
     }
   },
   "classDescriptions": {}

docs/translations/api-docs/charts/radar-series-plot/radar-series-plot.json

@@ -2,7 +2,7 @@
   "componentDescription": "",
   "propDescriptions": {
     "seriesId": {
-      "description": "The id of the series To display. If undefined all series are display."
+      "description": "The id of the series to display. If undefined all series are displayed."
     }
   },
   "classDescriptions": {}

packages/x-charts/src/RadarChart/RadarDataProvider/radar.types.ts

@@ -9,7 +9,7 @@ export interface MetricConfig {
    */
   min?: number;
   /**
-   * The maximal value of the domain.
+   * The maximum value of the domain.
    * If not provided, it gets computed to display the entire chart data.
    */
   max?: number;
@@ -22,7 +22,7 @@ export interface RadarConfig {
   metrics: string[] | MetricConfig[];
   /**
    * The default max value for radius axes.
-   * It will be override if `metrics` contains a `max` property.
+   * It will be overridden if `metrics` contains a `max` property.
    */
   max?: number;
   /**

packages/x-charts/src/RadarChart/RadarSeriesPlot/RadarSeriesArea.tsx

@@ -30,8 +30,8 @@ RadarSeriesArea.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   /**
-   * The id of the series To display.
-   * If undefined all series are display.
+   * The id of the series to display.
+   * If undefined all series are displayed.
    */
   seriesId: PropTypes.string,
 } as any;

packages/x-charts/src/RadarChart/RadarSeriesPlot/RadarSeriesMarks.tsx

@@ -34,8 +34,8 @@ RadarSeriesMarks.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   /**
-   * The id of the series To display.
-   * If undefined all series are display.
+   * The id of the series to display.
+   * If undefined all series are displayed.
    */
   seriesId: PropTypes.string,
 } as any;

packages/x-charts/src/RadarChart/RadarSeriesPlot/RadarSeriesPlot.tsx

@@ -36,8 +36,8 @@ RadarSeriesPlot.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   /**
-   * The id of the series To display.
-   * If undefined all series are display.
+   * The id of the series to display.
+   * If undefined all series are displayed.
    */
   seriesId: PropTypes.string,
 } as any;

packages/x-charts/src/RadarChart/RadarSeriesPlot/RadarSeriesPlot.types.ts

@@ -2,8 +2,8 @@ import * as React from 'react';
 
 interface CommonRadarSeriesPlotProps {
   /**
-   * The id of the series To display.
-   * If undefined all series are display.
+   * The id of the series to display.
+   * If undefined all series are displayed.
    */
   seriesId?: string;
 }

packages/x-charts/src/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.types.ts

@@ -20,11 +20,11 @@ export type PolarAxisState = {
    */
   radiusAxis: DefaultizedAxisConfig<ChartsRadiusAxisProps>;
   /**
-   * The rotation-axes IDs sorted by order they got provided.
+   * The rotation-axes IDs sorted by order they were provided.
    */
   rotationAxisIds: AxisId[];
   /**
-   * The radius-axes IDs sorted by order they got provided.
+   * The radius-axes IDs sorted by order they were provided.
    */
   radiusAxisIds: AxisId[];
 };

packages/x-charts/src/models/axis.ts

@@ -383,7 +383,7 @@ type CommonAxisConfig<S extends ScaleName = ScaleName, V = any> = {
   /**
    * Defines the axis scale domain based on the min/max values of series linked to it.
    * - 'nice': Rounds the domain at human friendly values.
-   * - 'strict': Set the domain to the min/max value provided. No extras space is added.
+   * - 'strict': Set the domain to the min/max value provided. No extra space is added.
    * - function: Receives the calculated extremums as parameters, and should return the axis domain.
    */
   domainLimit?: 'nice' | 'strict' | ((min: number, max: number) => { min: number; max: number });