Binding Coordinates to Ellipse in WPF - XAML - wpf

Question

I have an ItemsControl which binds two ObservableCollections called NetworkMain.Conduits and NetworkMain.Nodes as lines and ellipses.
The following XAML is working well, but there are a couple of issues I want to address.
<ItemsControl x:Name="MainPanel">
<ItemsControl.Resources>
<CollectionViewSource x:Key="ConduitLines" Source="{Binding Path=NetworkMain.Conduits}"></CollectionViewSource>
<CollectionViewSource x:Key="NodeCircles" Source="{Binding Path=NetworkMain.Nodes}"></CollectionViewSource>
<DataTemplate DataType="{x:Type cad:Conduits}">
<Line Stroke="Yellow"
StrokeThickness="2"
X1="{Binding X1, Mode=OneWay, Converter={StaticResource XcoordinatesCoverter}}"
X2="{Binding X2, Mode=OneWay, Converter={StaticResource XcoordinatesCoverter}}"
Y1="{Binding Y1, Mode=OneWay, Converter={StaticResource YcoordinatesCoverter}}"
Y2="{Binding Y2, Mode=OneWay, Converter={StaticResource YcoordinatesCoverter}}">
</Line>
</DataTemplate>
<DataTemplate DataType="{x:Type cad:Nodes}">
<Ellipse
Width="20"
Height="20"
Stroke="Blue"
Fill="Blue"
StrokeThickness="4">
</Ellipse>
</DataTemplate>
</ItemsControl.Resources>
<ItemsControl.ItemsSource>
<CompositeCollection>
<CollectionContainer Collection="{Binding Source={StaticResource ConduitLines}}"></CollectionContainer>
<CollectionContainer Collection="{Binding Source={StaticResource NodeCircles}}"></CollectionContainer>
</CompositeCollection>
</ItemsControl.ItemsSource>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<Canvas
MinHeight="800"
Background="Black"
ClipToBounds="true">
</Canvas>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemContainerStyle>
<Style>
<Setter
Property="Canvas.Left" Value="{Binding Path=X, Mode=OneWay, Converter={StaticResource XcoordinatesCoverter}, ConverterParameter=20}" />
<Setter
Property="Canvas.Top" Value="{Binding Path=Y, Mode=OneWay, Converter={StaticResource YcoordinatesCoverter}, ConverterParameter=20}" />
</Style>
</ItemsControl.ItemContainerStyle>
</ItemsControl>
I don't really understand the <ItemsControl.ItemContainerStyle> section which binds the Ellipse coordinates. Unfortunately it fires for both the conduits and nodes, which means I get a load of binding errors as conduits don't contain variables X and Y, as they use X1, X2, Y1, Y2.
I want to remove <ItemsControl.ItemContainerStyle> and update my Ellipse DataTemplate to this.
<ItemsControl.Resources>
<CollectionViewSource x:Key="ConduitLines" Source="{Binding Path=NetworkMain.Conduits}"></CollectionViewSource>
<CollectionViewSource x:Key="NodeCircles" Source="{Binding Path=NetworkMain.Nodes}"></CollectionViewSource>
<DataTemplate DataType="{x:Type cad:Conduits}">
<!-- Conduits code removed from clarity -->
</DataTemplate>
<DataTemplate DataType="{x:Type cad:Nodes}">
<Ellipse
Width="10"
Height="10"
Stroke="Blue"
StrokeThickness="4"
Canvas.Left ="{Binding Path=X, Mode=OneWay, Converter={StaticResource XcoordinatesCoverter}}"
Canvas.Top ="{Binding Path=Y, Mode=OneWay, Converter={StaticResource YcoordinatesCoverter}}">
</Ellipse>
</DataTemplate>
</ItemsControl.Resources>
When I do this, all the Nodes bind with coordinates of 0,0.
I don't get any binding errors.
I'm surprised this doesn't work. Any ideas why not?