Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Intro to D3

Public visualization

Viewing a saved revision (read-only)

6a7fdd05c5564961ad2930dd26885a05

Intro to D3

0 stars5🌍 Public
FFhouston17
Last edited Jun 14, 2020
Created on Jun 14, 2020

This example demonstrates how to build a simple face using basic SVG shapes in D3, with a lime circle for the head, black circles for eyes, and an arc-based mouth. The left eye remains static while the right eye animates horizontally through chained `transition().duration()` calls. All elements are created using D3 selections and the `arc` generator from the d3-shape API, rendered as SVG within a 960x500 viewport.

AI-generated description