helloyanliu

@helloyanliu·2 public vizzes

hello html

A field of 17 randomly generated smiley faces fills the screen, each rendered as an SVG via React components. The faces vary in stroke width, eye position and radius, and mouth size, with each face composed of separate `BackgroundCircle`, `Eye`, and `Mouth` components. The `Mouth` component uses `d3.arc` to draw a curved path, while the overall layout is managed by a `FaceContainer` that positions each face within an SVG group. Random values are generated using `d3.range` and `Math.random` to create the variations.

Sep 26, 2022

Loading thumbnail…

Fork of HTML Starter

This example shows a single SVG circle with a radius of 100 pixels, rendered on an HTML page. The circle is drawn without any fill or stroke, so it appears as an empty outline. The code uses plain HTML and SVG markup, with no external libraries or JavaScript logic. The circle’s position defaults to the top-left corner of the SVG canvas, as no coordinates are specified. This serves as a minimal demonstration of embedding SVG elements directly in a web page.

Aug 13, 2022