ScatterPlot

100%

✓ Published0🌍 Public

Last edited Mar 21, 2024

Created on Mar 21, 2024

This scatter plot correlates countries’ GDP per capita with their coffee export volumes, positioning each country as a dot according to economic status and export scale. The visualization uses D3.js v7 with SVG rendering, loading a remote CSV dataset from GitHub. Both axes display the underlying values, with the chart applying linear scales via `d3.scaleLinear` and rendering circles with a semi-transparent blue fill.

AI-generated description

MIT Licensed

Similar vizzes

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

76% match

Loading thumbnail…

Fork of Scatter project

This scatter plot visualizes the relationship between country code (on the x-axis) and GDP (on the y-axis) for a dataset of international tourism receipts, with each country represented as a semi-transparent red circle. The visualization uses the D3 v5 library, specifically importing functions like `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes and scale the data. The data is loaded from a CSV file and processed in JavaScript, with the GDP values converted to numbers before being rendered as SVG circles within a 960x500 pixel canvas.

Rrallabandisushen@gmail.com

76% match

Loading thumbnail…

Almost Final-4

This scatterplot visualizes GDP variation over time for multiple countries, with each dot colored by country and opacity highlighting a selected country while dimming others. Users click legend items to filter the visualization. The chart uses D3 v5 with SVG rendering, `scaleLinear` for axes, `scaleOrdinal` with `schemeSet2` for colors, and custom `scatterplot` and `colorLegend` modules. Data loads from a CSV file containing yearly GDP percentages.

MMukund Khandelwal

76% match

Loading thumbnail…

Scatterplot project

This scatterplot charts country economies as circles, with the x-axis representing economy values from a CSV file and the y-axis listing country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render axes, while `select`, `append`, and `data` methods position circles at scaled coordinates. The SVG canvas is 960 by 500 pixels, and the chart includes a title noting countries that consume the most electricity. The graph remaps numeric string values from the data source using `+d.economies` before rendering.

Iisidro12345

75% match

Loading thumbnail…

A6_ScatterPlot

This scatter plot visualizes the relationship between happiness scores and GDP per capita across multiple continents, with each circle colored according to its continent category. It shows how countries with higher GDP per capita tend to report higher happiness scores, while also revealing regional clusters and outliers. The visualization is built with D3 v7 and rendered as SVG, using a linear scale for both axes and an ordinal color scale for continental groupings. A d3-legend legend provides a color key for the continent categories, and the data is loaded from an external CSV file containing happiness and GDP metrics.

DDuc Pham

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

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

75% match

Loading thumbnail…

Scatter Plot with Menu

This scatter plot visualizes worldwide export data from 2000 to 2016, with each circle representing a country-year observation. Users select the x and y axes from dropdown menus to compare different economic indicators across countries, while a color legend toggles which country category is highlighted in the plot, dimming non-selected points. Built with D3 v5, the visualization uses an animated transition to grow circles over 2 seconds, scales axes with `d3-scaleLinear`, and renders SVG elements. A hover tooltip displays the reporter description for each point, while the legend and dropdowns filter and control the displayed data.

Vveagy

75% match