Fork of Smiley Face Part I

Fork of Smiley face part 1

This example draws a simple smiley face using SVG elements. A large yellow circle forms the head, with two smaller black circles positioned as eyes and an arc path creating the mouth. The visualization uses D3.js v6, specifically the `select` and `arc` functions, to generate the mouth shape with specified inner and outer radii and angular extents. All shapes are rendered directly in the SVG canvas at fixed coordinates relative to the center of a 960-by-500 pixel viewport.

EEunice

Fork of Smiley Face Part 1

This example shows a simple smiley face drawn with three circles on a yellow background. The face consists of a large yellow circle with a black stroke for the head and two smaller black circles for eyes, all positioned within an SVG canvas of 960 by 500 pixels. The code uses basic SVG elements and attributes directly, with no JavaScript libraries or data processing. The rendering approach is static SVG markup, and the styling is minimal, with the body margin reset and overflow hidden to display the drawing cleanly.

KKhushi Sapra

Fork of Smiley Face Part 1

This example shows a partially completed cartoon face, consisting of a yellow circular head with a thick black outline and two dark eyes of different sizes. It represents the first step toward a smiley face, stopping before the mouth is drawn. The visualization is built with static SVG shapes, using `<circle>` elements for the head and eyes, with explicit `cx`, `cy`, `r`, and `fill` attributes defining their geometry and appearance. The SVG is rendered directly in an HTML page with a hidden body overflow, and no JavaScript or external libraries are used.

88bitbyadog

Fork of Smiley Face part 1L

This example displays a partial smiley face constructed from three SVG circles: a large yellow head and two black eyes. The head is centered with a black stroke, while the eyes are placed symmetrically. Rendering relies on static SVG elements defined directly in the HTML, with no interactive behavior or data binding. The code uses basic SVG circle elements and CSS styling within an SVG container sized at 960 by 500 pixels.

GGimmi45

Fork of Smiley Face Part I

This fork of “Smiley Face Part I” is a static SVG drawing of a smiling face built directly in the markup. It shows a large yellow circle with a black outline, two solid black circles for eyes, and omits the mouth, leaving the expression incomplete. The visualization uses only plain SVG elements—`circle` and `svg`—positioned with explicit `cx`, `cy`, and `r` coordinates inside a 960-by-500 viewport. It loads the D3 v7 library via a CDN but does not apply any data binding or D3 methods, relying entirely on hardcoded shapes for its rendering.

Nnth19912000

Fork of Smiley Face Part 1

This example shows a simple yellow smiley face drawn with three circles on a 960-by-500 SVG canvas. It uses the SVG `<circle>` element directly, with a large yellow circle for the head, two smaller black circles for eyes, and an implied mouth left out. The rendering is static, using inline SVG attributes for position, radius, fill, stroke, and stroke width. No JavaScript libraries or APIs are present; the visualization relies solely on declarative SVG markup within the HTML file.

TtrwMK

Fork of Smiley Face Part I

This example displays a partially drawn smiley face on a yellow circle, featuring two black eyes and an open mouth arc. The face is rendered as an SVG using React, with the mouth path generated by D3's `arc()` generator, which defines inner and outer radii along with start and end angles. The circle and eye elements are positioned using absolute coordinates relative to the center. The visualization relies on D3 v7 and React 17, rendering everything client-side into a 960 by 500 pixel canvas.

Sskambhore04

Fork of Let's Make a Face Part I

This example shows a simple, static smiley face created with basic SVG shapes. The code draws a large yellow circle with a black stroke for the head, and two smaller black circles for the eyes, all placed within an SVG element. It does not use any JavaScript libraries, relying instead on the D3.js version 3's underlying SVG support, but the data visualization is purely declarative HTML. The entire composition is centered on an 960x500 canvas, with explicit coordinates for the head and eye positions.

AArvind Chauhan