Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-5 DV

Public visualization

Viewing a saved revision (read-only)

390f8aea74114ed389dbe6846b1ad5c1

ICE-5 DV

0 stars0🌍 Public
Ssiddu7147
Last edited Feb 27, 2023
Created on Feb 27, 2023

This example shows an animated smiley face whose eyebrows move up and down. It demonstrates fundamental DOM manipulation and animation using D3.js v7. The code uses D3's `select`, `append`, and `transition` APIs to create and animate circles, rectangles, and an arc-based mouth. A separate, static dataset is loaded from a CSV file, and its metadata (size, row count, column count) is displayed in an HTML pre element, but this data is not visually encoded in the chart.

AI-generated description

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