Skip to main content
SimilarExport ZIP
100%

6-scatterplot

✓ Published1🌍 Public
GGorantla Vishnusai
Last edited Apr 1, 2025
Created on Apr 1, 2025

This visualization presents a scatter plot of billionaire data, mapping each individual’s rank along the x-axis against their final worth in billion dollars on the y-axis. Circles are colored by category, with a tooltip revealing the person’s name, worth, category, and age on hover. Built with D3 v6, it loads a CSV from a gist, uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. The SVG rendering includes labeled axes and interactive mouseover events.

AI-generated description
MIT Licensed

Similar vizzes

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

scatter

This scatter plot visualizes billionaire wealth distribution, mapping individual billionaires as circles based on their age and net worth in billions of dollars. The chart uses the d3.v4 library with SVG rendering, reading from the billionaires.csv dataset. The data is plotted with age on the x-axis and wealth on the y-axis, with each point representing a billionaire. The chart includes marginal space for a categorical legend and uses a simple, clean design typical of blockbuilder.org examples. The visualization makes it easy to compare the relationship between age and wealth across the included billionaires from 1996.

BByronHan333
85% match
Loading thumbnail…

scatter

This scatter plot uses D3 v4 to visualize billionaire data from a CSV, encoding age on the x-axis and wealth on the y-axis. Each circle represents a billionaire, with SVG rendering and margins adjusted for axis labels. The chart shows the relationship between age and wealth, with the data source attributed to a gist by ByronHan333.

BByronHan333
85% match
Loading thumbnail…

scatter

This scatter plot visualizes the wealth distribution of billionaires from 1996, with each point representing an individual billionaire. The data, sourced from a CSV file, is plotted with age on one axis and net worth on the other, using colored or shaped symbols to encode categories such as industry and region. The chart is rendered as an SVG using D3 v4, with margins defined for axes and a legend, and the visualization highlights patterns in billionaire demographics and financial standings across different sectors and countries.

BByronHan333
85% 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
84% match