aklimairen

@aklimairen·2 public vizzes

Fork of Face HTML part 1

A minimalist smiley face is drawn in a web page using React and D3. The yellow circular face, with its stroke, two eyes, and an arc-shaped mouth, is rendered as SVG elements. The code defines separate React components for the background circle, eyes, and mouth, which are then composed in an `App` function. The D3 `arc` API generates the mouth path, while React and ReactDOM manage the UI, all running within an HTML page that loads these libraries.

Mar 4, 2021

Loading thumbnail…

Fork of Fork of Face HTML part 1

A smiling face composed of a yellow background circle, two black eyes, and a curved mouth is displayed against a blank page. The example demonstrates a component-based React approach to SVG rendering, built with React 17 and D3 v6. Each facial feature is defined as a separate React component, with the mouth using the D3 `arc` generator to create its path. The face is centered within a 960x500 SVG canvas using a translation transform applied to a group element.

Mar 2, 2021