p5.js.billionaires.barplot

100%

p5.js.billionaires.barplot

✓ Published4🌍 Public

Last edited Feb 3, 2024

Created on Feb 2, 2024

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.

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

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

91% match

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

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

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

84% match

Loading thumbnail…

dotplot

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.

EEunice Tu

83% match

Loading thumbnail…

Fork of Bar Char in D3

This bar chart visualizes the average worth of billionaires grouped by inheritance type, showing that those who inherited wealth from a spouse or father tend to have higher average worth than those without inheritance. The visualization uses D3 v7 to render SVG elements, employing `d3.scaleBand` for both axes and `d3.axisLeft` for the y-axis ticks. Data comes from an edited CSV file loaded via `d3.csv`, which is processed by converting the inherited type values before rendering the chart.

EEunice Tu

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

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

80% match