Skip to main content
SimilarExport ZIP
100%

mundo

✓ Published0🌍 Public
IIzaskunLS
Last edited Apr 30, 2017
Created on Apr 30, 2017

This visualization presents a scatter plot of global development indicators, showing the relationship between literacy rates and internet usage across countries in 2015. Circle size encodes population, while color distinguishes the country’s region. The chart loads data from a CSV file using `d3.csv`, filters out missing values, and applies linear scales for the axes and a square-root scale for the radii. SVG circles are appended with `d3.selectAll` and styled with an ordinal color scale to group world regions.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

mundo

This visualization presents a scatter plot of global development indicators, showing the relationship between literacy rates and internet usage across countries in 2015. Circle size encodes population, while color distinguishes the country’s region. The chart loads data from a CSV file using `d3.csv`, filters out missing values, and applies linear scales for the axes and a square-root scale for the radii. SVG circles are appended with `d3.selectAll` and styled with an ordinal color scale to group world regions.

IIzaskunLS
100% match
Loading thumbnail…

Gapminder

This visualization recreates the classic Gapminder bubble chart, plotting countries as circles on a grid of female literacy rate (x-axis) against fertility rate (y-axis). Circle area encodes population, and color maps to continent. The chart is rendered with D3 v5 using SVG, with country names from the CSV appearing in French. The data highlights global patterns, such as the clustering of high-fertility African nations at the lower right and the concentration of European and Asian countries with higher literacy and lower fertility at the upper left.

JJuanma-GP
75% match
Loading thumbnail…

Loading My CSV Data with D3

This visualization loads a CSV of 2014 Human Development Index data and renders it as a scatterplot using D3 v3 with SVG. Each country is represented by a circle plotted by Life Expectancy on the x-axis and Mean Schooling on the y-axis, with country size encoding GNI per capita. Points are colored by region (Europe, Asia, North America, etc.) and labeled with country names. The chart includes axis labels, a legend for regional colors, and a title. A drop-down menu allows viewers to select different data columns to map to the x- and y-axes, dynamically updating the circles and tooltips. The visualization emphasizes the relationship between health, education, and income across countries, using D3’s data-join and scales to bind the CSV data to SVG circles and text elements.

DDanielleW
73% match
Loading thumbnail…

Top Internet Countries Visualization

This scatter plot shows the top 5 internet-connected countries by total users, with each circle representing a country on an ordinal X axis and a linear Y axis measuring internet users. The visualization uses D3 v4 with `d3.scalePoint` for the categorical axis, `d3.scaleLinear` for the value axis, and `d3.axisBottom`/`d3.axisLeft` to render gridlines and labels. Data from Internet World Stats (2017) is loaded via `d3.csv`, with comma-stripped values parsed into numbers. SVG circles display the data, styled with black fill and opacity.

CCurran Kelleher
73% match
Loading thumbnail…

A scatter plot Graph.js

This scatter plot visualizes world population for 25 countries in 2016, with each circle’s horizontal position encoding population size on a linear scale and vertical position using a point scale for country names. The SVG chart uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`. Data is loaded from a CSV file, with population values parsed as numbers, and axes are styled with custom tick formatting that abbreviates billions as "B".

DDavideSanto
73% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the world’s most populous countries, with each circle representing a country positioned along a linear population scale and a point scale for country names. The visualization uses D3 v5’s `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render the axes and circles in SVG. Data is loaded from a CSV file and parsed with D3’s `csv` function, with population values formatted in billions via the `format` helper.

WWhitney Hung
73% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the top 10 most populous countries as circles positioned along a linear population scale and a categorical country scale. The data, sourced from the 2018 United Nations World Population Prospects, is loaded via d3.csv and rendered as SVG. The visualization uses d3.scaleLinear, d3.scalePoint, d3.axisLeft, and d3.axisBottom with custom tick formatting and grid lines. Circle styling and axis labels are controlled through external CSS, demonstrating customization of D3 axes and scales.

Nnoelmiranda
72% match
Loading thumbnail…

Interactividad

This interactive scatter plot displays global health and economic data, plotting life expectancy against GDP per capita, with circle radius encoding population and color distinguishing continents. Built with React and D3.js v7, the visualization uses `d3.scaleLog` for the x-axis, `d3.scaleLinear` for y and radius, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. The code implements enter/update/exit logic for SVG circles, enabling dynamic highlighting. Hovering over a circle triggers a custom tooltip showing country, population, GDP, and life expectancy, with other circles dimmed via `d3.selectAll` and opacity styles. Data comes from a remote rosling.json file.

Mmaxthamt
72% match