LincolnBollschweiler

@LincolnBollschweiler·2 public vizzes

Shapes with SVG and CSS

This example creates a smiling face using SVG shapes styled with CSS and D3. The code draws a yellow circle for the head, two black circles for eyes, and a path for the mouth using d3.arc() with defined inner and outer radii. SVG attributes like cx, cy, and r position each element relative to the 960x500 viewport. A coral background is applied to the SVG via D3's selection style method, demonstrating basic shape creation and attribute manipulation with d3.select and d3.append.

Dec 10, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays a full-viewport message reading “Hello HTML!” styled with large, centered text. The page renders this fixed content using plain HTML markup, CSS for font sizing and alignment, and no JavaScript logic or external libraries. A CSS class selector applies a font size of 13em and text-align center to the message div. The visualization demonstrates a minimal static layout rather than a data-driven graphic, serving as a bare-bones starter template for HTML, CSS, and JavaScript projects.

Dec 9, 2021