Skip to main content
SimilarExport ZIP
100%

datasetviz

✓ Published0🌍 Public
KKritin Kesav
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from Hello VizHub

This scatterplot compares national GDP per capita against average Data Science salaries, with bubble size encoding the number of vaccinated people per hundred. Built with D3 v7 and rendered as SVG, it loads data from a CSV file, applies linear scales for both axes and a square-root scale for point radius, and uses the `d3.axisBottom` and `d3.axisLeft` APIs to draw chart axes.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

VIZPROJECT

This bubble chart visualizes the relationship between new COVID-19 cases, population density, and GDP per capita across countries. Each circle’s position encodes the first two variables, while its radius scales with GDP, and color distinguishes nations. The visualization uses a D3 v7 CSV load, linear scales for axes, a square-root scale for bubble size, and an ordinal color scheme. Interactive tooltips appear on mouseover, displaying exact values per country.

Jjarethodges@gmail.com
77% match
Loading thumbnail…

New Scatter Plot

This scatter plot visualizes worldwide GDP versus population for 1980, with each circle representing a country and tooltips revealing GDP per capita. The code loads CSV data from a GitHub gist using D3 v7’s `csv` loader, then renders an SVG with `scaleLinear`, `axisLeft`, and `axisBottom`. Axis ticks are formatted via a custom `numMaker` utility that converts large numbers into abbreviated units (e.g., “B” for billions). Circle tooltips use D3’s `title` element, driven by React-free DOM selection and data joins.

Aadventuresenglish.info@gmail.com
76% match
Loading thumbnail…

q91011

This bubble chart visualizes the correlation between GDP per capita and happiness scores for 20 countries, with bubble radius scaled to population size. Built with D3.js v7 and rendered as SVG, it plots points using linear scales for both axes. The chart includes an interactive tooltip that appears on hover, showing detailed data for each country, and features a legend indicating population size ranges. The data is loaded from a CSV file and processed using D3's `d3.csv` method.

Ppavanpkkalyan3@gmail.com
76% match
Loading thumbnail…

6th visualisation 1

A responsive scatter plot visualizes the relationship between population and GDP across countries, coloring each point by region and providing hover tooltips with country details. It uses d3.csv to load an external dataset, then d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for ticks, and a d3.scaleOrdinal with d3.schemeCategory10 for regional colors. The SVG output includes labeled axes, a title, and a legend, with all elements rendered via standard D3 data joins.

Vvenkatabhaskaratetali@my.unt.edu
76% match
Loading thumbnail…

VIZPROJECT_i2

This bubble chart visualizes the relationship between new COVID-19 cases, population density, and GDP per capita across multiple countries. Each circle represents a country, positioned along the x-axis by new cases and the y-axis by population density, with circle size encoding GDP per capita. Color distinguishes individual locations. The visualization uses D3 v7’s `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` to map data dimensions, and an SVG-based tooltip displays detailed values on hover. Data is loaded from a CSV file, and the chart is rendered entirely with SVG elements.

Jjarethodges@gmail.com
76% match
Loading thumbnail…

demo

This interactive D3.js visualization displays GDP per capita trends from 1960 to 2023 for multiple countries using a dataset loaded from a GitHub CSV file. It renders grouped bar charts for each country-year combination, with axes, dashed grid lines, and hover tooltips to highlight values. The code uses D3 v7’s `d3.csv`, `d3.scalePoint`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.schemeCategory10` for color encoding, producing an animated SVG view of economic changes over time.

Vvenkatabhaskaratetali@my.unt.edu
76% match
Loading thumbnail…

ScatII

This scatterplot visualizes the relationship between GDP (x-axis) and population (y-axis) for various countries. Each circle represents a country, with tooltips revealing the country name, GDP, population, and calculated GDP per capita. Built with React and D3 v7, the visualization uses `d3.csv` to load data from a GitHub repository, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` for tick labels. It is rendered as an SVG, with data formatted using a custom `numMaker` utility that abbreviates large numbers into billions and millions.

Aadventuresenglish.info@gmail.com
76% match
Loading thumbnail…

New_Scatter_Plot

This scatter plot displays the relationship between GDP per capita and population for countries, using World Bank data. The visualization uses red, semi-transparent circles to represent each country, with axes showing population in millions and GDP per capita in thousands. Built with D3 v7, the code applies `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and renders the plot as SVG. The chart includes gridlines, axis labels, and a title, with data loaded via `csv` from a GitHub-hosted dataset.

Mmartin
75% match