[docs] Fix some typos in charts docs

docs/data/charts/axis/axis.md

@@ -20,9 +20,8 @@ Those props expect an array of objects.
 
 Here is a demonstration with two lines with the same data.
 But one uses a linear, and the other a log axis.
-
 Each axis definition is identified by its property `id`.
-And series specify the axis they use with `xAxisKey` and `yAxisKey` properties.
+Then each series specifies the axis they use with the `xAxisKey` and `yAxisKey` properties.
 
 {{"demo": "ScaleExample.js"}}
 

docs/data/charts/bars/bars.md

@@ -38,7 +38,7 @@ The ratio is obtained by dividing the size of the gap by the size of the categor
 The `barGapRatio` defines the gap between two bars of the same category.
 It's the size of the gap divided by the size of the bar.
 So a value of `1` will result in a gap between bars equal to the bar width.
-And a value of `-1` will make bars overlap on top of each over.
+And a value of `-1` will make bars overlap on top of each other.
 
 {{"demo": "BarGapNoSnap.js", "hideToolbar": true, "bg": "playground"}}
 

docs/data/charts/components/components.md

@@ -55,7 +55,7 @@ You don't need extra work to take into account the drawing area.
 #### Value to coordinate
 
 The `d3-scale` default method maps from values to coordinates.
-For example, you can get the `x=0` coordinate as follow:
+For example, you can get the `x=0` coordinate as follows:
 
 ```jsx
 const xAxisScale = useXScale(); // get the default X scale

docs/data/data-grid/column-definition/column-definition.md

@@ -22,7 +22,7 @@ interface GridColDef {
 The `columns` prop should keep the same reference between two renders.
 The columns are designed to be definitions, to never change once the component is mounted.
 Otherwise, you take the risk of losing elements like column width or order.
-You can create the array outside the render function or memoize it.
+You can create the array outside the render function or memorize it.
 :::
 
 ## Providing content