Dynamically load svg parts to a common svg image

See more:

Blazor

Hi!
New to Blazor.
This is my objective:
My blazor site is to load a file during startup. The file contains a list of "objects" with unique names & x-y positions.
Each objects from the file has a corresponding razor component with the same type name in my project.

When the file is loaded a collection of razor components is created using its unique types, names and x-y parameters.

On ny page to be rendered there is a loop, iterating my collection and builds the resulting SVG image based on the individual components.
Doable? can a SVG image be built that way?



I have a working knowledge of C#, so my question is more aimed towards the SVG & Blazor parts.

What I have tried:

File example:
Type1:Name1:X:Y
Type1:Name2:X:Y
Type2:Name3:X:Y
Type3:Name4:X:Y