fresh block

100%

✓ Published0🌍 Public

Last edited Mar 14, 2017

Created on Mar 14, 2017

A scatterplot shows the evolution of Gross Domestic Product (GDP) for Sub-Saharan African countries, with each point encoding GDP on the vertical axis and year on the horizontal axis, while the size of each point reflects population. The visualization filters the source CSV data to exclude missing values before plotting. It uses d3.v4 with SVG rendering, employing `d3.scaleLinear` for both axes, `d3.scaleSqrt` for circle area, and `d3.scaleOrdinal` for color, all styled with the Amatic SC and Roboto fonts.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

This scatterplot compares GDP and GDP per capita for 48 Sub-Saharan African nations in 2015, using data from a CSV file. Each circle represents a country, positioned by its gross domestic product on the x-axis and GDP per capita on the y-axis. The visualization highlights how most nations cluster below a $2,000 annual per-capita income, with only a few outliers like Equatorial Guinea and Seychelles reaching significantly higher values. Tooltips provide additional detail, and the chart is built with D3 v4 using SVG rendering, with an emphasis on the economic disparity across the region.

EEd190

88% match

Loading thumbnail…

fresh block

A scatterplot maps average GDP per capita against life expectancy, with circle size encoding population and color indicating geographic region. The SVG visualization uses D3 v4’s `scaleLinear` and `scaleSqrt` to position and size circles, loading data from `gapminder_avg.csv`. Each point is rendered with a black stroke and fill opacity adjusted for overlap, revealing broad correlations between wealth, longevity, and population across nations.

LLiddler

80% match

Loading thumbnail…

fresh block

This example, built with D3 v5 and SVG, visualizes a Gapminder-style dataset using a bubble chart. The x-axis represents GDP per capita, the y-axis shows life expectancy, circle size encodes population, and color maps to geographic region. The chart animates through years 1964 to 2013, showing how countries' development indicators evolve over time. A play button and time slider allow users to scrub through the years, with circles transitioning smoothly between states. The visualization highlights global trends in health and wealth, with tooltips providing country-specific data on mouseover.

AAitorCCE

77% match

Loading thumbnail…

fresh block

This example visualizes global health and wealth data by plotting circles for each country on logarithmic and linear scales. The x-axis shows GDP per capita (wealth), the y-axis shows life expectancy (health), and circle radius encodes population size, with colors representing continents. The visualization is built with D3 v4, using SVG rendering, and employs `d3.scaleLog`, `d3.scaleLinear`, and `d3.scaleSqrt` for positioning and sizing. Data is loaded from a CSV file, with axes labeled in French for per-capita income and life expectancy at birth.

CClaraGriot

77% match

Loading thumbnail…

fresh block

This example visualizes global health and wealth data as a bubble chart, where each circle represents a country positioned by life expectancy (y-axis) and GDP per capita (x-axis), with circle size encoding population and color encoding continent. It uses D3 v4’s scales (`scaleLinear`, `scaleLog`, `scaleSqrt`, `scaleOrdinal`) to map variables and renders SVG circles with axes labeled accordingly. The code loads CSV data via `d3.csv` and applies sorting by population, while styling uses opacity and a light grey background. The chart focuses on comparing country-level indicators, with axes labeled in French.

CClaraGriot

76% match

Loading thumbnail…

fresh block

This scatterplot visualizes Gapminder data from 1970, plotting fertility against life expectancy for various countries. Each circle’s size encodes population, while its color distinguishes geographic regions. The visualization uses d3.csv to load the data, d3.scaleLinear for the axes, d3.scaleSqrt for circle sizing, and d3.scaleOrdinal with schemeCategory10 for region colors. SVG elements are drawn via d3 selections, with axes generated using d3.axisBottom and d3.axisLeft, and a legend included.

AAitorCCE

75% match

Loading thumbnail…

fresh block

This example visualizes global health and economic trends using a Gapminder-style scatterplot. Each circle represents a country, positioned by life expectancy (x-axis) and fertility rate (y-axis), with circle size encoding population and color representing geographic region. The visualization animates through years 1964 to 2013, showing how countries move across the chart as their metrics evolve. The data, loaded from a CSV, includes fields for country, year, fertility, life expectancy, population, child mortality, and GDP. Using D3 v5 and SVG rendering, the chart emphasizes the relationship between health outcomes and economic development over time, with a transition effect revealing changing distributions across decades. The visualization is minimal and functional, with axes labeling life expectancy and fertility, and a legend for regions.

JJuanma-GP

75% 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