diff --git a/ej2-angular/heatmap-chart/bubble-heatmap.md b/ej2-angular/heatmap-chart/bubble-heatmap.md
index 5c5fa1f6d7..8e25e489c2 100644
--- a/ej2-angular/heatmap-chart/bubble-heatmap.md
+++ b/ej2-angular/heatmap-chart/bubble-heatmap.md
@@ -10,6 +10,10 @@ domainurl: ##DomainURL##
# Bubble heatmap in Angular Heatmap chart component
+This section explains how to customize the appearance of the HeatMap cells as bubbles. The below video demonstrates the same.
+
+{% youtube "https://www.youtube.com/watch?v=WTK0lubgN9E" %}
+
Data points represent the data source values with **gradient** or **fixed** colors in the HeatMap. You can customize the appearance of these data points by changing the `color` and `size` attributes.
The data points can be represented in color fill or bubble shape by defining the [tileType](https://ej2.syncfusion.com/angular/documentation/api/heatmap/cellSettings/#tiletype) property. By default, the data points are color filled with gradient or fixed colors and this depiction of data points is defined as `Rect` in the `tileType` property.
@@ -26,7 +30,7 @@ In bubble HeatMap, you can display the data points with bubble size, bubble colo
In this bubble HeatMap type, the size factor of the bubble is used to denote the data variations. The radius of the bubble varies according to data values.
-By default, the bubble with small size denotes the data value with small magnitude and the larger bubble size denotes the data value with larger magnitude. This behavior can be inversed by using the [isinversedbubblesize](https://ej2.syncfusion.com/angular/documentation/api/heatmap/cellSettings/#isinversedbubblesize) property.
+By default, the bubble with small size denotes the data value with small magnitude and the larger bubble size denotes the data value with larger magnitude. This behavior can be inversed by using the [isInversedBubbleSize](https://ej2.syncfusion.com/angular/documentation/api/heatmap/cellSettings/#isinversedbubblesize) property.
To render a bubble HeatMap with size series, set the [bubbleType](https://ej2.syncfusion.com/angular/documentation/api/heatmap/cellSettings/#bubbletype) property to **Size**.
@@ -179,4 +183,4 @@ The size and color of the bubbles in the **SizeAndColor** bubble HeatMap type ca
{% endhighlight %}
{% endtabs %}
-{% previewsample "page.domainurl/samples/heatmap/bubble-heatmap/sizeAndColorJSONCell-cs2" %}
\ No newline at end of file
+{% previewsample "page.domainurl/samples/heatmap/bubble-heatmap/sizeAndColorJSONCell-cs2" %}
diff --git a/ej2-angular/heatmap-chart/getting-started.md b/ej2-angular/heatmap-chart/getting-started.md
index 6bac20a4e3..487f121f66 100644
--- a/ej2-angular/heatmap-chart/getting-started.md
+++ b/ej2-angular/heatmap-chart/getting-started.md
@@ -10,7 +10,11 @@ domainurl: ##DomainURL##
# Getting started with Angular Heatmap chart component
-This section explains the steps required to create a heat map and demonstrates the basic usage of the heat map control.
+This section explains the steps required to create a heat map and demonstrates the basic usage of the HeatMap component.
+
+You can explore some useful features in the HeatMap component using the following video.
+
+{% youtube "https://www.youtube.com/watch?v=GG3l2cAst7Y" %}
## Setup Angular Environment
@@ -254,4 +258,4 @@ The tooltip is used when you cannot display information by using the data labels
{% previewsample "page.domainurl/samples/heatmap/getting-started/tooltip-cs1" %}
-> You can refer to our [Angular Heatmap Chart]( https://www.syncfusion.com/angular-ui-components/angular-heatmap-chart) feature tour page for its groundbreaking feature representations. You can also explore our [Angular Heatmap Chart example](https://ej2.syncfusion.com/angular/demos/#/material/heatmap-chart/default) that shows how to render the Heatmap Chart in Angular.
\ No newline at end of file
+> You can refer to our [Angular Heatmap Chart]( https://www.syncfusion.com/angular-ui-components/angular-heatmap-chart) feature tour page for its groundbreaking feature representations. You can also explore our [Angular Heatmap Chart example](https://ej2.syncfusion.com/angular/demos/#/material/heatmap-chart/default) that shows how to render the Heatmap Chart in Angular.
diff --git a/ej2-angular/heatmap-chart/working-with-data.md b/ej2-angular/heatmap-chart/working-with-data.md
index a76f13bc9d..1beb72e394 100644
--- a/ej2-angular/heatmap-chart/working-with-data.md
+++ b/ej2-angular/heatmap-chart/working-with-data.md
@@ -10,6 +10,10 @@ domainurl: ##DomainURL##
# Working with data in Angular Heatmap chart component
+This section shows how to bind data to the HeatMap component. The below video demonstrates the same.
+
+{% youtube "https://www.youtube.com/watch?v=oK23v5DbbLg" %}
+
Heat map visualizes the JSON data and two-dimensional array data. Using the data adaptor support, data can be bound to the heat map.
## Data adaptor
@@ -121,4 +125,4 @@ In complex data binding, you can bind the nested JSON data to the data points in
## See Also
-* [To bind data for bubble heat map with size and color attributes](./bubble-heatmap/#binding-data-for-bubble-heat-map-with-size-and-color-attributes)
\ No newline at end of file
+* [To bind data for bubble heat map with size and color attributes](./bubble-heatmap/#binding-data-for-bubble-heat-map-with-size-and-color-attributes)
diff --git a/ej2-angular/linear-gauge/axis.md b/ej2-angular/linear-gauge/axis.md
index 0e706f4e95..f60299614f 100644
--- a/ej2-angular/linear-gauge/axis.md
+++ b/ej2-angular/linear-gauge/axis.md
@@ -10,6 +10,10 @@ domainurl: ##DomainURL##
# Axis in Angular Linear gauge component
+This section explains how to customize the appearance of the axis labels, ranges, and pointers in the Linear Gauge component. The below video demonstrates the same.
+
+{% youtube "https://www.youtube.com/watch?v=pI9KyD74NQo" %}
+
Axis is used to indicate the numeric values in the linear scale. The Linear Gauge component can have any number of axes. The sub-elements of an axis are line, ticks, labels, ranges, and pointers.
diff --git a/ej2-angular/linear-gauge/getting-started.md b/ej2-angular/linear-gauge/getting-started.md
index bcc2d7359c..1d7459ca39 100644
--- a/ej2-angular/linear-gauge/getting-started.md
+++ b/ej2-angular/linear-gauge/getting-started.md
@@ -14,6 +14,8 @@ domainurl: ##DomainURL##
This section explains the steps required to create a simple Linear Gauge and demonstrate the basic usage of the Linear Gauge component.
+{% youtube "https://www.youtube.com/watch?v=KHAuX1TQisU" %}
+
## Dependencies
Below is the list of minimum dependencies required to use the Linear Gauge component.
diff --git a/ej2-angular/samples/diagram/commands/grouping-cs1/index.html b/ej2-angular/samples/diagram/commands/grouping-cs1/index.html
index c1ab4b5240..c36ea15f0b 100644
--- a/ej2-angular/samples/diagram/commands/grouping-cs1/index.html
+++ b/ej2-angular/samples/diagram/commands/grouping-cs1/index.html
@@ -19,5 +19,5 @@
Loading....
-