Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7.1 Tutorial

Public visualization

Viewing a saved revision (read-only)

12553a3fb7e34344b97003b287a48adb

Activity 7.1 Tutorial

0 stars0🌍 Public
Pperamranji
Last edited Apr 7, 2025
Created on Apr 7, 2025
Forked from Hello VizHub

This animated scatter plot, driven by D3 v6, cycles through six World Happiness Report indicators from a 2019 CSV dataset. It visualizes the relationship between each indicator and the Happiness Score, updating the x-axis and labels every five seconds. The reusable `scatterPlot` function leverages D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to render SVG circles and axes, with the data sourced from a GitHub-hosted CSV.

AI-generated description