Skip to main content
SimilarExport ZIP
100%

Visualization

✓ Published0🌍 Public
Nnitishsurneni@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from PieChart-D3

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.

AI-generated description
MIT Licensed

Similar vizzes

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

my project

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.

Nnitishsurneni@gmail.com
81% match
Loading thumbnail…

heat map

This heat map visualizes the correlation between GDP and wealth for ten countries, using color intensity to represent the absolute difference between each country’s GDP and wealth values. The visualization arranges countries along the x-axis and two categories, GDP and Wealth, along the y-axis, with each cell colored using a sequential interpolateCool scale. Built with D3.js v7, the code flattens the source data into category-specific rows, then renders SVG rectangles positioned by d3.scaleBand for both axes. The result provides a quick comparative view of economic output versus per-capita wealth across the included nations.

Nnitishsurneni@gmail.com
81% match
Loading thumbnail…

scatter plot

This bar chart shows the relative wealth of billionaires across 18 industries, sorted from highest to lowest total worth. The visualization uses hardcoded data displayed as brown horizontal bars with value labels at the end of each bar. The code leverages D3 v7's `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisTop` with grid lines to create a clean, annotated comparison of industry wealth.

Nnitishsurneni@gmail.com
80% match
Loading thumbnail…

Heatmap: Billionaires D3

This heatmap visualizes billionaire wealth across regions and wealth types, with each cell colored by total wealth worth in billions and a tooltip displaying the exact value on hover. The chart uses D3 v6 with SVG rendering, employing `d3.scaleBand` for the x and y axes and `d3.scaleLinear` for the color mapping. Data is loaded from a CSV via `d3.csv`, and interactivity is handled through mouseover, mousemove, and mouseleave events that control a custom tooltip div. The visualization is titled and subtitled directly within the SVG.

EEunice Tu
79% 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
79% match
Loading thumbnail…

Scatterplot in D3

This scatterplot visualizes the relationship between the age and wealth of billionaires, sourced from a CSV file. Each purple circle represents a billionaire, with its position determined by age on the x-axis and wealth in billions on the y-axis. The visualization uses D3.js version 7 within an SVG rendering to create the plot, axes, and labels. The code employs `d3.csv` to load the data, `d3.scaleLinear` for scaling, and `d3.axisBottom` and `d3.axisLeft` to construct the chart axes.

RRiya Mathur
78% match
Loading thumbnail…

3rd task

Three synchronized D3.js v7 charts form an interactive dashboard for exploring billionaire data: a bar chart of net worth, a line chart of GDP growth from 2015 to 2022, and a pie chart of industry shares. Dropdown menus filter by country and industry, triggering updates to all visualizations. The bar and line charts update based on the selected country, while the pie chart filters by industry, with a tooltip on hover. All charts render as SVG and use scales and axes from the D3 API.

Nnitishsurneni@gmail.com
78% match