docs(chart): remove images

_contentTemplates/chart/link-to-basics.md

@@ -53,10 +53,6 @@ Colors per series item
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/color-field-bar-column-chart.png)
-
 #end
 
 #gap-and-spacing
@@ -120,9 +116,6 @@ You can render the lines between the points with different styles. The supported
 
 * `Smooth`—This style causes the Chart to display a fitted curve through data points. It is suitable when the data requires to be displayed with a curve, or when you wish to connect the points with smooth instead of straight lines. Not supported with [stacked]({%slug components/chart/stack%}) series with missing values.
 
->caption Comparison between the line styles
-
-![](images/line-chart-step-and-smooth.png)
 #end
 
 #opacity-area-bubble

components/chart/data-bind.md

@@ -79,10 +79,6 @@ Independent data
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/independent-series-binding.png)
-
 ## Attach Series Items to Their Categories
 
 You can provide a `List<object>` to the `Data` property of a series that contains both its data points, and its x-axis categories. Then, set the series:
@@ -128,10 +124,6 @@ One model for all the chart data
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/bind-chart-to-single-collection.png)
-
 >caption Unique categories are added independently.
 
 ````CSHTML
@@ -167,10 +159,6 @@ Separate fields for series categories
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/unique-categories.png)
-
 >tip You can define [multiple x-axes](multiple-axes) to avoid this behavior and have each series populate its own x-axis.
 
 >caption If category values match, they will be combined
@@ -211,10 +199,6 @@ Combining matching standalone categories
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/matching-categories.png)
-
 ## Mixed Data Source
 
 You can choose where to take the categories and series data from, and combine both approaches to a solution that fits the existing data models and data retrieval logic that you have.
@@ -263,10 +247,6 @@ Mixed data binding
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/mixed-data-sources-1.png)
-
 >caption Populate categories from model, and some series from standalone data. Standalone categories are ignored.
 
 ````CSHTML
@@ -309,11 +289,6 @@ Standalone categories are ignored when there is category data binding to a model
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/standalone-categories-ignored-if-bound-from-series.png)
-
-
 ## Numerical Charts
 
 Numerical charts do not use categories and you do not need to consider how the x-axis is shared between the series and whether several data points will be in the same zone. You can provide a model for each series that contains the necessary information (x-value, y-value, and any other value that may be needed, such as size for bubble charts) and they will be plotted independently.

components/chart/date-axis.md

@@ -71,10 +71,6 @@ Grouping by month, aggregates
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/date-axis.png)
-
 ### Advanced Features
 
 #### Automatic Fitting
@@ -168,9 +164,7 @@ If the data provided to the chart uses the complete `DateTime` format, this will
 
 For example, if the chosen `BaseUnit` is `days`, the X labels mark the beginning of the day and the data records also specify time values, their markers will be rendered at the corresponding to their time value point and not exactly on the label for this day. This specific behavior when working with `DateTime` values could be observed in the following examples:
 
->caption ScatterLine chart with day and time values. Markers are rendered after the day labels to also respect the time values. The result from the snippet below
-
-![ScatterLine chart with day and time values](images/scatter-line-day-and-time.png)
+>caption ScatterLine chart with day and time values. Markers are rendered after the day labels to also respect the time values.
 
 ````CSHTML
 @* ScatterLine chart with day and time values for the X-axis *@
@@ -225,9 +219,7 @@ For example, if the chosen `BaseUnit` is `days`, the X labels mark the beginning
 ````
 <br/>
 
->caption ScatterLine chart with only days values. Markers are rendered exactly on the day labels. The result from the snippet below
-
-![ScatterLine chart with only day values](images/scatter-line-days-only.png)
+>caption ScatterLine chart with only days values. Markers are rendered exactly on the day labels. 
 
 ````CSHTML
 @* ScatterLine chart with only day values for the X-axis *@

components/chart/events.md

@@ -107,10 +107,6 @@ These examples showcase the different applications of the `OnSeriesClick` event.
 }
 ````
 
->caption The result from the code snippet above
-
-![onseriesclick basic example](images/onseries-click-basic-example.gif)
-
 
 ### Get The Data Model For The Clicked Series
 
@@ -177,9 +173,6 @@ These examples showcase the different applications of the `OnSeriesClick` event.
 }
 ````
 
->caption The result from the code snippet above
-
-![onseriesclick get data model example](images/onseries-click-get-model-example.gif)
 
 
 ### Load Data On Demand Based On Series Click

components/chart/labels-template-and-format.md

@@ -76,10 +76,6 @@ Standard number format strings
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/label-format-strings-basics.png)
-
 ## Templates
 
 To set a template for the corresponding label, use the `Template` property in the corresponding Label inner tag of the element you want to customize, for example, under `ChartSeriesLabels` or under `ChartValueAxisLabels`.
@@ -161,10 +157,6 @@ Label templates
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/basic-templates-result.png)
-
 
 In a **series label template**, you can use the following fields:
 
@@ -262,11 +254,6 @@ Conditional label display
 }
 ````
 
->caption The result from the code above:
-
-![](images/hide-label-conditionally.png)
-
-
 ## See Also
 
