Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Svg exercise

Public visualization

Fork of Svg exercise

1 star0🌍 Public
RRakshith0405
Last edited Jul 2, 2023
Created on Jul 2, 2023
Forked from Svg exercise

This example uses React and inline SVG to render a fixed composition: a red circle centered at (350, 350) with three black lines radiating outward, a navy-bordered rectangle spanning the left region, and the italicized red text "Titan" positioned to the right. The SVG elements are styled using a CSS class defined in the page’s `<style>` block, which sets the text’s font size, fill, stroke, and stroke width. The code directly declares SVG shapes (`circle`, `line`, `rect`, `text`) with explicit coordinate attributes, demonstrating a static vector graphic created without external libraries or data binding.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed