Dre Feeney

@DreFeen·3 public vizzes

Smiley Face Part 1

A yellow circle with a black outline forms the face, centered with two solid black eyes and a thick, open arc for a mouth. The SVG is rendered with React, using D3’s `arc()` generator to create the mouth path with specified inner and outer radii. The code draws shapes with D3 selection-free primitives, setting the smile’s start and end angles to create a half-circle opening. All elements are positioned via SVG `<g>` transforms, with static pixel dimensions for the 960×500 viewport.

Dec 3, 2022

Loading thumbnail…

Hello HTML

A single SVG circle floats on a blank, full-bleed canvas, demonstrating the minimal structure of an HTML page with embedded vector graphics. The example uses an `<svg>` element with fixed width and height attributes, and a `<circle>` shape whose center and radius are left empty. The page’s CSS removes body margins and hides overflow, allowing the SVG to fill the viewport. No external libraries or data are involved; the rendering relies solely on native SVG markup within HTML.

Dec 3, 2022

Loading thumbnail…

Hello HTML

This bare-bones HTML page renders an empty browser window with the title "Hello HTML." The example demonstrates the minimal structure required for a valid hypertext document, consisting solely of the required DOCTYPE declaration, HTML root element, and head section. No visual content appears in the body, and no data sources or JavaScript libraries are involved. The page simply establishes the foundational boilerplate for any web-based visualization project.

Dec 3, 2022