Simple Scatter Plot (Global Prosperity Index)

100%

Simple Scatter Plot (Global Prosperity Index)

✓ Published0🌍 Public

Last edited Sep 18, 2024

Created on Sep 17, 2024

This scatter plot visualizes the relationship between Social Capital and Personal Freedom scores for countries in the 2023 Global Country Development & Prosperity Index. Each circle represents a country, positioned by its Social Capital score on the x-axis and Personal Freedom score on the y-axis, with the chart's background shaded gray to highlight the data points. The visualization uses D3's `scaleLinear`, `extent`, `axisLeft`, and `xAxis`/`yAxis` functions to map the data and render axes, while the `viz` function draws circles with radius and opacity set from the code.

AI-generated description

A simple scatter plot with D3 showing the 2023 Global Country Development & Prosperity Index.

Focus attributes: SocialCapital + PersonelFreedom

Dataset Task: I want to understand what are the trends, if any, between "SocialCapital" and "PersonelFreedom" scores?

x-axis - Social Capital Score (out of 100): Strength of personal relationships and civic engagement among the country's citizens.

y-axis - Personal Freedom (out of 100): Rights to speech, assembly, and individual autonomy.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo-Visualization

This D3 scatter-bubble plot visualizes the 2023 Global Country Development & Prosperity Index dataset, comparing Personal Freedom and Social Capital scores for a sample of five countries. Each circle’s x-axis position encodes social capital, y-axis position encodes personal freedom, while the radius (scaled via `scaleLinear`) represents overall average score and color assigns each country a unique category from `schemeCategory10`. The visualization uses `d3.select`, `scaleOrdinal`, and custom modules for axes and circle rendering, with fixed domains from 0 to 100 for both axes.

Ppbruss@bu.edu

91% match

Loading thumbnail…

Fork of Pseudo-Visualization

This scatter-bubble plot visualizes the 2023 Global Country Development & Prosperity Index by comparing Personal Freedom and Social Capital scores for each country. Marks represent countries as points, with x/y positions encoding social capital and personal freedom, while circle radius encodes overall average score and color uniquely identifies countries. The visualization uses D3 scales (scaleLinear and scaleOrdinal) for positioning and aesthetics, with data loading from the Kaggle dataset. Axes labels and title are rendered using utility functions from the @curran/axis-labels module.

Ppbruss@bu.edu

88% match

Loading thumbnail…

World Happiness Scatter Plot

This scatter plot visualizes the relationship between happiness ladder scores and generosity across countries, with each red circle representing a country based on data from the World Happiness Report 2019. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick marks, and SVG circles rendered via d3.select and .enter().append('circle'). The chart includes axis labels and a title, with data loaded via d3.csv from an external dataset, and styled through CSS for circle opacity and tick formatting.

SShanthi Acharya

73% match

Loading thumbnail…

2023 Global Country Development & Prosperity Index Dataset

This example visualizes the 2023 Legatum Prosperity Index dataset, mapping geographical distributions of average prosperity and personal freedom scores while exploring correlations between variables like education, health, and living conditions. The code loads CSV data and converts string values to numbers for analysis. It displays the first data entry as a formatted JSON preview using a template literal, providing an initial glimpse into the dataset structure. The implementation uses plain JavaScript DOM manipulation to render the output, with data sourced from a Kaggle-hosted CSV file.

Sste.jendritz@gmail.com

73% match

Loading thumbnail…

1027Happiness Level Scatter Plot

This visualization displays global self-reported life satisfaction from 2004 to 2017, plotting each country-year observation as a point on a scatter plot with selectable y-axis metrics such as GDP per capita or social support. A line chart beneath the scatter plot traces each country’s trends over time, while a color legend allows filtering by specific countries. Built with D3 v5, it uses SVG rendering with animated transitions, d3.scaleOrdinal with interpolateRdYlBu for color mapping, and d3.nest for grouping country lines. Data comes from the World Happiness Report 2017 via Our World in Data.

CChooo4u

72% match

Loading thumbnail…

ScatterPlot

A scatter plot displays the percentage of the population living in poverty for ten countries, with countries arranged along the vertical axis and poverty percentages along the horizontal axis. Each steel-blue circle represents a country, plotted using an SVG. The visualization uses D3 v5 APIs including `d3.csv`, `d3.scaleLinear`, `d3.scalePoint`, `d3.axisLeft`, and `d3.axisBottom`, with data loaded from a local CSV file.

Cchristine

72% match

Loading thumbnail…

Untitled

This interactive scatterplot compares a selected social indicator against age-standardized depression rates across countries, with each circle representing a year's data for a chosen region. Users can switch the x-axis between Freedom, Corruption, Generosity, and Health, and filter by geographic region via dropdown menus. Built with React and D3 v6, the visualization uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render SVG circles, with a color-coded legend distinguishing years. Data comes from the `data.csv` file, and the title suggests a thematic focus on societal factors versus depression.

NNikithakatta30

72% match

Loading thumbnail…

Question4

This scatterplot compares countries by GDP per capita (x-axis) and Life Ladder score (y-axis), using the World Happiness Report dataset. Each circle encodes social support through its radius and healthy life expectancy through a blue sequential color scale (d3.scaleSequential). The chart renders as SVG, with axes via d3.axisBottom and d3.axisLeft, plus hover interactions that enlarge points. A gradient legend displays the color mapping, while tooltips (title elements) reveal detailed country-year values.

Vvishu.valandas@gmail.com

72% match