MichelleLin5

@MichelleLin5·2 public vizzes

Fork of HTML Starter

This example shows a minimal SVG scene with two circles and a line, demonstrating basic vector graphics rendering in a static HTML page. It uses plain SVG elements—including a default black circle, a red circle, and a blue line—positioned within a 960-by-500 coordinate space. The rendering relies on the browser’s built-in SVG support, with no JavaScript or external libraries involved. It serves as a simple baseline for understanding SVG markup structure and style attributes before adding interactivity or data-driven visuals.

Mar 14, 2023

Loading thumbnail…

SVG Fundamentals

This example demonstrates the foundational structure of SVG by rendering a single circle on a static 960-by-500 canvas. It shows how raw SVG elements—such as the `<circle>` with its `cx`, `cy`, and `r` attributes—are written directly in HTML without any JavaScript or external libraries. The code uses plain inline SVG within an HTML document, with no styling or interaction applied. It serves as a minimal illustration of the SVG coordinate system and basic shape syntax, providing a starting point for more complex data visualizations built with React or D3.

Mar 14, 2023