Skip to main content
SimilarExport ZIP
100%

Drawing a Scatterplot

✓ Published0🌍 Public
ZZhengyan Yu
Last edited Jul 31, 2017
Created on Jul 31, 2017

This visualization shows a scatterplot of 1995 World Bank data, plotting GDP per capita on the x-axis against CO2 emissions per capita on the y-axis, with circle size encoding population. Each country is rendered as a labeled SVG group with a circle and text label. The code uses `d3.csv` to load the data, `d3.scalePow` with an exponent of 0.5 for both axes, `d3.scaleSqrt` for sizing circles, and `d3.axisBottom`/`d3.axisLeft` to draw the grid. Clicking a country highlights it with a red stroke via the `classed` method.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Drawing a Scatterplot

This scatterplot shows the relationship between GDP per capita and CO2 emissions per capita for countries in 1995, with circle size encoding population. It uses d3.csv to load World Bank data and d3.scalePow and d3.scaleSqrt to map values. The SVG visualization includes clickable country nodes, each with a labeled circle, and displays axes with tick marks created using d3.axisBottom and d3.axisLeft.

ZZhengyan Yu
95% 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
84% match
Loading thumbnail…

Scatter Plot

A scatter plot shows the relationship between GDP per capita on the x-axis and CO2 emissions per capita on the y-axis for countries. Circles represent individual countries, colored by region. The visualization uses D3 v7 scales, axes, and SVG circle marks rendered within a React component. Data loads from a CSV file via d3.csv, with numeric columns parsed and categorical region names normalized before plotting.

AAnusha Pujari
83% 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
83% match
Loading thumbnail…

Assignment 5

This scatterplot uses D3.js v7 to visualize the relationship between GDP per capita and CO2 emissions per capita, with each circle representing a country. The plot encodes quantitative data on both axes using linear scales, while a categorical region column will determine color and population determines circle size in subsequent versions. The code loads a CSV file, converts specified numeric columns, and renders the visualization using SVG elements. Axes are created with D3's axis functions, and a summary displays the data's row count and field names.

Ppezguy97@gmail.com
82% match
Loading thumbnail…

Reusable Scatter Plot (CO₂ vs GDP, 2025)

This reusable scatter plot compares GDP per capita against CO₂ emissions for countries in 2025, with circle size encoding population and color distinguishing regions. Built with D3 v7, the chart renders as SVG and uses d3.scaleLinear, d3.scaleSqrt, and d3.scaleOrdinal to map data dimensions. Interactive tooltips appear on mouseover, showing country details such as renewable energy percentage, while data is loaded from a CSV file.

Vvunnamnandini13@gmail.com
82% match
Loading thumbnail…

interactive scatter

This interactive scatter plot visualizes the relationship between CO2 emissions and GDP for over 190 countries, with each circle representing a nation. The chart uses D3's `scaleLinear` for both axes, and employs `axisBottom` and `axisLeft` for custom tick marks and labels. The data is loaded from a local CSV file using `csv()`. The code includes commented-out instructions for using `scaleLog` to switch to a logarithmic scale, though the active visualization uses a standard linear scale for both variables.

Ookahne@gmail.com
82% match
Loading thumbnail…

CSCE 5320 HW5

This example presents a scatterplot of country-level data, plotting GDP per capita against CO2 emissions per capita, with each point colored by region and sized by population. The visualization summarizes the dataset’s rows, columns, and key statistics for the x-axis variable, including its mean and median. Built with D3 v7, it loads CSV data from a GitHub gist and uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for region-based coloring, and `d3.extent`, `d3.mean`, and `d3.median` to compute summaries. Rendering is SVG-based with axes and labels styled via CSS.

Llokeshpraveen01@gmail.com
82% match