Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6-Scatterplot

Public visualization

Viewing a saved revision (read-only)

d6041c3e99d14233a6cd294bd58a1318

Activity-6-Scatterplot

0 stars0🌍 Public
GGorantla Vishnusai
Last edited Apr 2, 2025
Created on Apr 2, 2025
Forked from Activity-6 task-3

This scatterplot visualizes the relationship between population and GDP per capita for U.S. cities using D3.js v6. The SVG-based chart plots each city as a steel-blue circle with a black stroke, positioned along linear scales for both axes. The code loads data from a GitHub-hosted CSV file, converts the population and GDP values to numbers, and renders axes with formatted tick labels. Interactive tooltips appear on mouseover, displaying each city's name, population, and GDP per capita. The visualization employs d3.csv for data loading, d3.scaleLinear for mapping, and d3.axisBottom and d3.axisLeft for coordinate axes.

AI-generated description