public static class MultiSeries
{
  #region TitlePath attached property
 
  #region ItemsSourcePath attached property
 
  #region XValuePath attached property
 
  #region YValuePath attached property
 
  #region ChartTypeProvider attached property
 
  #region Source attached property
 
  /// <summary>
  /// Handles property changed event for the Source property
  /// </summary>
  private static void OnSourcePropertyChanged(DependencyObject d,
                                                      DependencyPropertyChangedEventArgs e)
  {
    Chart targetChart = d as Chart;
 
    SynchroniseChartWithSource(targetChart);
 
    IEnumerable Source = GetSource(targetChart);
    INotifyCollectionChanged incc = Source as INotifyCollectionChanged;
    if (incc != null)
    {
      incc.CollectionChanged += (s, e2) => SynchroniseChartWithSource(targetChart);
    }
 
  }
 
  private static void SynchroniseChartWithSource(Chart chart)
  {
    chart.Series.Clear();
 
    IEnumerable Source = GetSource(chart);
    if (Source == null)
      return;
 
    // iterate over each source series
    foreach (object seriesDataSource in Source)
    {
      // create a visiblox chart series
      IChartSeries chartSeries = GetChartTypeProvider(chart).GetSeries(seriesDataSource);
 
      // resolve the ItemsSource path (if present).
      var itemsSourcePath = GetItemsSourcePath(chart);
      IEnumerable itemsSource = null;
      if (!string.IsNullOrEmpty(itemsSourcePath))
      {
        itemsSource = seriesDataSource.GetPropertyValue<IEnumerable>(itemsSourcePath);
      }
      else
      {
        // if not present, assume this is a collection of collections
        itemsSource = seriesDataSource as IEnumerable;
      }
 
      // resolve the title path
      var titlePath = GetTitlePath(chart);
      var seriesTitle = "";
      if (!string.IsNullOrEmpty(titlePath))
      {
        seriesTitle = seriesDataSource.GetPropertyValue<string>(titlePath);
      }
 
      // create the data series, and add to the chart.
      chartSeries.DataSeries = new BindableDataSeries()
      {
        XValueBinding = new Binding(GetXValuePath(chart)),
        YValueBinding = new Binding(GetYValuePath(chart)),
        ItemsSource = itemsSource,
        Title = seriesTitle
      };
      chart.Series.Add(chartSeries);
    }
  }
 
  /// <summary>
  /// Gets the value of the named property.
  /// </summary>
  public static T GetPropertyValue<T>(this object source, string propertyName)
  {
    var property = source.GetType().GetProperty(propertyName);
    if (property == null)
    {
      throw new ArgumentException(string.Format("The property {0} does not exist on the type {1}",
        propertyName, source.GetType()));
    }
    return (T)property.GetValue(source, null);
  }
}

/// <summary>
/// An interface for providing Visiblox chart series.
/// </summary>
public interface IChartTypeProvider
{
  /// <summary>
  /// Creates a suitable chart series for the given data
  /// </summary>
  IChartSeries GetSeries(object boundObject);
}

/// <summary>
/// A ChartTypeProvider that always returns the Visiblox series
/// type that was supplied in the constructor.
/// </summary>
public class DefaultChartTypeProvider : IChartTypeProvider
{
  private Type _seriesType;
 
  public DefaultChartTypeProvider(Type seriesType)
  {
    _seriesType = seriesType;
  }
 
  public IChartSeries GetSeries(object boundObject)
  {
    var ctr = _seriesType.GetConstructor(new Type[] { });
    return (IChartSeries)ctr.Invoke(new object[] { });
  }
}

[TypeConverter(typeof(StringToChartTypeProvider))]
public interface IChartTypeProvider
{
   ...
}
 
/// <summary>
/// A type converter that converts a string into a FixedChartTypeProvider. For example
/// "LineSeries" is converted into a FixedChartTypeProvider which
/// always returns Visblox.Chart.LineSeries instances
/// </summary>
public class StringToChartTypeProvider : TypeConverter
{
  public override object ConvertFrom(ITypeDescriptorContext context,
    CultureInfo culture, object value)
  {
    if (value is string)
    {
      var visibloxAssembly = typeof(Chart).Assembly;
      var seriesType = visibloxAssembly.GetType("Visiblox.Charts." + value.ToString());
      return new DefaultChartTypeProvider(seriesType);
    }
    return base.ConvertFrom(context, culture, value);
  }
 
  public override bool CanConvertFrom(ITypeDescriptorContext context, Type sourceType)
  {
    if (sourceType == typeof(string))
      return true;
 
    return base.CanConvertFrom(context, sourceType);
  }
}

  public MainPage()
  {
    InitializeComponent();
 
    // a collection of collections
    var harmonics = new List<List<Point>>();
 
    // plot each harmonic frequency
    for (int frequency = 1; frequency < 5 ;frequency++)
    {
      // create the upper and lower component
      var upperHarmonic = new List<Point>();
      var lowerHarmonic = new List<Point>();
      for (double phase = 0; phase < Math.PI; phase+= (Math.PI / 100))
      {
        upperHarmonic.Add(new Point(phase, Math.Sin(phase * frequency) + frequency * 2.5));
        lowerHarmonic.Add(new Point(phase, Math.Sin(phase * frequency + Math.PI) + frequency * 2.5));
      }
 
      // add each to the collection
      harmonics.Add(upperHarmonic);
      harmonics.Add(lowerHarmonic);
    }
 
    this.DataContext = harmonics;      
  }
}

