dot

100%

✓ Published0🌍 Public

Last edited Feb 3, 2024

Created on Feb 3, 2024

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

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

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

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

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

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

81% match

Loading thumbnail…

Fork of Bar Char in D3

This bar chart visualizes the relationship between inherited type and average total worth for billionaires, using a dataset loaded from a GitHub gist via `d3.csv`. The visualization employs `d3.scaleBand` for the categorical X-axis and `d3.scaleLinear` for the numeric Y-axis, rendering bars as SVG rectangles. Hovering changes bar color from steel blue to orange, and axes are styled with custom CSS. The chart updates its height based on the maximum value in the data, with a tidy layout defined by explicit margins.

EEunice Tu

81% match

Loading thumbnail…

bar chart

This bar chart displays the net worth of prominent billionaires from the 2014 dataset, with each bar representing an individual’s name and worth in billions of USD. The visualization uses D3.js v4 to create an SVG-based chart, employing `d3.scaleBand` for the x-axis categories and `d3.scaleLinear` for the y-axis values. Data is loaded from a CSV file, and axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with rotated text labels for readability. The chart highlights wealth distribution across notable figures, sourced from the provided gist.

BByronHan333

81% match