-  * [Live Demos: Chart](https://demos.telerik.com/blazor-ui/chart/index)
+  * [Live Demos: Chart](https://demos.telerik.com/blazor-ui/chart/index)

components/chart/multiple-axes.md

@@ -12,10 +12,6 @@ position: 21
 
 You can have the chart render more than one axis for a given dimension. This lets you associate series with different axes, and position different axes to the left, right, top or bottom of the chart. This is often useful when you have data for some series that varies greatly in magnitude from other data, or is measured in a different unit. You can also associate series with different categories on the x-axis without having them side-by-side.
 
->caption Multiple Y-axes in a chart
-
-![](images/multiple-y-axes.png)
-
 >tip The [Examples](#examples) section offer several common use-cases.
 
 This article contains the following sections:
@@ -122,10 +118,6 @@ Multiple y-axes and their position
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/multiple-y-axes.png)
-
 ### Category Axes
 
 You can use multiple category axes to associate each series with its own points on the axis instead of having them add up on the same axis.
@@ -176,10 +168,6 @@ Multiple category axes and their position
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/multiple-category-axes-line-chart.png)
-
 
 ### Behavior with Bar and Column Charts
 
@@ -234,10 +222,6 @@ Viable values for the axes positions
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/multiple-category-axes=-column-chart.png)
-
 >caption Examples of potentially unwanted behaviors of column and bar types of charts with multiple axes, and the code that produces those issues.
 
 ````LargeCrossingPoint
@@ -321,10 +305,6 @@ Potentially unwanted behavior 2
 }
 ````
 
->caption The result from the code snippets above
-
-![](images/column-chart-multiple-axes-behavior.png)
-
 
 ### Numerical Chart Examples
 
@@ -442,10 +422,6 @@ When using numerical charts, you define the extra axes in the `ChartXAxes` and `
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/multiple-axes-numerical-series.png)
-
 
 ### Move X-Axis Labels to the Bottom
 
@@ -501,10 +477,6 @@ The general approach is to set an axis crossing point that has a very large valu
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/x-axis-labels-at-bottom.png)
-
 
 ### Move Value Axis to the Right
 
@@ -574,10 +546,6 @@ This approach can work for both numerical and categorical axes. The example belo
 }
 ````
 
->caption The result from the code snippet above
-
-![Move the second value axis to the right](images/chart-crossing-value-axis-to-the-right.png)
-
 
 ## See Also
 

components/chart/overview.md

@@ -71,11 +71,6 @@ Basic chart and common settings/elements
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/overview-chart.png)
-
-
 ## Chart Elements
 
 @[template](/_contentTemplates/chart/link-to-basics.md#configurable-nested-chart-settings)

components/chart/rendering-modes.md

@@ -27,9 +27,7 @@ Using vector graphics ensures that:
 
 Since `SVG` is the default rendering mode of the Chart, you don't need to explicitly define it.
 
->caption Bar Chart rendered as SVG. The result from the snippet below.
-
-![](images/svg-chart-example.png)
+>caption Bar Chart rendered as SVG.
 
 ````CSHTML
 @* SVG Bar Chart *@
@@ -73,9 +71,7 @@ On the downside, rendering to a fixed resolution bitmap results in:
 * Blurry images on zoom.
 * Poorer print quality.
 
->caption Bar Chart rendered as Canvas. The result from the snippet below.
-
-![](images/canvas-chart-example.png)
+>caption Bar Chart rendered as Canvas.
 
 ````CSHTML
 @* Canvas Bar Chart *@

components/chart/stacked-series.md

@@ -62,10 +62,6 @@ Basic stacking of series
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/stacked-series.png)
-
 ## Named Stack
 
 You can choose which series to cluster together through the `Group` property of the `ChartSeriesStack` tag. If you set it to one series, it automatically enables stacking, so if you want to put one or more series in a separate group, you must provide a group name for each series.
@@ -106,10 +102,6 @@ Stack clustering in groups
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/named-stacks.png)
-
 ## Stack 100%
 
 You can also have each stack fill up the entire chart - its total value will be 100%. This is often useful when contribution of values within stacks is more meaningful than the amounts themselves.
@@ -154,10 +146,6 @@ Stack to 100%
 }
 ````
 
->caption The result from the code snippet above
-
-![](images/stack-100-groups.png)
-
 ## See Also
 
   * [Live Demos: Chart](https://demos.telerik.com/blazor-ui/chart/index)

components/chart/tooltip/overview.md

@@ -59,10 +59,6 @@ To enable tooltips for the data points of each individual series:
 }
 ````
 
->caption The result from the code snippet above
-
-![single series tooltip](images/tooltip-basic-config.png)
-
 
 ## Common Tooltip
 
@@ -109,10 +105,6 @@ To enable the same tooltip for all series:
 }
 ````
 
->caption The result from the code snippet above
-
-![common tooltip settings for all series](images/tooltip-common-example.gif)
-
 
 ## Customization
 
@@ -186,10 +178,6 @@ You can customize the appearance of the individual series tooltip by using:
 
 ````
 
->caption The result from the code snippet above
-
-![tooltip parameter customization example](images/tooltip-customized-example.png)
-
 
 #### Common Tooltip Settings
 
@@ -271,10 +259,6 @@ The available series data point information in the `context` is:
 }
 ````
 
->caption The result from the code snippet above
-
-![tooltip template example](images/tooltip-template-example.png)
-
 
 ## See Also
 

components/chart/tooltip/shared.md

@@ -59,9 +59,6 @@ To enable the shared tooltip:
     public string[] xAxisItems = new string[] { "Q1", "Q2", "Q3", "Q4" };
 }
 ````
->caption The result from the code snippet above
-
-![shared tooltip example](images/shared-tooltip-basic.png)
 
 ## Customization
 
@@ -145,9 +142,6 @@ Each `Point` contains the following data:
     public string[] xAxisItems = new string[] { "Q1", "Q2", "Q3", "Q4" };
 }
 ````
->caption The result from the code snippet above
-
-![shared tooltip template example](images/shared-tooltip-template.png)
 
 ## See also