Rakesh Mahendran

@RakeshMahendran·2 public vizzes

Fork of Exercise 1: SVG Fundamentals

A self-contained SVG scene depicts a sunrise and sunset cycle over a stylized landscape. A radial gradient animates the sky from aliceblue to indigo, while a circle representing the sun moves downward and back using an `<animate>` element. Two layered landscapes use linear gradients and `<path>` elements with quadratic and cubic Bézier curves, with gradient stops that shift color over time. The visualization relies entirely on native SVG and SMIL animations, with no JavaScript libraries or data sources involved.

Jul 22, 2023

Loading thumbnail…

D3-HTML

This example demonstrates the basic structure of an HTML page that integrates SVG graphics created with D3.js. It shows a red circle positioned on an SVG canvas alongside a simple line element, combined with plain HTML text. The code primarily uses the D3.js library version 3 to render the SVG shapes, with the circle and line defined using standard SVG tags within an HTML document. The visualization serves as a minimal illustration of mixing vector graphics with standard web content.

Jul 21, 2023