Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-4 Bharath

Public visualization

ICE-4 Bharath

0 stars0🌍 Public
Bbharathsivakumar07
Last edited Jun 19, 2022
Created on Jun 19, 2022

This visualization draws a stylized panda face using React and the D3.js arc API. The face is composed of geometric primitives—including arcs for the eyes, nose, mouth, and ears, plus circles and ellipses for the eye sockets and blush—rendered as SVG paths. The code constructs each shape with d3.arc() to define inner and outer radii and angular spans, then applies transforms for positioning and rotation. The final composition sits centered on a black circular canvas with a white stroke outline.

AI-generated description

The first assignment: Tweak a Face

Start with the blank html project This is a panda face!

  1. use two arcs to make the eyes
  2. use two ellipse to make the eye sockets
  3. use one arc to make the nose
  4. use two circles to implement the flush
  5. use two arcs to implement the mouse
  6. use two arcs to implement the ears

Comments

Sign in to join the discussion.

MIT Licensed