Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sad smiley face with D3.js

Public visualization

Sad smiley face with D3.js

0 stars2🌍 Public
Aabdulmoin9624
Last edited Feb 20, 2022
Created on Feb 20, 2022

A yellow circle with black outlines forms a sad smiley face, its mouth rendered as an inverted arc and eyes positioned with a fixed offset. The example demonstrates basic D3.js v5 shape generation and SVG manipulation, using `d3.select` to target the SVG element and `d3.arc` to construct the downward-curved mouth path. All facial features are centered via group transformations, with dimensions derived from the SVG's width and height attributes.

AI-generated description

ICE - 4 Introduction to VizHub and make a face in D3.js

Comments

Sign in to join the discussion.

MIT Licensed