<UserControl.Resources>
  <vis:Palette x:Key="palette">
    <Style TargetType="vis:LineSeries">
      <Setter Property="LineStroke" Value="Black"/>
    </Style>
    <Style TargetType="vis:LineSeries">
      <Setter Property="LineStroke" Value="Black"/>
    </Style>
    <Style TargetType="vis:LineSeries">
      <Setter Property="LineStroke" Value="Red"/>
    </Style>
    <Style TargetType="vis:LineSeries">
      <Setter Property="LineStroke" Value="Red"/>
    </Style>
  </vis:Palette>
</UserControl.Resources>
 
<Grid x:Name="LayoutRoot" Background="White">
  <vis:Chart x:Name="chart"
              Palette="{StaticResource palette}"
              LegendVisibility="Collapsed"
              Title="Modes of a vibrating string"               
              local:MultiSeries.ChartTypeProvider="LineSeries"
              local:MultiSeries.XValuePath="X"
              local:MultiSeries.YValuePath="Y"
              local:MultiSeries.Source="{Binding}"/>
</Grid>

public class SalesTypeProvider : IChartTypeProvider
{
  public IChartSeries GetSeries(object boundObject)
  {
    var viewModel = boundObject as SalesTeamViewModel;
    if (viewModel.TeamName == "Target")
      return new LineSeries();
    else
      return new ColumnSeries();
  }
}

<UserControl.Resources>
  <DropShadowEffect x:Key="shadow" Opacity="0.3"/>
 
  <Style TargetType="UIElement" x:Key="collapsedStyle">
    <Setter Property="Visibility" Value="Collapsed"/>
  </Style>
 
  <!-- a base style for column series -->
  <Style TargetType="vis:ColumnSeries" x:Key="columnBaseStyle">
    <Setter Property="PointStroke" Value="White"/>
    <Setter Property="PointStrokeThickness" Value="0.5"/>
    <Setter Property="Effect" Value="{StaticResource shadow}"/>
  </Style>
 
  <!-- a Visiblox palette -->
  <vis:Palette x:Key="palette">
    <Style TargetType="vis:ColumnSeries"
            BasedOn="{StaticResource columnBaseStyle}">
      <Setter Property="PointFill" Value="#4f81bd"/>
    </Style>
    <Style TargetType="vis:ColumnSeries"
            BasedOn="{StaticResource columnBaseStyle}">
      <Setter Property="PointFill" Value="#c0504d"/>
    </Style>
    <Style TargetType="vis:ColumnSeries"
            BasedOn="{StaticResource columnBaseStyle}">
      <Setter Property="PointFill" Value="#9bbb59"/>
    </Style>
    <Style TargetType="vis:LineSeries">
      <Setter Property="LineStroke" Value="#8064a2"/>
      <Setter Property="LineStrokeThickness" Value="4"/>
      <Setter Property="Effect" Value="{StaticResource shadow}"/>
    </Style>
  </vis:Palette>
</UserControl.Resources>
 
<Grid x:Name="LayoutRoot" Background="White"
      util:GridUtils.RowDefinitions=",Auto">
  <vis:Chart x:Name="chart"
              Title="Global Team Sales"
              LegendTitle="Team"
              Palette="{StaticResource palette}"
              local:MultiSeries.XValuePath="Region"
              local:MultiSeries.YValuePath="Sales"
              local:MultiSeries.TitlePath="TeamName"
              local:MultiSeries.ItemsSourcePath="TeamSales"
              local:MultiSeries.Source="{Binding SalesTeams}">
    <local:MultiSeries.ChartTypeProvider>
      <local:SalesTypeProvider/>
    </local:MultiSeries.ChartTypeProvider>
    <vis:Chart.XAxis>
      <vis:CategoryAxis GridlineStyle="{StaticResource collapsedStyle}" />
    </vis:Chart.XAxis>
  </vis:Chart>
 
  <sdk:DataGrid Grid.Row="1"
                ItemsSource="{Binding SalesTeams}"
                AutoGenerateColumns="False">
    <sdk:DataGrid.Columns>
      <sdk:DataGridTextColumn Binding="{Binding TeamName}"
                              Header="Team"
                              IsReadOnly="True"/>
      <sdk:DataGridTextColumn Binding="{Binding [US]}"
                              Header="US"/>
      <sdk:DataGridTextColumn Binding="{Binding [UK]}"
                              Header="UK"/>
      <sdk:DataGridTextColumn Binding="{Binding [Germany]}"
                              Header="Germany"/>
      <sdk:DataGridTextColumn Binding="{Binding [Japan]}"
                              Header="Japan"/>
    </sdk:DataGrid.Columns>
  </sdk:DataGrid>
</Grid>