humameer07@gmail.com

@Huma07·2 public vizzes

SVG fundamentals

This example demonstrates a minimal SVG rendering of a single circle positioned at coordinates (50, 50) with a radius of 50. It illustrates the basic structure of an SVG element embedded directly in an HTML document, using native SVG circle markup without any JavaScript libraries. The rendering relies on the browser’s built-in SVG support, with the circle drawn in black as the default fill. The code serves as a foundational starter template for understanding how SVG shapes are declared and displayed in a web page.

Aug 8, 2024

Loading thumbnail…

Huma's Data Visualization Startup

This example shows a static arrangement of nine colored circles, each with a thick contrasting outline, displayed on a warm bisque background. The circles are positioned in a loose, scattered cluster rather than a structured layout, creating a playful visual composition. The visualization is hand-coded directly in an SVG element inside an HTML document, using basic SVG circle elements with explicit x and y coordinates. No JavaScript libraries or data-processing frameworks are used, as the rendering relies entirely on static SVG markup.

Aug 23, 2023