Skip to main content
SimilarExport ZIP
100%

Pseudo-Visualization

✓ Published1🌍 Public
Ppbruss@bu.edu
Last edited Sep 26, 2024
Created on Sep 24, 2024
Forked from Marks and Channels

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.

AI-generated description

A D3 scatter-bubble plot showing the Marks and Channels concept for the 2023 Global Country Development & Prosperity Index dataset.

Comparing two numerical attributes:

  • Personal Freedom score (out of 100)
  • Social Capital score (out of 100)

Marks:

  • Points: Represents a country

Channels:

  • Position (via x and y coordinates in 2D space): x-axis position represents a country’s social capital score. y-axis position represents a country’s personal freedom score

  • Size (via radius of the circle): Represents the overall average score of each country. The larger the circle the higher the overall score.

  • Color: unique and represents every country in the dataset.

MIT Licensed

Similar vizzes

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
94% match
Loading thumbnail…

Simple Scatter Plot (Global Prosperity Index)

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.

Ppbruss@bu.edu
91% match
Loading thumbnail…

Fork of Marks and Channels

This fork of Marks and Channels demonstrates fundamental D3 visualization concepts by plotting a small dataset of seven countries according to their personal freedom and capital scores. The visualization uses circles as point marks, with horizontal and vertical positions encoding the two metrics, while circle radius encodes the average of both scores and color distinguishes countries using `d3.scaleOrdinal` with `d3.schemeCategory10`. The implementation shows a bubble chart built with SVG circle elements, `d3.axisBottom` and `d3.axisLeft` for axes, and linear scales for positioning. Country labels are placed inside each circle using SVG text elements. The code illustrates scaling factors, SVG attributes `transform` and `fill`, and D3 color schemes.

Ppbruss@bu.edu
78% 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
75% match
Loading thumbnail…

q91011

This bubble chart visualizes the correlation between GDP per capita and happiness scores for 20 countries, with bubble radius scaled to population size. Built with D3.js v7 and rendered as SVG, it plots points using linear scales for both axes. The chart includes an interactive tooltip that appears on hover, showing detailed data for each country, and features a legend indicating population size ranges. The data is loaded from a CSV file and processed using D3's `d3.csv` method.

Ppavanpkkalyan3@gmail.com
74% match
Loading thumbnail…

Untitled

This interactive scatterplot explores the relationship between a selectable metric (Freedom, Corruption, Generosity, or Health) and depression rates across all ages, filtered by world region. Colored dots represent different years, with tooltips revealing exact values. The visualization uses D3 v6 to load CSV data via `d3.csvParse`, render SVG elements, and update scales, axes, and circles dynamically through dropdown selectors.

NNikithakatta30
73% match
Loading thumbnail…

project plot2

This interactive scatter plot shows the relationship between GDP per capita and happiness scores for countries worldwide, with a dropdown menu allowing selection of individual years from 2015 to 2022. Each circle represents a country, positioned by its economic output and well-being score, while color encodes healthy life expectancy using a sequential plasma scale via d3.scaleSequential. Tooltips provide detailed country-specific values on hover. Built with D3 v7, the visualization uses d3.csv to load external data, SVG circles with enter/update transitions for animated year changes, and d3.axisBottom/d3.axisLeft for the coordinate axes.

Kkallappareddygari Lohith reddy
73% 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
73% match