Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

4

Public visualization

4

0 stars0🌍 Public
Hharisankarakeluth@my.unt.edu
Last edited Apr 23, 2024
Created on Apr 23, 2024

A population bubble chart displays projected and current population data for countries, using circle size to encode the 2022 population and color to distinguish categories. The visualization includes a custom tooltip that reveals country names and population values on hover. It loads JSON data from a GitHub-hosted dataset via `d3.json`, and renders the chart using `d3.select`, `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` within an SVG canvas, with event listeners for mouse interactions.

AI-generated description

In the map

  • data from an USGS API
  • circle size related to magnitude value
  • interaction: click circle and direct to a url
  • added color to the circles, according to depth (shallow, intermediate, deep)
  • added brush

In the scatter plot

  • added tooltip

Interaction:

Use a brush tool on the map to select the earthquakes that you want to display on the scatter plot.

Comments

Sign in to join the discussion.

MIT Licensed