analyticalkiticat

@analyticalkiticat·4 public vizzes

Hello React

A yellow SVG smiley face is centered in a 960-by-500 viewport. The code uses React to render and update the DOM, while D3’s `arc()` generator creates the mouth path. Circles draw the face, eyes, and outline, with the face’s radius and stroke positioned relative to the center. Static properties define all coordinates and radii.

Nov 26, 2021

Loading thumbnail…

Fork of Hello HTML

A minimalist static smiley face rendered with two black eyes and a yellow circular head outlined in black, built as a fork of a basic HTML example. It shows a purely decorative, non-interactive SVG scene without any JavaScript logic—the bundled `bundle.js` is included but all drawing happens declaratively in the markup. The SVG uses hardcoded circle elements with explicit `cx`, `cy`, and `r` attributes, along with fill and stroke styling, while the page is styled with a full-bleed body that hides overflow. No data source or simulation is present.

Nov 26, 2021

Loading thumbnail…

Fork of Fork of HTML Starter

This example displays a large, centered “Hello HTML!” message using CSS for styling and positioning, with no external libraries beyond the browser’s native HTML, CSS, and JavaScript capabilities. The page structure is defined in `index.html`, where a `<div>` element with the class `message` is styled with `font-size: 13em` and `text-align: center` to create the oversized greeting. No JavaScript or data sources are present in the code; it serves as a minimal demonstration of static content rendering. The file references a related React Starter, but this fork contains only plain markup and inline styles.

Nov 26, 2021

Loading thumbnail…

Hello HTML

A yellow circle with a black outline and two smaller black circles forms a partial smiley face, stopping short of a mouth. The example demonstrates static SVG rendering in a React framework, though the JavaScript file only contains commented-out code. The visualization relies entirely on the handwritten SVG markup inside `index.html`, manually positioning each circle with explicit `cx` and `cy` coordinates. This shows a pure SVG approach without any active React components or data-driven rendering.

Nov 26, 2021