Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lab 2 Q1

Public visualization

Viewing a saved revision (read-only)

4f17368cba524b928c638d3067415c5f

Lab 2 Q1

0 stars1🌍 Public
BB.V.K
Last edited Apr 13, 2020
Created on Apr 13, 2020

This example demonstrates fundamental DOM manipulation with D3.js through an interactive smiley face whose eyebrows move. Users select a year (2011, 2012, or 2013) via radio buttons, and the chosen year appears in a text span. The visualization uses D3 v5 to bind data to SVG elements, with `d3.csv` imported for potential data loading, though the visible interaction relies on JavaScript event handlers (`onClick`) and direct DOM selection via `d3.select`. The rendering approach uses an SVG canvas sized at 960x500 pixels, with styles defined in an external CSS file.

AI-generated description

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