Chet Insolia

@cinsolia·3 public vizzes

HTML Starter

This example demonstrates a minimal HTML page with a large red scrolling area filled with placeholder text, centered against a plain background. The page uses basic CSS for styling and layout, with text content written directly in the markup. The code includes a JavaScript console statement that logs a message to the browser's developer tools. It serves as a starting point for building more complex visualizations within a React framework.

Sep 3, 2020

Loading thumbnail…

Hello HTML

This example shows a simple yellow smiley face drawn entirely with SVG primitives on a plain HTML5 page. A single `<svg>` element contains a large yellow circle with a black stroke, and two smaller black circles positioned as eyes; the mouth is omitted. The code uses vanilla HTML and CSS, with the `transform` attribute on a `<g>` group to center the face at coordinates (300,250). No JavaScript libraries are involved, and the rendering relies purely on static SVG markup.

Jun 9, 2020

Loading thumbnail…

Hello HTML

This example demonstrates a minimal SVG element within a plain HTML page, rendering a simple gray rectangle as the sole visual output. The code uses the SVG `svg` tag with `width` and `height` attributes to define the drawing area, while the `background` and `border` attributes—though non-standard—are included to style the shape. It serves as a bare-bones "Hello World" for HTML and SVG, relying on no external libraries or JavaScript. The page is a fork of an existing minimal HTML template, showcasing the simplest possible data-visualization container.

Jun 8, 2020