Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pig Face

Public visualization

Pig Face

0 stars0🌍 Public
Cchalasanigayaetiri@gmail.com
Last edited Feb 28, 2024
Created on Feb 28, 2024

Rendered with React and D3, this visualization shows a pig face built from basic geometric shapes. The face uses gray circles for the head, dark eyes, and an orange elliptical snout with pink nostrils, while a D3-generated arc forms the mouth. The code relies on React for component structure and D3's `arc` function to define the mouth path, with dimensions and positions controlled by constants. The rendering approach uses SVG elements inside a React component, adapting to the full window size. The design modifies a prior "Smiley Face" example by changing the color scheme, adjusting the mouth's size and placement, and adding the three-part nose.

AI-generated description

Modification made based on "Smiley Face Part II":

  1. Change color for the face.
  2. Change color for the nose.
  3. Change the mouth size and position.
  4. Implement nose by adding three ellipse.

Comments

Sign in to join the discussion.

MIT Licensed