Sadhana Arunkumar

@sadhana2011·2 public vizzes

Sadhana_SVG

This example presents a hand-coded SVG composition featuring a set of basic geometric shapes. It shows an empty circle, a stylized archery target with concentric black, lightblue, red, and yellow rings, a gold rectangle with a black stroke, a vertical navy line, and a purple path that combines arcs and quadratic Bézier curves. The page loads directly in HTML with no external libraries, using raw SVG elements like `circle`, `rect`, `line`, and `path` within a large 150,000-pixel viewport. It relies entirely on native SVG markup and CSS-like presentation attributes for its rendering.

Feb 13, 2023

Loading thumbnail…

SVG fundamentals_Episode 1

This example demonstrates the foundational structure of an SVG-based data visualization page. It renders a minimal HTML document that links to external CSS and JavaScript resources, establishing the scaffolding for drawing with SVG elements. The code relies on standard browser technologies—HTML, CSS, and JavaScript—without any external data sets or charting libraries. The page currently contains only the document skeleton with an empty body, serving as a starter template for future SVG graphics. The implementation uses raw markup and scripting rather than a framework, though the accompanying README references a React starter alternative for comparison.

Feb 2, 2023