NoahDassa

@NoahDassa·2 public vizzes

clowny clown

This example shows a stylized clown face built entirely from SVG shapes in a React component. The composition centers on a yellow circle for the face, magenta and pink eyes, a red nose with an orange outline, and a crescent-shaped mouth created with a d3.arc path. All shapes are positioned using SVG group translations, and each element—BackgroundCircle, Eyes, Nose, and Mouth—is defined as a separate React component with configurable props for radius, offsets, and stroke widths. The visualization uses d3.v7 for the arc generator and ReactDOM to render the static scene.

Sep 15, 2021

Loading thumbnail…

Fork of Hello HTML

This example shows a simple smiling face rendered as SVG shapes, composed of a yellow background circle, two black eyes, a red nose, and a mouth drawn as an arc path. The face is centered using a translated `<g>` group within a 960×500 SVG viewport. It uses React components (`BackgroundCircle`, `Eyes`) to structure reusable parts, while the mouth is generated with the `d3.arc()` function from the D3 v7 library, specifying inner and outer radii and angular extents.

Sep 15, 2021