Skip to main content
SimilarExport ZIP
100%

bi_scatter

✓ Published0🌍 Public
BByronHan333
Last edited Feb 17, 2018
Created on Feb 17, 2018

This scatterplot uses p5.js to visualize the relationship between billionaires' age and net worth, drawing data from the included billionaires.csv. The chart plots each billionaire as a green dollar sign on a canvas with age on the x-axis and net worth in billions on the y-axis. Interactive tooltips display the individual's name, age, and net worth when the mouse hovers near a point. The visualization filters out entries with missing age values and includes axis labels and a title. The code is written in p5.js and loads data from a CSV file, mapping age to horizontal position and net worth to vertical position, with a manual coordinate transformation for the axes.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

tri_scatter

This scatterplot uses p5.js to visualize billionaire data from the billionaires.csv dataset, plotting individual billionaires based on their net worth, age, and gender. Each point represents a billionaire, with the x-axis mapping net worth (in billions), the y-axis mapping age, and gender encoded through color or point style. The visualization reveals clusters and outliers, such as the concentration of billionaires in certain age ranges and wealth brackets, and highlights demographic trends across the dataset. The interactive canvas allows viewers to hover over points to inspect specific individuals, making it a tool for exploring wealth distribution patterns.

BByronHan333
92% 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
87% 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
86% 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
86% 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
Loading thumbnail…

trellis

This visualization compares the net worth and age of male and female billionaires using two side-by-side scatter plots. Each green dollar sign represents a billionaire, plotted by age on the x-axis and net worth in billions on the y-axis. The p5.js code loads data from a CSV file and separates it by gender. Hovering over a data point reveals the individual’s name, age, and net worth via simple mouse position checks and text display.

BByronHan333
84% match
Loading thumbnail…

scattermatrix

This scatterplot matrix displays the relationship between multiple numeric attributes of billionaires from the dataset in billionaires3.csv, including age, GDP, rank, and worth. Each cell in the lower triangle pairs two variables, with SVG circles colored by industry and semi-transparent to reveal overlapping points. Brushing is enabled on the plot matrices, allowing users to select regions across cells to filter and highlight linked points across all panels. The axes and frames use crisp edges for clarity, and the categorical variable (industry) is mapped to the fill color of the circles. The chart is implemented with D3 v4, rendering to SVG, and includes a hidden-class mechanism for interactive filtering. The dataset contains 64 rows of billionaire records from 1996 with attributes like age, wealth, industry, and citizenship.

BByronHan333
83% match
Loading thumbnail…

scattermatrix

This scatterplot matrix displays the relationship between multiple numeric attributes of billionaires from the dataset in billionaires3.csv, including age, GDP, rank, and worth. Each cell in the lower triangle pairs two variables, with SVG circles colored by industry and semi-transparent to reveal overlapping points. Brushing is enabled on the plot matrices, allowing users to select regions across cells to filter and highlight linked points across all panels. The axes and frames use crisp edges for clarity, and the categorical variable (industry) is mapped to the fill color of the circles. The chart is implemented with D3 v4, rendering to SVG, and includes a hidden-class mechanism for interactive filtering. The dataset contains 64 rows of billionaire records from 1996 with attributes like age, wealth, industry, and citizenship.

BByronHan333
83% match