Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rabbitface with D3.js

Public visualization

Viewing a saved revision (read-only)

45d9f38fcd3a4025abc248823b9a1414

Rabbitface with D3.js

0 stars2🌍 Public
Ddaanasma
Last edited Apr 28, 2020
Created on Apr 28, 2020

This example shows a rabbit-like smiley face built with D3.js, featuring a yellow circular head, eyes, buck teeth, and raised eyebrows. The code demonstrates fundamental DOM manipulation by appending SVG shapes and applying chained transitions that animate the eyebrows upward and change their fill to red, then return them to their original position and color. It uses D3 v5 selections and the `arc` generator for the mouth, with a static SVG canvas and no external data source.

AI-generated description

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