#Utrecht2024: SVG
• Draft1🔗 Unlisted
This example demonstrates basic SVG shape rendering using Svelte, showing circles, a rounded rectangle, and a triangular path with a rotation transform. The visualization features overlapping coral circles with opacity, a black rounded rectangle, and a pink triangle with a blue stroke, all composed within a bordered 500x500 SVG canvas. The code uses native SVG elements directly in a Svelte component, with the d3 library available as a dependency but not utilized in the visual output. Styling centers the graphic and adds a black border with rounded corners to the SVG container.
AI-generated descriptionConcepts
- the SVG tag
- circles
- lines
- rectangles
- paths
MIT Licensed