Harkunwar Kochar

@Harkunwar·3 public vizzes

Smiley Part 2

This visualization presents a smiling face composed of SVG shapes, centered on a yellow circular backdrop with a black outline. The face features two dark eyes, white highlight reflections, a triangular nose, and a curved mouth. D3's `arc` API generates the mouth and eyebrow paths, which are placed using React transforms. The composition is built with React components, rendered into an SVG canvas, and uses D3 v7 for arc geometry.

Jan 18, 2026

Loading thumbnail…

Smiley Face Part 2

A static yellow circle with two black-ringed eyes forms a simple smiley face. The graphic is rendered directly in SVG markup within the HTML body, using a 960 by 500 canvas and fixed pixel coordinates. The page also initializes a React application via `index.js`, importing `React` and `ReactDOM` to render a trivial "Hello JSX" message into a separate root element, though this text does not appear in the visualization itself.

Jan 18, 2026

Loading thumbnail…

Fork of HTML Starter

This example displays a partial smiley face rendered as three SVG circles: a large yellow head with a black outline and two black eye circles. The code uses raw SVG elements within an HTML document, with a linked stylesheet that removes page margins and hides overflow. A JavaScript file logs a message to the console. The visualization is a static, non-interactive starter template, with the drawn elements defined directly in the markup rather than through a data-driven library.

Jan 18, 2026