Skip to main content
SimilarExport ZIP
100%

Fork of Smiley Face

✓ Published0🌍 Public
Ssimontoblad
Last edited Jan 23, 2022
Created on Jan 23, 2022
Forked from Smiley Face

A yellow smiley face rendered as an SVG, centered on a 960x500 canvas. It uses React to build the SVG elements and d3’s `arc` generator to create the mouth path. Circles define the face, eyes, and mouth stroke, all positioned relative to the center. The face outline and features use black strokes with a yellow fill, and the mouth arc spans from 90 to 270 degrees.

AI-generated description

Halfway towards Smiley Face!

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Smiley Face

A yellow smiley face drawn in SVG appears centered on a dark canvas, with two black eyes and an open, arc-shaped mouth formed by a thick stroke. The visualization uses React to render the SVG elements and d3.arc to generate the mouth path, computing coordinates from fixed constants for eye offsets, radii, and stroke widths. All shapes are positioned relative to a central transform, with the face circle, eyes, and mouth defined declaratively.

DDrew Dudley
96% match
Loading thumbnail…

Fork of Smiley Face V

A yellow smiley face with a black outline, black oval eyes, and a wide arc-shaped mouth is rendered on an SVG canvas. The visualization uses React to build the graphic from three separate components, with the mouth path generated using the D3 `arc` function to create a precise curved shape. The face is centered and scaled to fit the 960 by 500 pixel viewport.

AAlexander Dorling
96% match
Loading thumbnail…

Fork of Smiley face part 1

A yellow smiley face is drawn on an SVG canvas, centered within a 960 by 500 viewport. The face includes two black eyes and a curved mouth, all rendered with simple shapes and arcs. The visualization uses React for component structure and D3’s `arc` API to generate the mouth path, while circles define the face outline and eyes. Strokes and fills are set directly in the SVG attributes.

AALI Akbar SABZI
95% match
Loading thumbnail…

Fork of Smiley Face Part I

A yellow smiley face rendered with SVG appears at the center of a 960×500 canvas, showing a circle for the head, two black eyes at fixed offsets, and a semi-circular mouth drawn as an arc. The example uses React 18 to manage the component structure while leveraging D3 v7’s `arc` generator to create the mouth path with inner and outer radii. All shapes are positioned via a translated `<g>` group, with stroke styling applied directly to SVG circle elements.

Nnj889
95% match
Loading thumbnail…

Fork of Smiley Face Part V

A yellow smiley face is rendered inside an SVG, centered within a 960 by 500 canvas. The face consists of a yellow background circle with a black stroke, two black eyes, and a black mouth. The visual elements are constructed using React components split into separate ES6 modules, which are then composed within a `FaceContainer` that applies a coordinate transform. The mouth shape is generated using the `d3.arc` function to create a path with specified inner and outer radii and angular range.

KKakeyaK
95% match
Loading thumbnail…

Fork of Smiley Face Part III

A yellow smiley face with black strokes is rendered as an SVG centered on a 960-by-500 canvas. It uses React components and D3.js to define circles for the head and eyes, and d3’s `arc` generator to create the mouth path. The code computes positions from constants and draws the face with a yellow fill, black stroke, and specified stroke width.

BBurak Senel
95% match
Loading thumbnail…

Fork of Smiley Face Part III

A yellow smiley face with light blue fill and thick black outline is rendered, centered on a 960x500 SVG canvas. It uses React to create the SVG elements, and D3's `arc` function to draw a partial mouth arc. Two black eye circles are positioned via translation and offset coordinates, while the face’s radius is derived from the canvas height and stroke width.

MMehika Patel
95% match
Loading thumbnail…

Fork of Smiley Face Part 1

A yellow smiley face rendered as SVG, with a circular head, two black eyes, and an arc-shaped mouth. The face is built from D3 v7 shape primitives, including `d3.arc` to generate the mouth path, while circles position the head and eyes relative to a central group translated to the middle of a 960×500 viewport. React manages the component structure, and the styling uses explicit stroke widths and fill colors. The mouth arc spans from 90 to 270 degrees with defined inner and outer radii.

PPaul DeVos
94% match