How to add children to a canvas dynamically in mvvm?

I have the following Canvas:

<Canvas x:Name="NozzleCanvasNBD_"   Width="{Binding NozzleCanvasNBDWidth}" Height="{Binding NozzleCanvasNBDHeight}"><TextBlock Text="0" x:Name="zeroDegreeCanvasBD" Canvas.Left="255" Canvas.Top="457" Panel.ZIndex="1"/><TextBlock Text="90" x:Name="ninetyDegreeCanvasBD" Canvas.Left="{Binding ninetyDegreeCanvasBDLeft}" Canvas.Top="232" Panel.ZIndex="2"/><TextBlock Text="180" x:Name="oneEigthyDegreeCanvasBD" Canvas.Left="{Binding oneEigthyDegreeCanvasBDLeft}" Canvas.Top="23" Panel.ZIndex="3"/><TextBlock Text="270" x:Name="twoSeventyCanvasBD" Canvas.Left="{Binding twoSeventyCanvasBDLeft}" Canvas.Top="228" Panel.ZIndex="4"/><Thumb x:Name="mythumbBD_" Canvas.Left="{Binding mythumbLeftBD}" Canvas.Top="{Binding mythumbTopBD}" Background="{Binding mythumbBackground}" Width="20"
                                                       Height="20" Panel.ZIndex="200"><i:Interaction.Triggers><i:EventTrigger EventName="DragDelta"><light:EventToCommand Command="{Binding onDragDeltaBDCmd}" PassEventArgsToCommand="True" /></i:EventTrigger><i:EventTrigger EventName="DragStarted"><light:EventToCommand Command="{Binding onDragStartedCmd}" /></i:EventTrigger><i:EventTrigger EventName="DragCompleted"><light:EventToCommand Command="{Binding onDragCompletedCmd}" /></i:EventTrigger></i:Interaction.Triggers></Thumb><Ellipse x:Name="BD_ellipse" Width="{Binding BD_ellipseWidth}" Height="{Binding BD_ellipseHeight}" Stroke="Red" Fill="White" Canvas.Left="{Binding BD_ellipseLeft}" Canvas.Top="{Binding BD_ellipseLeft}"/></Canvas>

And I used to add ellipse, etc as follow

                NozzleCanvasNBD_.Children.Add(nozzlesOnBDEllipse[i]);
                NozzleCanvasNBD_.Children.Add(nozzlesOnBDLine[i]);
                NozzleCanvasNBD_.Children.Add(descriptionCanvasBD[i]);

from the code behind. However, I don't know how I would be able to do it in mvvm? Thanks.