Skip to main content
SimilarExport ZIP
100%

Trellis plot

✓ Published0🌍 Public
PPragyagarg
Last edited Jul 10, 2018
Created on Jul 10, 2018

The trellis plot compares the relationship between age and wealth (in billions) across three billionaire categories: Financial, Non-Traded Sectors, and Traded Sectors. The visualization uses split axes to isolate each category’s data points. The code relies on `d3.scaleLinear` for custom x- and y-axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and SVG circles to render the filtered datasets from the billionaires.csv file.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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
82% 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
81% 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
78% 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
78% match
Loading thumbnail…

scatter plot

This bar chart shows the relative wealth of billionaires across 18 industries, sorted from highest to lowest total worth. The visualization uses hardcoded data displayed as brown horizontal bars with value labels at the end of each bar. The code leverages D3 v7's `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisTop` with grid lines to create a clean, annotated comparison of industry wealth.

Nnitishsurneni@gmail.com
77% 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
77% match
Loading thumbnail…

scatter

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.

BByronHan333
77% 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
76% match