Usman Haider

@usman2806·3 public vizzes

Scatterplot Connected

A simple scatterplot rendered as static SVG elements inside an HTML page. It draws a set of axes and connects a series of data points with straight black lines, each point marked by a filled green circle. The visualization uses raw SVG coordinates directly in the markup, with no JavaScript libraries or data-binding logic, showcasing a minimal, hand-authored approach to chart construction.

Oct 5, 2023

Loading thumbnail…

Fork of SVG Fundamentals

This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and paths—positioned on a fixed 950 by 500 canvas. It shows how to set basic attributes like coordinates, radii, fill colors, and stroke widths directly in markup. The code uses raw SVG elements within an HTML page, with no JavaScript libraries or external data sources, to illustrate static vector graphics rendering in plain CSS and JavaScript context.

Sep 27, 2023

Loading thumbnail…

SVG Fundamentals

This example illustrates the foundational structure of an HTML page, displaying a centered "Hello HTML!" message using a CSS class. The code defines a `.message` style with a large font size and text alignment. It demonstrates basic HTML document setup, including a `<head>` with a `<title>`, embedded `<style>` rules, and a `<body>` containing the styled content. The example uses semantic HTML elements and CSS styling to achieve a simple, clear visual output without any JavaScript or external libraries.

Sep 27, 2023