Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DataViz Sec1

Public visualization

Viewing a saved revision (read-only)

c2865a7db12546389d9c9d5c7ffa63bc

DataViz Sec1

0 stars0🌍 Public
Mmichael.rehnberg@noaa.gov
Last edited Jul 12, 2024
Created on Jul 12, 2024
Forked from HTML Starter

This example renders an interactive scatterplot of simulated data points, arranged to gradually form a smiley face as the visualization progresses. It uses a force-directed layout via `d3.forceSimulation` to position nodes, with each point’s color and size mapped from its initial random coordinates. The underlying data is generated procedurally, and the canvas drawing leverages D3’s selection and transition methods to update node positions in real time. The piece demonstrates how a simple dataset can be transformed into a playful, recognizable shape through iterative physics-based adjustments.

AI-generated description

Half way towards a smiley face woot