Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Face visualization with D3

Public visualization

Face visualization with D3

0 stars0🌍 Public
PPavel Antoshkin
Last edited Aug 6, 2020
Created on Aug 5, 2020
Forked from HTML Starter

This example builds a smiling face using D3 v5, rendered as an animated SVG. It constructs the head, eyes, eyebrows, and mouth from primitive shapes, with the eyebrows performing a looping vertical bounce via chained `transition` calls. The code uses D3’s `select` and `arc` APIs directly, setting shape attributes like `r`, `cx`, and `cy` to position elements relative to the SVG’s center. The face’s layout is defined by constants for eye spacing and offsets, demonstrating a simple, reusable composition pattern.

AI-generated description

D3 Basics Smile visualization Lesson from course "Data visualization with D3" by Curran Kelleher https://www.youtube.com/watch?v=_8V5o2UHG0E

Comments

Sign in to join the discussion.

MIT Licensed