Skip to main content
SimilarExport ZIP
100%

Homework #1: Another work in progress

✓ Published0🌍 Public
JJCarpenter-WPI
Last edited Sep 18, 2019
Created on Aug 28, 2019

A simple emoticon face rendered as a purple circle with black outlines, two eyes, and a mouth, drawn using React and SVG. The face is centered in a 960×500 viewport, with the mouth created by a d3.arc path and a thick black line. The code uses ReactDOM.render to mount the component, and d3’s arc helper to generate the mouth shape. No external data is used; all geometry is defined by fixed constants.

AI-generated description

I was unable to delete all these extras.

MIT Licensed

Similar vizzes

Loading thumbnail…

Homework #1: Work in Progress

This example shows a simple smiley face rendered as an SVG graphic using React and D3. The face consists of a yellow circle with a black stroke, two black eyes, and a mouth drawn as an arc. The code uses React to create SVG elements and the `arc` function from d3-shape to generate the mouth path. The components are positioned using React JSX, with explicit dimensions and offsets defined in the script.

JJCarpenter-WPI
89% match
Loading thumbnail…

Homework #1: Work in Progress 2

A static SVG cartoon face is rendered in a purple circle with black outlines, featuring two offset eyes and a mouth drawn as an arc with a straight line beneath it. Built with React and D3 v5, the visualization uses D3’s `arc` generator to define the mouth’s path, while SVG primitives like `circle`, `line`, and `path` are composed inside a translated group. The layout is computed from fixed variables for dimensions and offsets, with React managing the DOM updates.

JJCarpenter-WPI
89% match
Loading thumbnail…

Homework 1

This example renders a partial smiley face in a React-powered SVG canvas. The code uses D3’s `arc` function to draw a thick semi-circular mouth, with two dashed placeholder lines for eyes, all centered on a 960×500 coordinate system. The face is built programmatically using absolute coordinates and transformations, with an empty rectangle overlay. The visualization demonstrates basic geometric composition and D3’s arc path generation within a React component, though the final output is an incomplete facial sketch.

JJohel Durán Acuña
86% match
Loading thumbnail…

homework smiley face

A simple smiley face rendered as a static SVG graphic. The face is composed of a large outlined circle for the head, two eyes with colored pupils, and a mouth drawn using a d3.arc path with a thick stroke. The code uses React to create the SVG elements and d3.arc to define the mouth’s curved shape. The face also includes decorative lines for hair and additional details, all positioned using SVG coordinates.

KKaitlyn Boyle
83% match
Loading thumbnail…

Homework smiley face part III

A yellow smiley face is drawn on a black-stroked circular face, with two black eyes and a downward-curving mouth rendered as an SVG path. The visualization uses React to construct the SVG elements and D3’s `arc` API to generate the mouth arc path, with hardcoded dimensions for the face, eyes, and stroke. The code defines constants for positioning and sizes, then renders the shapes inside a transformed group.

11tang
81% match
Loading thumbnail…

emoji-like face with mouth (D3)

This example renders a simple emoji-like face using React and D3.js. It shows a purple circle with two smaller circles for eyes and a curved path for the mouth, all positioned relative to the center of an SVG canvas. The code constructs the mouth using `d3.arc` with specified angles and radii, and draws the face elements inside an SVG `<g>` group translated to the canvas center. The SVG output is generated declaratively through React's JSX syntax.

Ffouzanuddin
81% match
Loading thumbnail…

Fork of Fork of homework smiley face

This example displays a large smiley face rendered with SVG, featuring a circular head, eyes with green irises and purple pupils, and a mouth drawn as a thick arc. It uses React and D3 v7, specifically calling the `arc` function from the `d3` module to define the mouth’s path, while all other shapes are created via React’s SVG primitives. The code applies viewport-relative translations and centers the composition, with hardcoded coordinates for the facial features.

Rrohithannadurai@my.unt.edu
81% match
Loading thumbnail…

Fork of homework smiley face

This example shows a cartoon smiley face built entirely from basic SVG shapes, rendered inside a fixed 960×500 coordinate space. The face consists of a brown circle, yellow eyes with black pupils, grey eyebrow lines, and a D3 arc used for the mouth. The code uses React 17 to define the component and renders it to the DOM, while D3 v7 provides the `arc` generator that computes the mouth’s path with a start and end angle. React handles the SVG elements declaratively, with `stroke-width` and positioning set via attributes.

Vvenkatajayanth03
81% match