my project

100%

✓ Published0🌍 Public

Last edited Apr 26, 2025

Created on Apr 26, 2025

This bubble chart compares the net worth of 45 billionaires against their country's GDP, using the x-axis for GDP and the y-axis for individual wealth. Each circle’s size is scaled by net worth, and a tooltip reveals the person’s name when hovered. Built with D3 v7, the visualization uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` for axes, sizing, and coloring, with axes drawn via `d3.axisBottom` and `d3.axisLeft`. Data is a static, hard-coded array.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Visualization

This visualization explores the relationship between billionaire wealth and global GDP growth, offering three interactive views: a bar chart showing total wealth by industry, a scatter plot comparing GDP growth to individual net worth, and a heatmap displaying a simplified correlation metric. The bar chart aggregates data by category and displays total wealth per industry, while the scatter plot plots GDP growth from 2019-2024 against billionaire wealth with interactive tooltips. The heatmap uses a viridis color scale to represent correlation values. Built with d3.v7, the visualization loads CSV data and renders SVG graphics using d3.scaleBand, d3.scaleLinear, d3.nest(), and d3.axisBottom.

Nnitishsurneni@gmail.com

81% match

Loading thumbnail…

Fork of scatter plot

This scatter plot shows the relationship between the personal wealth of billionaires (in billions of USD) and their country’s GDP (in trillions of USD), with each point labeled by the billionaire’s name. Built with Chart.js and PapaParse, it loads data from a local CSV file, parses it asynchronously, and renders an interactive canvas-based chart. Tooltips display each billionaire’s name alongside both wealth and GDP values, while axis titles clarify the measured units. The visualization highlights the concentration of wealth among billionaires from countries with large economies.

Nnitishsurneni@gmail.com

81% match

Loading thumbnail…

Bar Chart in D3

This bar chart displays the net worth of the top 20 billionaires in 2014, with each billionaire’s name on the y-axis and their wealth in billions on the x-axis. The visualization uses D3 v7 to load CSV data from a GitHub gist, and renders horizontal bars as SVG rectangles scaled with `d3.scaleLinear` and `d3.scaleBand`. Text labels show exact wealth values at the end of each bar, while axis and chart titles are added using D3’s SVG text elements. The styling relies on CSS classes for bar fill and font formatting.

RRiya Mathur

79% match

Loading thumbnail…

bar chart

This bar chart displays the net worth of prominent billionaires from the 2014 dataset, with each bar representing an individual’s name and worth in billions of USD. The visualization uses D3.js v4 to create an SVG-based chart, employing `d3.scaleBand` for the x-axis categories and `d3.scaleLinear` for the y-axis values. Data is loaded from a CSV file, and axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with rotated text labels for readability. The chart highlights wealth distribution across notable figures, sourced from the provided gist.

BByronHan333

79% match

Loading thumbnail…

bar chart

This bar chart displays the net worth in billion USD of five billionaires from 2014, sorted by name along the x-axis with vertical bars representing their wealth. Using D3.js v4, the visualization loads data from a CSV file and renders scalable vector graphics (SVG) with `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. The code appends rectangles for each bar, styles them with a steelblue fill, and adds axes via `d3.axisBottom` and `d3.axisLeft`. The data originates from the provided `bar.csv` file, which includes names and corresponding worth values.

BByronHan333

79% match

Loading thumbnail…

New Bar Chart D3

This bar chart displays the wealth of billionaires, grouped by company name, with bar heights and colors scaled to each billionaire’s net worth in billions of dollars. Built with D3 v6 and React, the visualization loads CSV data from a GitHub gist, uses `d3.scaleBand` and `d3.scaleLinear` for axes, and renders bars as SVG rectangles with hover effects via CSS. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, and each bar includes a tooltip title showing its value.

AAllen Ho

76% match

Loading thumbnail…

Heatmap with tooltip: Billionaires D3

This heatmap shows the total wealth in billions for billionaires grouped by region and wealth type, with a tooltip revealing exact values on hover. The visualization uses D3 v6 to render an SVG grid where each rectangle’s fill color is mapped via `d3.scaleLinear` from white to steelblue. Axes are built with `d3.scaleBand` and `d3.axisBottom`/`d3.axisLeft`, while mouse events control the tooltip’s opacity and position. Data comes from the CORGIS Billionaires Dataset, pre-aggregated and loaded as CSV via `d3.csv`.

EEunice Tu

76% match

Loading thumbnail…

6-Scatter Plot

This scatter plot displays the relationship between billionaires’ net worth (in thousands) and their age, with each circle representing an individual and hovering to reveal the person’s name via a SVG title tooltip. The visualization uses D3 v7’s reusable chart pattern, configuring linear scales for both axes and rendering axes with formatted tick labels. Data is fetched asynchronously from a CSV file hosted on GitHub Gist, while the chart’s width, height, and accessor functions remain customizable through getter-setter methods.

GGorantla Vishnusai

76% match