diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml
index 8de7ec2..06320bd 100644
--- a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml
@@ -33,6 +33,7 @@
                             </TextBlock>
                         </StackPanel>
                         <Button Content="All Controls" Click="ButtonControls_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
+                        <Button Content="Chart Controls" Click="ButtonChartControls_Click" Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,10,0,0" Padding="20,3,3,3"/>
                         <Button Content="Home" Click="ButtonHome_Click"  Style="{StaticResource FlatButtonStyle}" Background="{x:Null}" Foreground="#FFDDDDDD" HorizontalContentAlignment="Left" FontSize="16" Margin="0,3,0,0" Padding="20,3,3,3"/>
                     </StackPanel>
                 </ScrollViewer>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml.cs
index 1b26ecc..1c8bf92 100644
--- a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml.cs
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/MainPage.xaml.cs
@@ -39,6 +39,10 @@ void ButtonControls_Click(object sender, RoutedEventArgs e)
         {
             NavigateToPage("/Controls");
         }
+        void ButtonChartControls_Click(object sender, RoutedEventArgs e)
+        {
+            NavigateToPage("/ChartControls");
+        }
 
         void ButtonHome_Click(object sender, RoutedEventArgs e)
         {
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI.csproj b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI.csproj
index 1bc97d5..d84c669 100644
--- a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI.csproj
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI.csproj
@@ -28,8 +28,38 @@
     <None Remove="Other\embed.js" />
     <None Remove="Other\Styles.xaml" />
     <None Remove="Samples\Controls\RadCalendar\RadCalendar_Demo.xaml" />
-    <None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Area\RadCartesianChart_AreaSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Area\RadCartesianChart_RangeSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Area\RadCartesianChart_RangeSplineSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Area\RadCartesianChart_ScatterAreaSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Area\RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Area\RadCartesianChart_SplineAreaSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Area\RadCartesianChart_StepAreaSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Bar\RadCartesianChart_BarSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Bar\RadCartesianChart_RangeBarSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Bubble\RadCartesianChart_BubbleSeries_Demo.xaml" />
+    <None Remove="Samples\ChartControls\Bubble\RadCartesianChart_ScatterBubbleSeries_Demo.xaml" />
+	  <None Remove="Samples\ChartControls\Financial\RadCartesianChart_CandlestickSeries_Demo.xaml" />
+
     <None Remove="Samples\Controls\Controls.xaml" />
+
+    <None Remove="Samples\ChartControls\Financial\RadCartesianChart_OhlcSeries_Demo.xaml" />
+
+    <None Remove="Samples\ChartControls\Line\RadCartesianChart_LineSeries_Demo.xaml" />
+
+    <None Remove="Samples\ChartControls\Line\RadCartesianChart_ScatterLineSeries_Demo.xaml" />
+
+    <None Remove="Samples\ChartControls\Line\RadCartesianChart_ScatterSplineSeries_Demo.xaml" />
+
+    <None Remove="Samples\ChartControls\Line\RadCartesianChart_SplineSeries_Demo.xaml" />
+
+    <None Remove="Samples\ChartControls\Line\RadCartesianChart_StepLineSeries_Demo.xaml" />
+
+    <None Remove="Samples\ChartControls\Point\RadCartesianChart_PointSeries_Demo.xaml" />
+
+    <None Remove="Samples\ChartControls\Point\RadCartesianChart_ScatterPointSeries_Demo.xaml" />
+
+    <None Remove="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml" />
     <None Remove="Samples\Controls\RadGallery\RadGallery_Demo.xaml" />
 	  <None Remove="Samples\Controls\RadListBox\RadListBox_Demo.xaml" />
 	  <None Remove="Samples\Controls\RadMap\RadMap_Demo.xaml" />
@@ -85,9 +115,71 @@
     <Content Include="Samples\Controls\RadCalendar\RadCalendar_Demo.xaml">
       <Generator>MSBuild:Compile</Generator>
     </Content>
-    <Content Include="Samples\Controls\RadCartesianChart\RadCartesianChart_Demo.xaml">
+    <Content Include="Samples\ChartControls\Area\RadCartesianChart_AreaSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Area\RadCartesianChart_RangeSeries_Demo.xaml">
       <Generator>MSBuild:Compile</Generator>
     </Content>
+    <Content Include="Samples\ChartControls\Area\RadCartesianChart_RangeSplineSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Area\RadCartesianChart_ScatterAreaSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Area\RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Area\RadCartesianChart_SplineAreaSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Area\RadCartesianChart_StepAreaSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Bar\RadCartesianChart_BarSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+	  <Content Include="Samples\ChartControls\Bar\RadCartesianChart_RangeBarSeries_Demo.xaml">
+		  <Generator>MSBuild:Compile</Generator>
+	  </Content>
+	  <Content Include="Samples\ChartControls\Bubble\RadCartesianChart_BubbleSeries_Demo.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </Content>
+	  <Content Include="Samples\ChartControls\Bubble\RadCartesianChart_ScatterBubbleSeries_Demo.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </Content>
+    <Content Include="Samples\ChartControls\Financial\RadCartesianChart_CandlestickSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Financial\RadCartesianChart_OhlcSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Line\RadCartesianChart_LineSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Line\RadCartesianChart_ScatterLineSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Line\RadCartesianChart_ScatterSplineSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Line\RadCartesianChart_SplineSeries_Demo.xaml">
+      <CustomToolNamespace></CustomToolNamespace>
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Line\RadCartesianChart_StepLineSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Point\RadCartesianChart_PointSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\Point\RadCartesianChart_ScatterPointSeries_Demo.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    <Content Include="Samples\ChartControls\ChartControls.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Content>
+    
     <Content Include="Samples\Controls\RadGallery\RadGallery_Demo.xaml">
       <Generator>MSBuild:Compile</Generator>
     </Content>
@@ -234,4 +326,8 @@
     <PackageReference Include="OpenSilver.Compatibility.TelerikUI" Version="1.0.0.1" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Folder Include="Samples\Controls\RadCartesianChart\" />
+  </ItemGroup>
+
 </Project>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Other/Styles.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Other/Styles.xaml
index 6d3004c..182db5d 100644
--- a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Other/Styles.xaml
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Other/Styles.xaml
@@ -39,6 +39,12 @@
             </Setter>
         </Style.Setters>
     </Style>
+    <Style x:Key="Chart_Card_Style" TargetType="ContentControl" BasedOn="{StaticResource Card_Style}">
+        <Style.Setters>
+            <Setter Property="Width" Value="440"/>
+            <Setter Property="Height" Value=" 340"/>
+        </Style.Setters>
+    </Style>
     <Style x:Key="HeaderControl_Style" TargetType="ContentControl">
         <Style.Setters>
             <Setter Property="FontSize" Value="20"/>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_AreaSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_AreaSeries_Demo.xaml
new file mode 100644
index 0000000..e81cf40
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_AreaSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_AreaSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (AreaSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:AreaSeries>
+                            <telerik:AreaSeries.DataPoints>
+                                <telerik:CategoricalDataPoint Category="January" Value="2" />
+                                <telerik:CategoricalDataPoint Category="February" Value="5" />
+                                <telerik:CategoricalDataPoint Category="March" Value="3" />
+                                <telerik:CategoricalDataPoint Category="April" Value="10" />
+                                <telerik:CategoricalDataPoint Category="May" Value="9" />
+                                <telerik:CategoricalDataPoint Category="June" Value="7" />
+                                <telerik:CategoricalDataPoint Category="July" Value="1" />
+                            </telerik:AreaSeries.DataPoints>
+                        </telerik:AreaSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_AreaSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_AreaSeries_Demo.xaml.cs
new file mode 100644
index 0000000..ccc1a30
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_AreaSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_AreaSeries_Demo : UserControl
+    {
+        public RadCartesianChart_AreaSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_AreaSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_AreaSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_AreaSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_AreaSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSeries_Demo.xaml
new file mode 100644
index 0000000..d7ad436
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_RangeSplineSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (RangeSplineSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis/>
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:RangeSplineSeries>
+                            <telerik:RangeSplineSeries.DataPoints>
+                                <telerik:RangeDataPoint Category="January" High="5" Low="0"/>
+                                <telerik:RangeDataPoint Category="February" High="7" Low="2"/>
+                                <telerik:RangeDataPoint Category="March" High="6" Low="4"/>
+                                <telerik:RangeDataPoint Category="April" High="8" Low="5"/>
+                                <telerik:RangeDataPoint Category="May" High="4" Low="3"/>
+                                <telerik:RangeDataPoint Category="June" High="9" Low="7"/>
+                                <telerik:RangeDataPoint Category="July" High="3" Low="1"/>
+                            </telerik:RangeSplineSeries.DataPoints>
+                        </telerik:RangeSplineSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSeries_Demo.xaml.cs
new file mode 100644
index 0000000..cdf5f17
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_RangeSeries_Demo : UserControl
+    {
+        public RadCartesianChart_RangeSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_RangeSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_RangeSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_RangeSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_RangeSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSplineSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSplineSeries_Demo.xaml
new file mode 100644
index 0000000..ed4fe64
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSplineSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_RangeSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (RangeSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis />
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:RangeSeries>
+                            <telerik:RangeSeries.DataPoints>
+                                <telerik:RangeDataPoint Category="January" High="5" Low="0"/>
+                                <telerik:RangeDataPoint Category="February" High="7" Low="2"/>
+                                <telerik:RangeDataPoint Category="March" High="6" Low="4"/>
+                                <telerik:RangeDataPoint Category="April" High="8" Low="5"/>
+                                <telerik:RangeDataPoint Category="May" High="4" Low="3"/>
+                                <telerik:RangeDataPoint Category="June" High="9" Low="7"/>
+                                <telerik:RangeDataPoint Category="July" High="3" Low="1"/>
+                            </telerik:RangeSeries.DataPoints>
+                        </telerik:RangeSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSplineSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSplineSeries_Demo.xaml.cs
new file mode 100644
index 0000000..aea255b
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_RangeSplineSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_RangeSplineSeries_Demo : UserControl
+    {
+        public RadCartesianChart_RangeSplineSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_RangeSplineSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_RangeSplineSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_RangeSplineSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_RangeSplineSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterAreaSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterAreaSeries_Demo.xaml
new file mode 100644
index 0000000..363ada7
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterAreaSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_ScatterAreaSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (ScatterAreaSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:ScatterAreaSeries>
+                            <telerik:ScatterAreaSeries.DataPoints>
+                                <telerik:ScatterDataPoint XValue="0" YValue="2" />
+                                <telerik:ScatterDataPoint XValue="1" YValue="5" />
+                                <telerik:ScatterDataPoint XValue="2" YValue="3" />
+                                <telerik:ScatterDataPoint XValue="3" YValue="10" />
+                                <telerik:ScatterDataPoint XValue="4" YValue="9" />
+                                <telerik:ScatterDataPoint XValue="5" YValue="7" />
+                                <telerik:ScatterDataPoint XValue="6" YValue="1" />
+                            </telerik:ScatterAreaSeries.DataPoints>
+                        </telerik:ScatterAreaSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterAreaSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterAreaSeries_Demo.xaml.cs
new file mode 100644
index 0000000..297c8c3
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterAreaSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_ScatterAreaSeries_Demo : UserControl
+    {
+        public RadCartesianChart_ScatterAreaSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_ScatterAreaSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_ScatterAreaSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_ScatterAreaSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_ScatterAreaSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml
new file mode 100644
index 0000000..bed1085
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_ScatterSplineAreaSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (ScatterSplineAreaSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:ScatterSplineAreaSeries>
+                            <telerik:ScatterSplineAreaSeries.DataPoints>
+                                <telerik:ScatterDataPoint XValue="0" YValue="2" />
+                                <telerik:ScatterDataPoint XValue="1" YValue="5" />
+                                <telerik:ScatterDataPoint XValue="2" YValue="3" />
+                                <telerik:ScatterDataPoint XValue="3" YValue="10" />
+                                <telerik:ScatterDataPoint XValue="4" YValue="9" />
+                                <telerik:ScatterDataPoint XValue="5" YValue="7" />
+                                <telerik:ScatterDataPoint XValue="6" YValue="1" />
+                            </telerik:ScatterSplineAreaSeries.DataPoints>
+                        </telerik:ScatterSplineAreaSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml.cs
new file mode 100644
index 0000000..a4cc78c
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_ScatterSplineAreaSeries_Demo : UserControl
+    {
+        public RadCartesianChart_ScatterSplineAreaSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_ScatterSplineAreaSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_SplineAreaSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_SplineAreaSeries_Demo.xaml
new file mode 100644
index 0000000..ea5b5f8
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_SplineAreaSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_SplineAreaSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (SplineAreaSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:SplineAreaSeries>
+                            <telerik:SplineAreaSeries.DataPoints>
+                                <telerik:CategoricalDataPoint Category="January" Value="2" />
+                                <telerik:CategoricalDataPoint Category="February" Value="5" />
+                                <telerik:CategoricalDataPoint Category="March" Value="3" />
+                                <telerik:CategoricalDataPoint Category="April" Value="10" />
+                                <telerik:CategoricalDataPoint Category="May" Value="9" />
+                                <telerik:CategoricalDataPoint Category="June" Value="7" />
+                                <telerik:CategoricalDataPoint Category="July" Value="1" />
+                            </telerik:SplineAreaSeries.DataPoints>
+                        </telerik:SplineAreaSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_SplineAreaSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_SplineAreaSeries_Demo.xaml.cs
new file mode 100644
index 0000000..9a2ee0c
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_SplineAreaSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_SplineAreaSeries_Demo : UserControl
+    {
+        public RadCartesianChart_SplineAreaSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_SplineAreaSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_SplineAreaSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_SplineAreaSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_SplineAreaSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_StepAreaSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_StepAreaSeries_Demo.xaml
new file mode 100644
index 0000000..2f84f4c
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_StepAreaSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_StepAreaSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (StepAreaSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:StepAreaSeries>
+                            <telerik:StepAreaSeries.DataPoints>
+                                <telerik:CategoricalDataPoint Category="January" Value="2" />
+                                <telerik:CategoricalDataPoint Category="February" Value="5" />
+                                <telerik:CategoricalDataPoint Category="March" Value="3" />
+                                <telerik:CategoricalDataPoint Category="April" Value="10" />
+                                <telerik:CategoricalDataPoint Category="May" Value="9" />
+                                <telerik:CategoricalDataPoint Category="June" Value="7" />
+                                <telerik:CategoricalDataPoint Category="July" Value="1" />
+                            </telerik:StepAreaSeries.DataPoints>
+                        </telerik:StepAreaSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_StepAreaSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_StepAreaSeries_Demo.xaml.cs
new file mode 100644
index 0000000..457a454
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Area/RadCartesianChart_StepAreaSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_StepAreaSeries_Demo : UserControl
+    {
+        public RadCartesianChart_StepAreaSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_StepAreaSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_StepAreaSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_StepAreaSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Area/RadCartesianChart_StepAreaSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_BarSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_BarSeries_Demo.xaml
new file mode 100644
index 0000000..cfdae61
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_BarSeries_Demo.xaml
@@ -0,0 +1,47 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_BarSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (BarSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart Background="White">
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:BarSeries>
+                            <telerik:BarSeries.DataPoints>
+                                <telerik:CategoricalDataPoint Category="January" Value="2" />
+                                <telerik:CategoricalDataPoint Category="February" Value="5" />
+                                <telerik:CategoricalDataPoint Category="March" Value="3" />
+                                <telerik:CategoricalDataPoint Category="April" Value="10" />
+                                <telerik:CategoricalDataPoint Category="May" Value="9" />
+                                <telerik:CategoricalDataPoint Category="June" Value="7" />
+                                <telerik:CategoricalDataPoint Category="July" Value="1" />
+                            </telerik:BarSeries.DataPoints>
+                            <telerik:BarSeries.PointTemplate>
+                                <DataTemplate>
+                                    <Rectangle Fill="#FF67AAD3"/>
+                                </DataTemplate>
+                            </telerik:BarSeries.PointTemplate>
+                        </telerik:BarSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
\ No newline at end of file
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_BarSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_BarSeries_Demo.xaml.cs
new file mode 100644
index 0000000..1b53fca
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_BarSeries_Demo.xaml.cs
@@ -0,0 +1,42 @@
+using OpenSilver.Samples.TelerikUI.Samples.Common;
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+using Telerik.Charting;
+using Telerik.Windows.Controls.ChartView;
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_BarSeries_Demo : UserControl
+    {
+        public RadCartesianChart_BarSeries_Demo()
+        {
+            InitializeComponent();
+        }
+
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_BarSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Bar/RadCartesianChart_BarSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_BarSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Bar/RadCartesianChart_BarSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_RangeBarSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_RangeBarSeries_Demo.xaml
new file mode 100644
index 0000000..1fbb7c4
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_RangeBarSeries_Demo.xaml
@@ -0,0 +1,47 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_RangeBarSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (RangeBarSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:RangeBarSeries>
+                            <telerik:RangeBarSeries.DataPoints>
+                                <telerik:RangeDataPoint Category="January"  High="5" Low="0"/>
+                                <telerik:RangeDataPoint Category="February" High="7" Low="2"/>
+                                <telerik:RangeDataPoint Category="March" High="6" Low="4"/>
+                                <telerik:RangeDataPoint Category="April" High="8" Low="5"/>
+                                <telerik:RangeDataPoint Category="May" High="4" Low="3"/>
+                                <telerik:RangeDataPoint Category="June" High="9" Low="7"/>
+                                <telerik:RangeDataPoint Category="July" High="3" Low="1"/>
+                            </telerik:RangeBarSeries.DataPoints>
+                            <telerik:RangeBarSeries.PointTemplate>
+                                <DataTemplate>
+                                    <Rectangle Fill="#FF67AAD3"/>
+                                </DataTemplate>
+                            </telerik:RangeBarSeries.PointTemplate>
+                        </telerik:RangeBarSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_RangeBarSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_RangeBarSeries_Demo.xaml.cs
new file mode 100644
index 0000000..1ce720d
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bar/RadCartesianChart_RangeBarSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_RangeBarSeries_Demo : UserControl
+    {
+        public RadCartesianChart_RangeBarSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_RangeBarSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Bar/RadCartesianChart_RangeBarSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_RangeBarSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Bar/RadCartesianChart_RangeBarSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_BubbleSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_BubbleSeries_Demo.xaml
new file mode 100644
index 0000000..da91485
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_BubbleSeries_Demo.xaml
@@ -0,0 +1,40 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_BubbleSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (BubbleSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis />
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:BubbleSeries ShowLabels="True">
+                            <telerik:BubbleSeries.DataPoints>
+                                <telerik:BubbleDataPoint BubbleSize="50" Category="Mexico" Value="20"/>
+                                <telerik:BubbleDataPoint BubbleSize="100" Category="USA" Value="8" />
+                                <telerik:BubbleDataPoint BubbleSize="70" Category="UK" Value="13" />
+                                <telerik:BubbleDataPoint BubbleSize="50" Category="France" Value="20" />
+                                <telerik:BubbleDataPoint BubbleSize="42" Category="Germany" Value="5" />
+                            </telerik:BubbleSeries.DataPoints>
+                        </telerik:BubbleSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_BubbleSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_BubbleSeries_Demo.xaml.cs
new file mode 100644
index 0000000..81151d7
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_BubbleSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_BubbleSeries_Demo : UserControl
+    {
+        public RadCartesianChart_BubbleSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_BubbleSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Bubble/RadCartesianChart_BubbleSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_BubbleSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Bubble/RadCartesianChart_BubbleSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_ScatterBubbleSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_ScatterBubbleSeries_Demo.xaml
new file mode 100644
index 0000000..42d442b
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_ScatterBubbleSeries_Demo.xaml
@@ -0,0 +1,40 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_ScatterBubbleSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (ScatterBubbleSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:ScatterBubbleSeries ShowLabels="True" >
+                            <telerik:ScatterBubbleSeries.DataPoints>
+                                <telerik:ScatterBubbleDataPoint BubbleSize="50" XValue="1" YValue="20" />
+                                <telerik:ScatterBubbleDataPoint BubbleSize="100" XValue="2" YValue="8" />
+                                <telerik:ScatterBubbleDataPoint BubbleSize="70" XValue="3" YValue="13" />
+                                <telerik:ScatterBubbleDataPoint BubbleSize="50" XValue="4" YValue="20" />
+                                <telerik:ScatterBubbleDataPoint BubbleSize="42" XValue="5" YValue="5" />
+                            </telerik:ScatterBubbleSeries.DataPoints>
+                        </telerik:ScatterBubbleSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_ScatterBubbleSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_ScatterBubbleSeries_Demo.xaml.cs
new file mode 100644
index 0000000..8f51608
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Bubble/RadCartesianChart_ScatterBubbleSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_ScatterBubbleSeries_Demo : UserControl
+    {
+        public RadCartesianChart_ScatterBubbleSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_ScatterBubbleSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Bubble/RadCartesianChart_ScatterBubbleSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_ScatterBubbleSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Bubble/RadCartesianChart_ScatterBubbleSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/ChartControls.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/ChartControls.xaml
new file mode 100644
index 0000000..030f9ba
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/ChartControls.xaml
@@ -0,0 +1,32 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.ChartControls"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI">
+
+    <StackPanel>
+        <TextBlock Text="Telerik Chart Controls" Style="{StaticResource PageHeader_Style}"/>
+        <local:MasonryPanelWithProgressiveLoading Style="{StaticResource Panel_Style}">
+            <local:RadCartesianChart_PointSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_ScatterPointSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_LineSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_SplineSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_ScatterLineSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_ScatterSplineSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_StepLineSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_AreaSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_RangeSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_SplineAreaSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_RangeSplineSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_ScatterAreaSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_ScatterSplineAreaSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_StepAreaSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_BarSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_RangeBarSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_BubbleSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_ScatterBubbleSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_CandlestickSeries_Demo HorizontalAlignment="Center"/>
+            <local:RadCartesianChart_OhlcSeries_Demo HorizontalAlignment="Center"/>
+        </local:MasonryPanelWithProgressiveLoading>
+    </StackPanel>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/ChartControls.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/ChartControls.xaml.cs
new file mode 100644
index 0000000..696331e
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/ChartControls.xaml.cs
@@ -0,0 +1,23 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+using Telerik.Windows.Data;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class ChartControls : UserControl
+    {
+        public ChartControls()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_CandlestickSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_CandlestickSeries_Demo.xaml
new file mode 100644
index 0000000..4b2c27f
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_CandlestickSeries_Demo.xaml
@@ -0,0 +1,40 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_CandlestickSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (CandlestickSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:CandlestickSeries>
+                            <telerik:CandlestickSeries.DataPoints>
+                                <telerik:OhlcDataPoint Category="Monday" Open="5" Close="4" Low="2" High="10" />
+                                <telerik:OhlcDataPoint Category="Tuseday" Open="10" Close="8" Low="7" High="12"/>
+                                <telerik:OhlcDataPoint Category="Wednesday" Open="6" Close="8" Low="5" High="9"/>
+                                <telerik:OhlcDataPoint Category="Thursday" Open="3" Close="7" Low="3" High="8"/>
+                                <telerik:OhlcDataPoint Category="Friday" Open="5" Close="6" Low="4" High="7"/>
+                            </telerik:CandlestickSeries.DataPoints>
+                        </telerik:CandlestickSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_CandlestickSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_CandlestickSeries_Demo.xaml.cs
new file mode 100644
index 0000000..d9d0374
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_CandlestickSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_CandlestickSeries_Demo : UserControl
+    {
+        public RadCartesianChart_CandlestickSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_CandlestickSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Financial/RadCartesianChart_CandlestickSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_CandlestickSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Financial/RadCartesianChart_CandlestickSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_OhlcSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_OhlcSeries_Demo.xaml
new file mode 100644
index 0000000..1b35b39
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_OhlcSeries_Demo.xaml
@@ -0,0 +1,41 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_OhlcSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (OhlcSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:OhlcSeries>
+                            <telerik:OhlcSeries.DataPoints>
+                                <telerik:OhlcDataPoint Category="Monday" Open="5" Close="4" Low="2" High="10" />
+                                <telerik:OhlcDataPoint Category="Tuseday" Open="10" Close="8" Low="7" High="12"/>
+                                <telerik:OhlcDataPoint Category="Wednesday" Open="6" Close="8" Low="5" High="9"/>
+                                <telerik:OhlcDataPoint Category="Thursday" Open="3" Close="7" Low="3" High="8"/>
+                                <telerik:OhlcDataPoint Category="Friday" Open="5" Close="6" Low="4" High="7"/>
+                            </telerik:OhlcSeries.DataPoints>
+                        </telerik:OhlcSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
+
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_OhlcSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_OhlcSeries_Demo.xaml.cs
new file mode 100644
index 0000000..6e11563
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Financial/RadCartesianChart_OhlcSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_OhlcSeries_Demo : UserControl
+    {
+        public RadCartesianChart_OhlcSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_OhlcSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Financial/RadCartesianChart_OhlcSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_OhlcSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Financial/RadCartesianChart_OhlcSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_LineSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_LineSeries_Demo.xaml
new file mode 100644
index 0000000..f66e474
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_LineSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_LineSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (LineSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:LineSeries>
+                            <telerik:LineSeries.DataPoints>
+                                <telerik:CategoricalDataPoint Category="January" Value="2" />
+                                <telerik:CategoricalDataPoint Category="February" Value="5" />
+                                <telerik:CategoricalDataPoint Category="March" Value="3" />
+                                <telerik:CategoricalDataPoint Category="April" Value="10" />
+                                <telerik:CategoricalDataPoint Category="May" Value="9" />
+                                <telerik:CategoricalDataPoint Category="June" Value="7" />
+                                <telerik:CategoricalDataPoint Category="July" Value="1" />
+                            </telerik:LineSeries.DataPoints>
+                        </telerik:LineSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_LineSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_LineSeries_Demo.xaml.cs
new file mode 100644
index 0000000..74f5e5a
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_LineSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_LineSeries_Demo : UserControl
+    {
+        public RadCartesianChart_LineSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_LineSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_LineSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_LineSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_LineSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterLineSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterLineSeries_Demo.xaml
new file mode 100644
index 0000000..567c4d7
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterLineSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_ScatterLineSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (ScatterLineSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:LinearAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:ScatterLineSeries>
+                            <telerik:ScatterLineSeries.DataPoints>
+                                <telerik:ScatterDataPoint XValue="0" YValue="2" />
+                                <telerik:ScatterDataPoint XValue="1" YValue="5" />
+                                <telerik:ScatterDataPoint XValue="2" YValue="3" />
+                                <telerik:ScatterDataPoint XValue="3" YValue="10" />
+                                <telerik:ScatterDataPoint XValue="4" YValue="9" />
+                                <telerik:ScatterDataPoint XValue="5" YValue="7" />
+                                <telerik:ScatterDataPoint XValue="6" YValue="1" />
+                            </telerik:ScatterLineSeries.DataPoints>
+                        </telerik:ScatterLineSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterLineSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterLineSeries_Demo.xaml.cs
new file mode 100644
index 0000000..524c791
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterLineSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_ScatterLineSeries_Demo : UserControl
+    {
+        public RadCartesianChart_ScatterLineSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_ScatterLineSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_ScatterLineSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_ScatterLineSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_ScatterLineSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterSplineSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterSplineSeries_Demo.xaml
new file mode 100644
index 0000000..141b705
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterSplineSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_ScatterSplineSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (ScatterSplineSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:LinearAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:ScatterSplineSeries>
+                            <telerik:ScatterSplineSeries.DataPoints>
+                                <telerik:ScatterDataPoint XValue="0" YValue="2" />
+                                <telerik:ScatterDataPoint XValue="1" YValue="5" />
+                                <telerik:ScatterDataPoint XValue="2" YValue="3" />
+                                <telerik:ScatterDataPoint XValue="3" YValue="10" />
+                                <telerik:ScatterDataPoint XValue="4" YValue="9" />
+                                <telerik:ScatterDataPoint XValue="5" YValue="7" />
+                                <telerik:ScatterDataPoint XValue="6" YValue="1" />
+                            </telerik:ScatterSplineSeries.DataPoints>
+                        </telerik:ScatterSplineSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterSplineSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterSplineSeries_Demo.xaml.cs
new file mode 100644
index 0000000..7209f5f
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_ScatterSplineSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_ScatterSplineSeries_Demo : UserControl
+    {
+        public RadCartesianChart_ScatterSplineSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_ScatterSplineSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_ScatterSplineSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_ScatterSplineSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_ScatterSplineSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_SplineSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_SplineSeries_Demo.xaml
new file mode 100644
index 0000000..7a6055f
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_SplineSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_SplineSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (SplineSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:SplineSeries>
+                            <telerik:SplineSeries.DataPoints>
+                                <telerik:CategoricalDataPoint Category="January" Value="2" />
+                                <telerik:CategoricalDataPoint Category="February" Value="5" />
+                                <telerik:CategoricalDataPoint Category="March" Value="3" />
+                                <telerik:CategoricalDataPoint Category="April" Value="10" />
+                                <telerik:CategoricalDataPoint Category="May" Value="9" />
+                                <telerik:CategoricalDataPoint Category="June" Value="7" />
+                                <telerik:CategoricalDataPoint Category="July" Value="1" />
+                            </telerik:SplineSeries.DataPoints>
+                        </telerik:SplineSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_SplineSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_SplineSeries_Demo.xaml.cs
new file mode 100644
index 0000000..3df202f
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_SplineSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_SplineSeries_Demo : UserControl
+    {
+        public RadCartesianChart_SplineSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_SplineSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_SplineSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_SplineSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_SplineSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_StepLineSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_StepLineSeries_Demo.xaml
new file mode 100644
index 0000000..212f9e4
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_StepLineSeries_Demo.xaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_StepLineSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (StepLineSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:StepLineSeries>
+                            <telerik:StepLineSeries.DataPoints>
+                                <telerik:CategoricalDataPoint Category="January" Value="2" />
+                                <telerik:CategoricalDataPoint Category="February" Value="5" />
+                                <telerik:CategoricalDataPoint Category="March" Value="3" />
+                                <telerik:CategoricalDataPoint Category="April" Value="10" />
+                                <telerik:CategoricalDataPoint Category="May" Value="9" />
+                                <telerik:CategoricalDataPoint Category="June" Value="7" />
+                                <telerik:CategoricalDataPoint Category="July" Value="1" />
+                            </telerik:StepLineSeries.DataPoints>
+                        </telerik:StepLineSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_StepLineSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_StepLineSeries_Demo.xaml.cs
new file mode 100644
index 0000000..1f03013
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Line/RadCartesianChart_StepLineSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_StepLineSeries_Demo : UserControl
+    {
+        public RadCartesianChart_StepLineSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_StepLineSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_StepLineSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_StepLineSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Line/RadCartesianChart_StepLineSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_PointSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_PointSeries_Demo.xaml
new file mode 100644
index 0000000..7b33d52
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_PointSeries_Demo.xaml
@@ -0,0 +1,47 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_PointSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (PointSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:CategoricalAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:PointSeries>
+                            <telerik:PointSeries.PointTemplate>
+                                <DataTemplate>
+                                    <Ellipse Fill="#FF67AAD3" Width="10" Height="10"/>
+                                </DataTemplate>
+                            </telerik:PointSeries.PointTemplate>
+                            <telerik:PointSeries.DataPoints>
+                                <telerik:CategoricalDataPoint Category="January" Value="2" />
+                                <telerik:CategoricalDataPoint Category="February" Value="5" />
+                                <telerik:CategoricalDataPoint Category="March" Value="3" />
+                                <telerik:CategoricalDataPoint Category="April" Value="10" />
+                                <telerik:CategoricalDataPoint Category="May" Value="9" />
+                                <telerik:CategoricalDataPoint Category="June" Value="7" />
+                                <telerik:CategoricalDataPoint Category="July" Value="1" />
+                            </telerik:PointSeries.DataPoints>
+                        </telerik:PointSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_PointSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_PointSeries_Demo.xaml.cs
new file mode 100644
index 0000000..148bfb3
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_PointSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_PointSeries_Demo : UserControl
+    {
+        public RadCartesianChart_PointSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_PointSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Point/RadCartesianChart_PointSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_PointSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Point/RadCartesianChart_PointSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_ScatterPointSeries_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_ScatterPointSeries_Demo.xaml
new file mode 100644
index 0000000..6361413
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_ScatterPointSeries_Demo.xaml
@@ -0,0 +1,47 @@
+<UserControl
+    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_ScatterPointSeries_Demo"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI"
+	xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
+
+    <ContentControl Style="{StaticResource Chart_Card_Style}">
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <ContentControl Content="RadCartesianChart (ScatterPointSeries)" Foreground="#FFFF657F" Background="#FFCB8591" Style="{StaticResource HeaderControl_Style}"/>
+            <Grid Grid.Row="1">
+                <telerik:RadCartesianChart>
+                    <telerik:RadCartesianChart.HorizontalAxis>
+                        <telerik:LinearAxis/>
+                    </telerik:RadCartesianChart.HorizontalAxis>
+                    <telerik:RadCartesianChart.VerticalAxis>
+                        <telerik:LinearAxis />
+                    </telerik:RadCartesianChart.VerticalAxis>
+                    <telerik:RadCartesianChart.Series>
+                        <telerik:ScatterPointSeries>
+                            <telerik:ScatterPointSeries.PointTemplate>
+                                <DataTemplate>
+                                    <Ellipse Fill="#FF67AAD3" Width="10" Height="10"/>
+                                </DataTemplate>
+                            </telerik:ScatterPointSeries.PointTemplate>
+                            <telerik:ScatterPointSeries.DataPoints>
+                                <telerik:ScatterDataPoint XValue="0" YValue="2" />
+                                <telerik:ScatterDataPoint XValue="1" YValue="5" />
+                                <telerik:ScatterDataPoint XValue="2" YValue="3" />
+                                <telerik:ScatterDataPoint XValue="3" YValue="10" />
+                                <telerik:ScatterDataPoint XValue="4" YValue="9" />
+                                <telerik:ScatterDataPoint XValue="5" YValue="7" />
+                                <telerik:ScatterDataPoint XValue="6" YValue="1" />
+                            </telerik:ScatterPointSeries.DataPoints>
+                        </telerik:ScatterPointSeries>
+                    </telerik:RadCartesianChart.Series>
+                </telerik:RadCartesianChart>
+            </Grid>
+            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF657F" Style="{StaticResource ButtonViewSource_Style}"/>
+        </Grid>
+    </ContentControl>
+</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_ScatterPointSeries_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_ScatterPointSeries_Demo.xaml.cs
new file mode 100644
index 0000000..a4775fc
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/ChartControls/Point/RadCartesianChart_ScatterPointSeries_Demo.xaml.cs
@@ -0,0 +1,38 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Data;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Navigation;
+
+namespace OpenSilver.Samples.TelerikUI
+{
+    public partial class RadCartesianChart_ScatterPointSeries_Demo : UserControl
+    {
+        public RadCartesianChart_ScatterPointSeries_Demo()
+        {
+            this.InitializeComponent();
+        }
+        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
+        {
+            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
+            {
+                new ViewSourceButtonInfo()
+                {
+                    TabHeader = "RadCartesianChart_ScatterPointSeries_Demo.xaml",
+                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Point/RadCartesianChart_ScatterPointSeries_Demo.xaml"
+                },
+                new ViewSourceButtonInfo()
+                {
+                     TabHeader = "RadCartesianChart_ScatterPointSeries_Demo.xaml.cs",
+                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/Point/RadCartesianChart_ScatterPointSeries_Demo.xaml.cs"
+                }
+            });
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Common/ViewModelBase.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Common/ViewModelBase.cs
new file mode 100644
index 0000000..559b5e8
--- /dev/null
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Common/ViewModelBase.cs
@@ -0,0 +1,19 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace OpenSilver.Samples.TelerikUI.Samples.Common
+{
+    public class ViewModelBase : INotifyPropertyChanged
+    {
+        public event PropertyChangedEventHandler PropertyChanged;
+
+        protected void OnPropertyChanged(string propertyName)
+        {
+            if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
+        }
+    }
+}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/Controls.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/Controls.xaml
index bbe44a0..cd38689 100644
--- a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/Controls.xaml
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/Controls.xaml
@@ -43,7 +43,6 @@
             <local:RadDatePicker_Demo HorizontalAlignment="Center"/>
 
             <local:RadRichTextBox_Demo HorizontalAlignment="Center"/>
-            <local:RadCartesianChart_Demo HorizontalAlignment="Center"/>
             <local:RadScheduleView_Demo HorizontalAlignment="Center"/>
             <local:RadMap_Demo HorizontalAlignment="Center"/>
 
@@ -53,7 +52,6 @@
             <local:RadDocking_Demo HorizontalAlignment="Center"/>
             <local:RadRibbonView_Demo HorizontalAlignment="Center"/>
             <local:RadTreeListView_Demo HorizontalAlignment="Center"/>
-
         </local:MasonryPanelWithProgressiveLoading>
     </StackPanel>
 </UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/RadCartesianChart_Demo.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/RadCartesianChart_Demo.xaml
deleted file mode 100644
index a441a6b..0000000
--- a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/RadCartesianChart_Demo.xaml
+++ /dev/null
@@ -1,86 +0,0 @@
-<UserControl
-    x:Class="OpenSilver.Samples.TelerikUI.RadCartesianChart_Demo"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
-    xmlns:charts="Telerik.Windows.Controls.ChartView"
-    xmlns:local="clr-namespace:OpenSilver.Samples.TelerikUI">
-
-    <ContentControl Style="{StaticResource Card_Style}" Height="430" Width="750">
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto"/>
-                <RowDefinition Height="*"/>
-                <RowDefinition Height="Auto"/>
-            </Grid.RowDefinitions>
-            <ContentControl Content="Rad Cartesian chart" Foreground="#FFFF7065" Background="#FFD5928F" Style="{StaticResource HeaderControl_Style}"/>
-            <StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
-                <!--Commented out because it causes an exception-->
-                <!--<telerik:RadCartesianChart x:Name="ReferenceGraph" HorizontalAlignment="Left" Margin="10,18,0,0" Background="Gray" VerticalAlignment="Top" Height="400" Width="730" BorderThickness="0" Visibility="Visible">
-                    <telerik:RadCartesianChart.Grid>
-                        <telerik:CartesianChartGrid MajorYLineDashArray="5, 2" MajorLinesVisibility="Y" MajorYLinesRenderMode="All" >
-                            <telerik:CartesianChartGrid.MajorYLineStyle>
-                                <Style TargetType="Line">
-                                    <Setter Property="Stroke" Value="LightGray"/>
-                                </Style>
-                            </telerik:CartesianChartGrid.MajorYLineStyle>
-                        </telerik:CartesianChartGrid>
-                    </telerik:RadCartesianChart.Grid>
-                    <telerik:RadCartesianChart.Behaviors>
-                        <telerik:ChartTrackBallBehavior  
-                         ShowIntersectionPoints="True" 
-                         ShowTrackInfo="True" 
-                         SnapMode="ClosestPoint"/>
-                    </telerik:RadCartesianChart.Behaviors>
-                    <telerik:RadCartesianChart.HorizontalAxis>
-                        <telerik:DateTimeCategoricalAxis x:Name="XAxis" FontFamily="Calibri" FontSize="10" LabelFitMode="Rotate" SmartLabelsMode="SmartStep" LabelFormat="M/d/yyyy" LineStroke="LightGray" MajorTickInterval="10">
-                            <telerik:DateTimeCategoricalAxis.MajorTickStyle>
-                                <Style TargetType="Rectangle">
-                                    <Setter Property="Fill" Value="LightGray" />
-                                    <Setter Property="MaxHeight" Value="4"/>
-                                    <Setter Property="MaxWidth" Value="1"/>
-                                    <Setter Property="VerticalAlignment" Value="Bottom"/>
-                                </Style>
-                            </telerik:DateTimeCategoricalAxis.MajorTickStyle>
-                        </telerik:DateTimeCategoricalAxis>
-                    </telerik:RadCartesianChart.HorizontalAxis>
-                    <telerik:RadCartesianChart.VerticalAxis>
-                        <telerik:LinearAxis x:Name="YAxis" FontFamily="Calibri" FontSize="10" LineStroke="LightGray">
-                            <telerik:LinearAxis.MajorTickStyle>
-                                <Style TargetType="Rectangle">
-                                    <Setter Property="Fill" Value="LightGray" />
-                                    <Setter Property="MaxHeight" Value="1"/>
-                                    <Setter Property="MaxWidth" Value="4"/>
-                                    <Setter Property="HorizontalAlignment" Value="Right"/>
-                                </Style>
-                            </telerik:LinearAxis.MajorTickStyle>
-                        </telerik:LinearAxis>
-                    </telerik:RadCartesianChart.VerticalAxis>
-                    <charts:LineSeries Stroke="OrangeRed" ZIndex="1" Background="Black" ItemsSource="{Binding}" CategoryBinding="XValue" ValueBinding="YValue">
-                        <telerik:LineSeries.TrackBallInfoTemplate>
-                            <DataTemplate>
-                                <StackPanel Orientation="Vertical" Width="90">
-                                    <TextBlock Foreground="OrangeRed" Text="{Binding DataPoint.Category, StringFormat=Date: \{0:d\} }" FontFamily="Calibri" FontSize="12" />
-                                    <TextBlock Foreground="OrangeRed" Text="{Binding DataPoint.Value, StringFormat=Close: \{0:0.00\} }"  FontFamily="Calibri" FontSize="12"/>
-                                </StackPanel>
-                            </DataTemplate>
-                        </telerik:LineSeries.TrackBallInfoTemplate>
-                    </charts:LineSeries>
-                    <charts:AreaSeries x:Name="LeftRange" ZIndex="10" Fill="Black" ItemsSource="{Binding}" CategoryBinding="XValue" ValueBinding="YValue" Opacity=".4">
-                        <telerik:AreaSeries.TrackBallInfoTemplate>
-                            <DataTemplate/>
-                        </telerik:AreaSeries.TrackBallInfoTemplate>
-                    </charts:AreaSeries>
-                    <charts:AreaSeries x:Name="RightRange" ZIndex="10" Fill="Black" ItemsSource="{Binding}" CategoryBinding="XValue" ValueBinding="YValue" Opacity=".4">
-                        <telerik:AreaSeries.TrackBallInfoTemplate>
-                            <DataTemplate/>
-                        </telerik:AreaSeries.TrackBallInfoTemplate>
-                    </charts:AreaSeries>
-                </telerik:RadCartesianChart>
-                <Button Content="Apply Non-Graphic Selection Method" Margin="0,20,0,0" Click="Button_Click" HorizontalAlignment="Left"/>-->
-            </StackPanel>
-
-            <Button Grid.Row="2" Content="VIEW SOURCE..." Click="ButtonViewSource_Click" Background="#FFFF7065" Style="{StaticResource ButtonViewSource_Style}"/>
-        </Grid>
-    </ContentControl>
-</UserControl>
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/RadCartesianChart_Demo.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/RadCartesianChart_Demo.xaml.cs
deleted file mode 100644
index 06a670e..0000000
--- a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/RadCartesianChart_Demo.xaml.cs
+++ /dev/null
@@ -1,96 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Linq;
-using System.Windows;
-using System.Windows.Controls;
-using System.Windows.Controls.Primitives;
-using System.Windows.Data;
-using System.Windows.Input;
-using System.Windows.Media;
-using System.Windows.Navigation;
-using Telerik.Windows.Data;
-
-namespace OpenSilver.Samples.TelerikUI
-{
-    public partial class RadCartesianChart_Demo : UserControl
-    {
-        /*
-        public class DTPoint
-        {
-            public DateTime XValue { get; set; }
-            public double YValue { get; set; }
-        }
-
-        static Random random = new Random();
-        private RadObservableCollection<DTPoint> centerAvgGraph = new RadObservableCollection<DTPoint>();
-        private float MaxScale, MinScale;
-        private double MaxY;
-
-        public RadCartesianChart_Demo()
-        {
-            this.InitializeComponent();
-            Loaded += SetReferencePeriod_Loaded; 
-        }
-
-        private void SetReferencePeriod_Loaded(object sender, RoutedEventArgs e)
-        {
-            ReferenceGraph.Series[0].ItemsSource = centerAvgGraph;
-            MaxScale = 300;
-            MaxY = MaxScale + 10.0;
-            displayGraph();
-        }
-
-        private void Button_Click(object sender, RoutedEventArgs e)
-        {
-            displayGraph();
-        }
-
-        private void displayGraph()
-        {
-            centerAvgGraph.Clear();
-            centerAvgGraph = GenerateRandomSerie(10, new DateTime(2000, 1, 1));
-            XAxis.MajorTickInterval = 2;
-            MaxY = MaxScale + 10.0;
-            YAxis.Maximum = MaxY;
-            ReferenceGraph.Series[0].ItemsSource = centerAvgGraph;
-            ReferenceGraph.Series[1].ItemsSource = GenerateRandomSerie(5, new DateTime(2000, 1, 1));
-            ReferenceGraph.Series[2].ItemsSource = GenerateRandomSerie(5, new DateTime(2000, 6, 1));
-        }
-
-        private RadObservableCollection<DTPoint> GenerateRandomSerie(int size, DateTime initialDateTime, double minValue = 0, double maxValue = 300, int intervalBetweenPoints = 1)
-        {
-            RadObservableCollection<DTPoint> serie = new RadObservableCollection<DTPoint>();
-            DateTime currentDate = initialDateTime;
-            Random rd = new Random(random.Next());
-            for (int i = 0; i < size; i++)
-            {
-                DTPoint point = new DTPoint
-                {
-                    XValue = currentDate,
-                    YValue = rd.NextDouble() * (maxValue - minValue) + minValue,
-                };
-                serie.Add(point);
-                currentDate = currentDate.AddMonths(intervalBetweenPoints);
-            }
-            return serie;
-        }
-        */
-        private void ButtonViewSource_Click(object sender, RoutedEventArgs e)
-        {
-            ViewSourceButtonHelper.ViewSource(new List<ViewSourceButtonInfo>()
-            {
-                new ViewSourceButtonInfo()
-                {
-                    TabHeader = "RadCartesianChart_Demo.xaml",
-                    FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/RadCartesianChart_Demo.xaml"
-                },
-                new ViewSourceButtonInfo()
-                {
-                     TabHeader = "RadCartesianChart_Demo.xaml.cs",
-                     FilePathOnGitHub = "github/OpenSilver/OpenSilver.Samples.TelerikUI/blob/master/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Controls/RadCartesianChart/RadCartesianChart_Demo.xaml.cs"
-                }
-            });
-        }
-    }
-}
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Welcome.xaml b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Welcome.xaml
index ebf9a5b..690c7f5 100644
--- a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Welcome.xaml
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Welcome.xaml
@@ -43,9 +43,10 @@
                      </Hyperlink>
                     </Span>
             </TextBlock>
-
-            <Button Content="Continue to the demos" FontSize="16" FontWeight="Bold" Background="#FF2299A1" Padding="10,6" Foreground="White" Style="{StaticResource FlatButtonStyle}" HorizontalAlignment="Left" Margin="25,30,0,0" Click="ButtonToContinue_Click"/>
-
+            <StackPanel Orientation="Horizontal">
+                <Button Content="Continue to UI Controls" FontSize="16" FontWeight="Bold" Background="#FF2299A1" Padding="10,6" Foreground="White" Style="{StaticResource FlatButtonStyle}" HorizontalAlignment="Left" Margin="25,30,0,0" Click="ButtonContinueUIControls_Click"/>
+                <Button Content="Continue to Chart Controls" FontSize="16" FontWeight="Bold" Background="#FF2299A1" Padding="10,6" Foreground="White" Style="{StaticResource FlatButtonStyle}" HorizontalAlignment="Left" Margin="25,30,0,0" Click="ButtonContinueChartsControls_Click"/>
+            </StackPanel>
         </StackPanel>
     </Border>
 </UserControl>
\ No newline at end of file
diff --git a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Welcome.xaml.cs b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Welcome.xaml.cs
index da16089..837e93f 100644
--- a/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Welcome.xaml.cs
+++ b/OpenSilver.Samples.TelerikUI/OpenSilver.Samples.TelerikUI/Samples/Welcome.xaml.cs
@@ -19,9 +19,13 @@ public Welcome()
             this.InitializeComponent();
         }
 
-        private void ButtonToContinue_Click(object sender, RoutedEventArgs e)
+        private void ButtonContinueUIControls_Click(object sender, RoutedEventArgs e)
         {
             MainPage.Current.NavigateToPage("/Controls");
         }
+        private void ButtonContinueChartsControls_Click(object sender, RoutedEventArgs e)
+        {
+            MainPage.Current.NavigateToPage("/ChartControls");
+        }
     }
 }