Kiranmayi Vadlamudi

@KiranmayiV·2 public vizzes

Fork of SVG Fundamentals

This fork of SVG Fundamentals demonstrates basic vector graphics primitives within an HTML `<svg>` element, using no external JavaScript libraries. The example shows overlapping red and green circles, a diagonal navy line, a complex `path` with cubic Bézier curve commands, and a stroked two-segment path, though the yellow rectangle is commented out. The SVG markup is paired with minimal embedded CSS that removes page margins and hides overflow. The rendering relies entirely on native SVG shape elements and attributes like `cx`, `cy`, `r`, `x1`, `y1`, `d`, and `stroke-width`.

Sep 10, 2022

Loading thumbnail…

SVG Exercise

This example uses React and renders a static SVG scene directly in HTML, demonstrating basic shapes like rectangles, polygons, circles, and lines. The image depicts a night sky with stars, a large moon, a grassy field, and a small tree, all created with hard-coded SVG attributes. The code relies on standard SVG elements as part of the React component's output, with minimal CSS for text styling. No data or external libraries are used; the visualization is purely an exercise in manual SVG positioning and styling within a single HTML file.

Sep 8, 2022