Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a scatterplot!

Public visualization

Viewing a saved revision (read-only)

96791823fbe941049c5dedbc2faa9d13

Making a scatterplot!

1 star1🌍 Public
WWai Kit Tsang
Last edited Jul 6, 2020
Created on Jul 3, 2020

This example draws a yellow, smiling face with eyes, eyebrows, and a mouth inside an SVG canvas. The face is built from D3 primitives, starting with a circle for the head, separate circles for the eyes, rectangles for the brows, and paths created via the `d3.arc()` function for the mouth. The eyebrows use a chained `transition()` with a two-second duration to animate their position up and down, creating a subtle bouncing effect; the rest of the face remains static. The code relies on D3 v5 and SVG rendering, with the visual elements positioned using absolute coordinates relative to the SVG’s width and height.

AI-generated description