Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

e8dce4eb71024b6da7d5d665ad79e152

Fork of Fork of Let's make a face with D3.js!

0 stars0🌍 Public
EEmma Schaale
Last edited Dec 20, 2022
Created on Dec 18, 2022

This example demonstrates foundational D3.js DOM manipulation by loading oxygen level data from a CSV file and rendering the values as SVG text elements. The code uses `d3.select`, `.data()`, `.enter()`, and `.append()` to bind the parsed data to text nodes, positioning them horizontally with a fixed vertical offset. The visualization relies on the `d3.csv` method to fetch the external dataset, while the SVG canvas is configured with a width of 960 and height of 500. Although the title suggests a smiley face with moving eyebrows, the current implementation only displays the numerical oxygen readings.

AI-generated description

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