Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Let's make a face with D3.js! by kiran jyothi bodduluri - 11604571

Public visualization

Fork of Fork of Let's make a face with D3.js! by kiran jyothi bodduluri - 11604571

0 stars0🌍 Public
NNikitha123171
Last edited Feb 24, 2023
Created on Feb 24, 2023

This example demonstrates how to construct an expressive cartoon face using D3.js v5 and SVG, showing a yellow circle head with eyes, pupils, eyebrows, ears, a nose, a mouth with teeth, a beard, blush, and glasses. The code uses D3 selections and methods like `append`, `attr`, and the `arc` generator to create each facial feature. Positioned shapes such as circles, rectangles, and paths are added directly to the SVG canvas, with many features having hardcoded coordinates and styles defined in JavaScript.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed