Fork of Pseudo-Visualization

100%

Fork of Pseudo-Visualization

✓ Published0🌍 Public

Last edited Oct 1, 2024

Created on Oct 1, 2024

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.

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…

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

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

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

79% match

Loading thumbnail…

Fork of Stylized Scatter Plot

This interactive scatter plot displays country-level well-being indicators, with happiness score on the x-axis and a selectable y-axis metric (economy, social support, generosity, freedom, or corruption). Each circle represents a country, with an HTML `<title>` tooltip showing its exact happiness score. The React-based visualization uses D3 v5 scales (`scaleLinear`), axes (`AxisBottom`, `AxisLeft`), and CSV data loading (`d3.csv`) from a GitHub gist. Users switch the y-axis via a dropdown, triggering React state updates that re-render the SVG marks.

NNikithakatta30

76% match

Loading thumbnail…

Fork of Interactive Scatter Plot

This interactive scatter plot explores relationships between variables like GDP, CPI, and birth rate across countries, with each point representing a country and colored by continent. Users can switch the x- and y-axis variables via dropdown menus and click legend entries to highlight specific continents. Built with D3 v7, it uses `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and the `axes` helper from `@curran/responsive-axes`, with hover tooltips showing country names. Data comes from the World Data 2023 CSV, and the visualization updates dynamically through D3's data joins and transition methods.

Gg_beck@coloradocollege.edu

76% match

Loading thumbnail…

Fork of q91011

This bubble chart displays the correlation between GDP per Capita and Happiness Score across 20 countries, with bubble size encoding population. Built with D3.js v7, it uses `d3.scaleLinear` for the x and y axes, and for the bubble radius scale. The visualization is rendered as SVG with a custom tooltip that appears on mouseover, showing country-specific details. Data is loaded from a CSV file using `d3.csv`, and includes a legend in the upper right indicating population size ranges.

Kkaushikreddy901@gmail.com

75% match

Loading thumbnail…

Fork of task-4

This bubble chart visualizes the relationship between GDP, social support, and happiness scores across countries. Each circle represents a country, with its x-position indicating GDP, y-position indicating social support, and radius scaled by happiness score. The visualization uses D3.js v7’s `scaleLinear` for axes and bubble sizing, along with `scaleOrdinal` and `interpolateTurbo` for country-based coloring. Interactive tooltips appear on mouseover, showing the country name. The chart includes a legend for happiness scores and a color-coded list of countries, with SVG rendering.

LLakshmiPrasannaValdas@my.unt.edu

74% match

Loading thumbnail…

Fork of Fork of q4

This chart displays the relationship between a country's GDP, social support, and its happiness score. Each bubble represents a country, positioned along the x-axis for GDP and the y-axis for social support, while its size corresponds to the happiness score. Hovering over a bubble reveals the country's name via a tooltip. The visualization uses D3.js (v7) with an SVG rendering and a color-coded legend to differentiate countries. Data is loaded from a CSV file, mapping each country to a distinct color from the interpolateTurbo scale.

LLakshmiPrasannaValdas@my.unt.edu

74% match