dotplot

100%

✓ Published0🌍 Public

Last edited Feb 3, 2024

Created on Feb 3, 2024

A dot plot compares average wealth across inherited types of billionaires, using the Corgis Education billionaire dataset with two columns: inherited type and average worth. The sketch renders gray and black horizontal grid lines, axes, tick labels, and vertical bars encoded with negative height scaling based on worth values. Built with p5.js, it loads data via `loadTable`, draws shapes with `rect` and `line`, and positions rotated text using `push`, `translate`, and `rotate`. A legend and title clarify categories from not inherited to spouse/widow.

AI-generated description

(https://gist.github.com/eunicetu16/119ee3d3babaed5f263119abe3664f3f)

The original dataset is from "https://corgis-edu.github.io/corgis/csv/billionaires/" The dataset has been modified and filtered to have only two columns (inherited_type, Average worth in billions) The total worth has been grouped with different inherited types and the average wealth.

MIT Licensed

Similar vizzes

Loading thumbnail…

dotplot.billionaires.p5.js

This dot plot compares the average net worth of billionaires across different inheritance categories, from non-inherited wealth to those inherited through a spouse or widow. The p5.js sketch loads a filtered CSV dataset from the Corgis billionaires collection via `loadTable`, then renders labeled axes with tick marks and grid lines. It places each category label along the x-axis while computing the plotted positions from the average worth values in billions, though the visual encoding relies on the canvas drawing API rather than a dedicated charting library.

EEunice Tu

89% match

Loading thumbnail…

dotplot_billionaires.p5.js

A dot plot shows the average net worth in billions for billionaires grouped by inheritance type, ranging from spouse or widow at $4.53 billion to fifth-generation at $2.64 billion. Built with p5.js, the sketch loads a remote CSV via `loadTable` in `preload`, then draws axes, gridlines, labels, and blue circles positioned by scaling each value along the x-axis in `draw`. The data comes from the Corgis billionaires dataset, filtered to two columns and averaged per category.

EEunice Tu

88% match

Loading thumbnail…

dot

This dot-and-bar visualization displays the relationship between inherited type and total net worth for billionaires, plotting categorical data along the x-axis and numerical worth values scaled vertically. The sketch loads a CSV dataset from a GitHub gist using the `loadTable` function in Processing (via p5.js), then draws axes, gridlines, and text labels on an 800×800 canvas. Bars represent worth values, with labels for inherited types positioned below, while the y-axis includes tick marks and numeric increments.

EEunice Tu

84% match

Loading thumbnail…

p5.js.billionaires.dotPlot

This dot plot visualizes the relationship between billionaire inheritance type and total wealth, with each circle representing an individual. Data is loaded from a remote CSV file using p5.js `loadTable` in `preload()`. The sketch draws axes, gridlines, labels, and data points via the p5.js `circle()` function, mapping wealth values to x-coordinates and inheritance categories to y-positions. The visualization uses a dark background and blue circles to distinguish data points.

EEunice Tu

84% match

Loading thumbnail…

p5.js.billionaires.barplot

This bar plot visualizes the average wealth of billionaires grouped by inheritance type, using a dataset derived from the CORGIS Billionaires project. The p5.js sketch loads a CSV file via `loadTable` in `preload` and renders static bars with `rect`, axes with `line`, and text labels with `text`. The y-axis tick marks and labels are manually drawn, while each bar’s height scales proportionally to the average worth value. The chart shows that spouse/widow inheritors hold the highest average worth, while fifth-generation inheritors hold the lowest.

EEunice Tu

83% match

Loading thumbnail…

Dot Plot

This dot plot visualizes the ages of billionaires, with each green dot representing one individual’s age along the y-axis and their sequential index on the x-axis. The p5.js sketch loads a CSV dataset in `preload()` using `loadTable`, filters out zero-age entries, then renders axes, tick marks, and axis labels in `draw()`. It uses `map()` to scale data points, `ellipse()` for the dots, and `line()` for the chart framework, all within a 900x600 canvas.

RRiya Mathur

78% match

Loading thumbnail…

Billionaires Bar Chart with D3

This bar chart visualizes the relationship between inheritance type and the average net worth of billionaires, using a dataset from the CORGIS Billionaires project. It shows how average worth in billions varies across different inherited-type categories, with horizontal bars whose lengths encode the values. The visualization is built with D3 v7, using `scaleLinear` for the x-axis, `scaleBand` for categorical y-axis positioning, and `axisBottom`/`axisLeft` to render axes with light gray gridlines. Data is loaded via `d3.csv`, and hover states change bar colors to orange via CSS.

EEunice Tu

77% match

Loading thumbnail…

Billionaires Bar Char in D3

A horizontal bar chart compares the average worth of billionaires by inheritance type, using a band scale for categorical labels and a linear scale for worth values. Built with D3 v7, the SVG visualization reads data from a remote CSV file containing billionaire statistics. The code demonstrates the `d3.csv` data-loading method, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` to render gridlines and tick marks. Each rectangle's height and width derive from the scales, with steelblue fill styling applied via CSS.

EEunice Tu

73% match