stephhwu

@stephhwu·3 public vizzes

Fork of SVG Fundamentals

This example demonstrates foundational SVG shapes—circles, lines, and paths—arranged in a static composition. It shows three overlapping circles in blue, green, and pink, a pink line, a closed path forming a rounded rectangle, and a black polyline. The code uses raw SVG elements within an HTML file, with circles and paths defined by coordinates and styling attributes like `fill`, `stroke`, and `stroke-width`. No external libraries are employed; the rendering relies entirely on the browser’s native SVG support.

Aug 24, 2023

Loading thumbnail…

Fork of SVG Fundamentals

This fork of SVG Fundamentals demonstrates basic shape elements within an SVG canvas, including overlapping circles, a line, and path elements with explicit coordinate data. It shows how primitive graphic forms render in sequence, with later elements drawn over earlier ones. The code uses inline SVG markup with attributes like `cx`, `cy`, `r`, `stroke`, and `fill` to define geometry and styling. A commented-out rectangle remains in the source, while the visible output focuses on layering circles at the same origin and tracing straight and polyline paths across the 960×500 viewport.

Jul 31, 2023

Loading thumbnail…

Fork of D3 Starter

This example displays a minimal single-page visualization that prints the text “Hello D3 version 7” in the center of the browser window using an oversized 13em font. It is a basic starter template demonstrating the setup of a D3 project with version 7.8.5 loaded via a CDN. The code uses the `select` method from the D3 library to target the `body` element and sets its text content, without any data or interactive features. The rendering relies purely on static HTML and CSS styling, with the JavaScript logic placed in a separate `index.js` file bundled as `bundle.js`.

Jul 30, 2023