Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Viewing a saved revision (read-only)

e88d4b87522447c1b2fb4b6725fd6180

Let's make a face with D3.js

0 stars0🌍 Public
DDharmateja
Last edited Sep 21, 2019
Created on Sep 21, 2019
Forked from Hello VizHub

This example shows how to build a cartoon face using D3.js v5 SVG primitives, assembling circles for the head and eyes with rectangles for eyebrows and an arc-generated path for the mouth. The code positions these elements within a centered group using translate transformations, while the d3.arc API calculates the mouth’s curved shape based on specified inner and outer radii and angle ranges. All shapes derive their attributes from explicit numeric constants, demonstrating manual coordinate layout rather than data binding or scales.

AI-generated description

An example showing the capabilities of VizHub.