Skip to main content
🔗 Unlisted

Share visualization

Send this visualization to others.

#Utrecht2024: SVG

Unlisted visualization

Anyone with the link can view this unlisted visualization. Posting it publicly will make the link discoverable.

Viewing a saved revision (read-only)

9a93190802674826a93bc22a444718d7

#Utrecht2024: SVG

0 stars1🔗 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