Skip to main content
100%

#Utrecht2024: SVG

• Draft1🔗 Unlisted
MMatthias Stahl
Last edited Jul 1, 2024
Created on Jun 27, 2024

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 description

Concepts

  • the SVG tag
  • circles
  • lines
  • rectangles
  • paths
MIT Licensed

Similar vizzes