Skip to main content
SimilarExport ZIP
100%

scatter

✓ Published0🌍 Public
BByronHan333
Last edited Mar 30, 2018
Created on Mar 30, 2018

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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
96% 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
95% 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
90% 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
88% 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
87% match
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
87% match
Loading thumbnail…

bi_scatter

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.

BByronHan333
87% match
Loading thumbnail…

barchart

This bar chart visualizes the distribution of billionaires’ wealth across different age groups, using data from a CSV file of billionaires. The chart is rendered with D3 v4 as SVG, using a band scale for the x-axis categories and a linear range for the y-axis. The bars are colored steel blue, with margins configured to fit a standard 960×500 canvas. The x-axis is categorical and rotated to accommodate longer labels, while the y-axis is quantitative, representing counts or values from the dataset. Built with Blockbuilder.org, this example demonstrates how to load and map tabular data into a clean, static bar chart with D3's scalable vector graphics approach.

BByronHan333
84% match