Mabdelbaki37

@Mabdelbaki37·2 public vizzes

Fork of Exercise 1: SVG Fundamentals

An animated SVG landscape depicts a sunrise-to-sunset cycle over layered terrain. The code uses a `<radialGradient>` sky backdrop and two `<linearGradient>` landmasses, with `animate` tags on gradient stops and a `circle` element to move the sun vertically over 15 seconds. The scene renders entirely in SVG, with paths defining the curved hills and a repeating timeline for the color and position transitions.

Mar 10, 2023

Loading thumbnail…

SVG Fundmentals

This example demonstrates foundational SVG shapes and styling within a React-based visualization context. It shows three vector elements on a 960×500 canvas: two circles with different fill and stroke treatments, and a thick navy line. The code uses plain SVG markup with attributes like `cx`, `cy`, `r`, `fill`, and `stroke-width` to control geometry and appearance. It highlights how basic primitives—circle and line—are composed to build visual elements, serving as a minimal introduction to SVG for data-driven graphics.

Mar 10, 2023