Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Vibecoding Starter

Public visualization

Viewing a saved revision (read-only)

0f33e6db17bf4752b20006690b20c243

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
Ssravya7136@gmail.com
Last edited Oct 27, 2025
Created on Oct 18, 2025

This interactive visualization presents a reusable scatter plot comparing healthy lifestyle metrics from a 2021 dataset of 44 cities, including sunshine hours, pollution index, and life expectancy. Built with React and D3 v7, the chart renders as SVG and uses `d3.scaleLinear` for both axes, `d3.extent` for domain calculation, and `d3.axisBottom` and `d3.axisLeft` for gridlines. The reusable `reusableScatterPlot` function accepts configurable accessors for x and y values, labels, and tooltips, allowing multiple charts to be generated from the same dataset. A hover tooltip displays city-specific values for the selected variables.

AI-generated description