Display Scatter plot - trivariate : Total Worth in Billions v/s Age colored by Gender

100%

Display Scatter plot - trivariate : Total Worth in Billions v/s Age colored by Gender

✓ Published0🌍 Public

Last edited Feb 17, 2018

Created on Feb 17, 2018

A scatter plot displays the total worth in billions against age for billionaires, with points colored by gender: blue for male, pink for female, red for no gender, and orange for married couples. Built with p5.js using data from billionaires.csv, the visualization maps age on the x-axis and total worth on the y-axis, with hovering over a point revealing its exact coordinates. The plot includes labeled axes, grid lines, and a legend showing gender categories with distinct point sizes for easier differentiation.

AI-generated description

Similar vizzes

Loading thumbnail…

Display Trellis plots : Worth in Billions v/s Age for different Genders

This trellis plot displays billionaire net worth versus age, with data separated into four panels based on gender categories. The visualization uses p5.js with a CSV dataset of billionaires, mapping age along the x-axis and "worth in billions" along the y-axis. Individual billionaires are represented as colored ellipses, with blue markers for males, pink for females, red for missing gender data, and orange for married couples. The panels are arranged horizontally, with male data plotted in the first panel, female data in the second, and married/other categories in subsequent panels, enabling side-by-side comparison across gender groups. Each panel includes identical axes scaled from the global minimum and maximum values for age and worth, with gridlines every 100 units. A legend at the top explains the color-to-gender mapping, and axis labels indicate Age (x-axis) and Worth in Billions (y-axis). The visualization uses a trellis (small multiples) design to compare the distribution of billionaire ages and net worth across gender categories.

Aaabajaj2

88% match

Loading thumbnail…

Display a Scatterplot matrix (SPLOM) for Age , Gender and Worth in Billion

This interactive scatterplot matrix (SPLOM) visualizes billionaire data across three dimensions: age, gender, and net worth (in billions). The matrix is arranged in a 3x3 grid, with each cell showing the relationship between a pair of variables using colored scatterplot points (blue for gender vs. age, green for gender vs. worth, red for age vs. worth). Gender is encoded numerically (male=1, female=2, blank=3, other=4). Each plot includes axis labels, tick marks, and value ranges, with the diagonal cells containing text labels for the variables. The visualization is built with p5.js, loading data from a CSV file, and uses color-coded ellipses to represent individual billionaires across the three dimensions.

Aaabajaj2

86% match

Loading thumbnail…

Display Scatter Plot - bivariate

A scatter plot displays the relationship between billionaires' ages and their net worth in billions, using data from the billionaire.csv dataset. The p5.js sketch maps age to the x-axis and worth to the y-axis, plotting each billionaire as a small blue ellipse. Pink bars extend from each point to the x-axis, and hovering near a point displays its exact coordinates as text. The chart includes labeled axes, axis ranges, a grid, and a green marker that follows the mouse position.

Aaabajaj2

86% 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

83% 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

83% 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

82% match

Loading thumbnail…

6. Scatter plot matrix using d3

This scatter plot matrix visualizes relationships among age, gender, and worth in billions for billionaire data loaded from a CSV file. The grid displays pairwise comparisons, with gender treated as a categorical band scale and the numeric variables on linear axes. Each cell plots circles colored by gender, using D3 v4 scales, axes, and SVG rendering. The code builds axes and cells through nested data-crossing loops, highlighting the structure of the dataset across three selected traits.

Aaabajaj2

82% match

Loading thumbnail…

Scatterplot Matrix

This scatterplot matrix, or SPLOM, visualizes the relationships between age, gender, and net worth for a dataset of billionaires from 1996. Each cell displays a scatterplot comparing two of these three traits, with points colored by gender. The code uses D3.js v4 to create an SVG visualization, employing linear scales for numeric axes and band scales for the categorical gender axis. Data is loaded from a local CSV file using `d3.csv`.

PPragyagarg

80% match