scatter plot

100%

✓ Published1🌍 Public

Last edited Apr 6, 2025

Created on Apr 6, 2025

Forked from Fork of Fork of Activity 6 Tutorial 3.2

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

scatter

This scatter plot visualizes the wealth distribution of billionaires from 1996, with each point representing an individual billionaire. The data, sourced from a CSV file, is plotted with age on one axis and net worth on the other, using colored or shaped symbols to encode categories such as industry and region. The chart is rendered as an SVG using D3 v4, with margins defined for axes and a legend, and the visualization highlights patterns in billionaire demographics and financial standings across different sectors and countries.

BByronHan333

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

84% match

Loading thumbnail…

6-scatterplot

This scatter plot visualizes the rank and final worth of billionaires, using color to distinguish their industry categories. Built with D3 v6, it renders circles as SVG elements, with axes for rank and final worth in billion dollars. The code employs `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring. Hovering reveals a tooltip with the individual's name, worth, category, and age. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file.

GGorantla Vishnusai

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

82% match

Loading thumbnail…

Fork of Fork of Activity 6 Tutorial 3.2

This horizontal bar chart displays the total wealth of billionaires across 18 industries, sorted from highest to lowest total final worth. The visualization uses hardcoded data rendered as SVG rectangles with d3.axisLeft for the categorical y-axis and d3.axisTop with a linear x-scale for the wealth values. Each bar is labeled with its exact dollar amount using d3.format. The chart emphasizes the dominance of Technology and Fashion & Retail, which have the largest accumulated wealth totals.

Nnitishsurneni@gmail.com

82% match

Loading thumbnail…

Bar Chart in D3

This bar chart displays the net worth of the top 20 billionaires in 2014, with each billionaire’s name on the y-axis and their wealth in billions on the x-axis. The visualization uses D3 v7 to load CSV data from a GitHub gist, and renders horizontal bars as SVG rectangles scaled with `d3.scaleLinear` and `d3.scaleBand`. Text labels show exact wealth values at the end of each bar, while axis and chart titles are added using D3’s SVG text elements. The styling relies on CSS classes for bar fill and font formatting.

RRiya Mathur

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

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

81% match