Skip to main content
SimilarExport ZIP
100%

Fork of vamsi

✓ Published0🌍 Public
Vvaishnavgck@gmail.com
Last edited Mar 25, 2025
Created on Mar 25, 2025
Forked from Bar chart

This scatter plot displays the net worth of billionaires from the Forbes 2025 list against their ranking index. The D3.js visualization loads CSV data via `d3.csv` and renders circles on an SVG canvas, with axes configured using `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft`. Hovering over a point triggers a tooltip revealing the individual's name and wealth. The chart includes labeled axes and a title, with data sourced from the Forbes Billionaires List.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Hello VizHub

This visualization displays the world’s billionaires from the 2023 Forbes list, mapping each person as a node on a global map with size proportional to their net worth. Using D3.js, it employs `d3.forceSimulation` for node positioning and `d3.geoPath` to render country boundaries from the merged CSV data. Hovering over a node reveals a tooltip with the billionaire’s name, rank, and category. The chart emphasizes geographic distribution, illustrating concentrations of wealth in the US, Europe, and Asia.

Nnitishsurneni@gmail.com
83% match
Loading thumbnail…

Fork of Fork of 6-scatterplot

This scatter plot displays the relationship between billionaire rank and final worth, with each circle colored by industry category. The visualization uses D3.js v6 to load CSV data from a GitHub gist and render SVG elements. It employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring, and `d3.axisBottom`/`d3.axisLeft` for labeled axes. Interactive tooltips appear on mouseover, showing each person’s name, worth, category, and age.

GGorantla Vishnusai
82% match
Loading thumbnail…

Fork of 6-scatterplot

This scatter plot shows the relationship between the rank and final worth of billionaires, with each point colored by category and displaying tooltips on hover. The chart, rendered as an SVG using D3 v6, loads CSV data from a GitHub gist. It maps rank to the x-axis and final worth to the y-axis using `d3.scaleLinear`, draws circles, and applies `d3.axisBottom` and `d3.axisLeft` for axes. Interactivity is implemented through mouseover and mouseout events that toggle a tooltip showing the person’s name, worth, category, and age.

GGorantla Vishnusai
82% match
Loading thumbnail…

ice 6

This bar chart displays the net worth of billionaires from the Forbes 2025 list, using horizontal bars on a rotated x-axis to show each individual's wealth in billions of US dollars. The visualization is rendered as an SVG with D3.js v7, using `d3.csv` to load the data, `d3.scaleBand` for the categorical axis, and `d3.scaleLinear` for the value axis. Interactive tooltips appear on mouseover, showing the billionaire's full name and net worth through D3's transition system.

Vvaishnavgck@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
79% match
Loading thumbnail…

Fork of ice5

This example demonstrates how to load and parse CSV data using D3.js, fetching a Forbes 2025 billionaires dataset from a GitHub Gist and displaying the row and column count in an HTML `<pre>` element. The page uses D3’s `d3.csv` API to asynchronously retrieve and parse the remote file, then updates the DOM via `document.querySelector` to show the dataset’s dimensions. The visualization also includes decorative inline SVG icons styled with CSS, while the overall layout is styled with headings and light blue backgrounds. The code runs entirely in a single HTML file with D3 loaded via UNPKG.

Vvaishnavgck@gmail.com
79% match
Loading thumbnail…

Fork of ICE-7 PieChart 11590101

This pie chart visualizes the net worth of the top 10 billionaires in the world, using data from a CSV file loaded via the D3.js `csv` function. The chart displays each billionaire's name and net worth in billions, with colored slices and value labels positioned using the `arc.centroid` method. A legend on the right pairs each color swatch with the corresponding name and net worth figure. The visualization uses D3 v5’s `pie` and `arc` generators, with `scaleOrdinal` for color mapping and `format` for tick label formatting, rendering as SVG elements.

Ggaddamthanmayeereddy759@gmail.com
79% match
Loading thumbnail…

6-scatterplot

This scatter plot visualizes the rank and final worth of billionaires, using color to distinguish their industry categories. Built with D3 v6, it renders circles as SVG elements, with axes for rank and final worth in billion dollars. The code employs `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring. Hovering reveals a tooltip with the individual's name, worth, category, and age. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file.

GGorantla Vishnusai
78% match