diff --git a/samples/charts/data-chart/data-legend/src/app.component.html b/samples/charts/data-chart/data-legend/src/app.component.html
index 34688ac31..555001940 100644
--- a/samples/charts/data-chart/data-legend/src/app.component.html
+++ b/samples/charts/data-chart/data-legend/src/app.component.html
@@ -38,7 +38,7 @@
           xMemberPath="deathRate"
           yMemberPath="birthRate"
           radiusMemberPath="population"
-          [radiusScale]="SizeScale1"
+          [radiusScale]="sizeScale1"
           title="Africa"
           radiusMemberAsLegendLabel="Population: "
           xMemberAsLegendLabel="Death Rate: "
@@ -53,7 +53,7 @@
           xMemberPath="deathRate"
           yMemberPath="birthRate"
           radiusMemberPath="population"
-          [radiusScale]="SizeScale2"
+          [radiusScale]="sizeScale2"
           title="Europe"
           radiusMemberAsLegendLabel="Population: "
           xMemberAsLegendLabel="Death Rate: "
diff --git a/samples/charts/data-chart/data-tooltip/src/app.component.html b/samples/charts/data-chart/data-tooltip/src/app.component.html
index 778bd3970..fd3c33ce7 100644
--- a/samples/charts/data-chart/data-tooltip/src/app.component.html
+++ b/samples/charts/data-chart/data-tooltip/src/app.component.html
@@ -31,7 +31,7 @@
           xMemberPath="deathRate"
           yMemberPath="birthRate"
           radiusMemberPath="population"
-          [radiusScale]="SizeScale1"
+          [radiusScale]="sizeScale1"
           title="Africa"
           radiusMemberAsLegendLabel="Population: "
           xMemberAsLegendLabel="Death Rate: "
@@ -46,7 +46,7 @@
           xMemberPath="deathRate"
           yMemberPath="birthRate"
           radiusMemberPath="population"
-          [radiusScale]="SizeScale2"
+          [radiusScale]="sizeScale2"
           title="Europe"
           radiusMemberAsLegendLabel="Population: "
           xMemberAsLegendLabel="Death Rate: "
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/app.component.html b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/app.component.html
index 8ef10c444..5334a49f7 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/app.component.html
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/app.component.html
@@ -58,7 +58,7 @@
           xMemberPath="population"
           yMemberPath="publicDebt"
           radiusMemberPath="gdpPerCapita"
-          [radiusScale]="SizeScale1"
+          [radiusScale]="sizeScale1"
           fillMemberPath="gdpPerCapita"
           [xAxis]="xAxis"
           [yAxis]="yAxis"
@@ -66,7 +66,7 @@
           markerType="Circle"
           markerOutline="black"
           showDefaultTooltip="true"
-          [fillScale]="ValueBrushScale1">
+          [fillScale]="valueBrushScale1">
           </igx-bubble-series>
       </igx-data-chart>
   </div>
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/app.component.ts b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/app.component.ts
index 8621fb96e..4348e8d6a 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/app.component.ts
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/src/app.component.ts
@@ -56,7 +56,7 @@ export class AppComponent implements AfterViewInit
 	        valueBrushScale1.isLogarithmic = false;
 	        valueBrushScale1.minimumValue = 0;
 	        valueBrushScale1.maximumValue = 100000;
-	        valueBrushScale1.brushes = "rgba(26, 161, 226, 1) rgba(24, 154, 217, 1) rgba(22, 146, 206, 1) rgba(19, 133, 188, 1) rgba(15, 121, 171, 1) rgba(12, 107, 153, 1) rgba(9, 94, 136, 1) rgba(5, 82, 119, 1) rgba(2, 70, 105, 1) rgba(0, 63, 94, 1)";
+	        valueBrushScale1.brushes = ["rgba(26, 161, 226, 1)", "rgba(24, 154, 217, 1)", "rgba(22, 146, 206, 1)", "rgba(19, 133, 188, 1)", "rgba(15, 121, 171, 1)", "rgba(12, 107, 153, 1)", "rgba(9, 94, 136, 1)", "rgba(5, 82, 119, 1)", "rgba(2, 70, 105, 1)", "rgba(0, 63, 94, 1)"];
 
 	        this._valueBrushScale1 = valueBrushScale1;
 	    }
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/src/app.component.html b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/src/app.component.html
index ac81e3df9..fc39d6b1b 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/src/app.component.html
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/src/app.component.html
@@ -40,7 +40,7 @@
           [dataSource]="countryStatsAfrica"
           markerType="Circle"
           showDefaultTooltip="true"
-          [radiusScale]="SizeScale1">
+          [radiusScale]="sizeScale1">
           </igx-bubble-series>
           <igx-bubble-series
           name="BubbleSeries2"
@@ -54,7 +54,7 @@
           [dataSource]="countryStatsEurope"
           markerType="Circle"
           showDefaultTooltip="true"
-          [radiusScale]="SizeScale2">
+          [radiusScale]="sizeScale2">
           </igx-bubble-series>
       </igx-data-chart>
   </div>
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/app.component.html b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/app.component.html
index 346190e03..672b6b1c7 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/app.component.html
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/app.component.html
@@ -27,7 +27,7 @@
           xMemberPath="population"
           yMemberPath="publicDebt"
           radiusMemberPath="gdpPerCapita"
-          [radiusScale]="SizeScale1"
+          [radiusScale]="sizeScale1"
           fillMemberPath="gdpPerCapita"
           [xAxis]="xAxis"
           [yAxis]="yAxis"
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.html b/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.html
index d7da0190e..7ec0ba1aa 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.html
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.html
@@ -44,7 +44,7 @@
           markerFillOpacity="0.5"
           markerThickness="2"
           showDefaultTooltip="true"
-          [radiusScale]="SizeScale1">
+          [radiusScale]="sizeScale1">
           </igx-bubble-series>
           <igx-bubble-series
           name="BubbleSeries2"
@@ -62,7 +62,7 @@
           markerFillOpacity="0.5"
           markerThickness="2"
           showDefaultTooltip="true"
-          [radiusScale]="SizeScale2">
+          [radiusScale]="sizeScale2">
           </igx-bubble-series>
           <igx-data-tool-tip-layer
           name="DataToolTipLayer"