Skip to main content
100%

Tweak a Face - Assignment

✓ Published0🌍 Public
FFelipe Mejías
Last edited Sep 21, 2020
Created on Sep 10, 2020

This example shows a stylized face built from basic SVG shapes, including a head, eyes, pupils, nose, mouth, and angular eyebrows, with additional line-based accents on either side. All elements are rendered in a single SVG canvas using React components. The code defines the face’s geometry with D3’s `arc` generator for the mouth and eyebrows, and uses fixed coordinates and radii for the circles and lines. It demonstrates a straightforward combination of React’s declarative JSX with D3 shape utilities to produce a static vector illustration.

AI-generated description

This work represents the first assignment of the course CS 573 - Data Visualization. The idea of the work was to have an approach to Vizhub and Javascript through the creation of a face.

MIT Licensed

Similar vizzes