Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 visualization

Public visualization

d3 visualization

0 stars0🌍 Public
Lleiyanmo
Last edited Nov 16, 2019
Created on Nov 16, 2019
Forked from Hello VizHub

This example uses D3 v5 to draw a smiling face as an SVG graphic, composed of a yellow circle, two eyes, eyebrows, and an arc-based mouth. The eyebrows animate vertically using chained `transition()` calls, moving up and down over two-second durations. The code builds the visualization by selecting the SVG element, calculating its center from width and height attributes, and positioning grouped elements with `translate` transforms. It uses D3's `arc` generator for the mouth path and relies on SVG primitives like `circle` and `rect` for the other features.

AI-generated description

An example showing the capabilities of VizHub.

Comments

Sign in to join the discussion.

MIT Licensed