linechart

100%

✓ Published0🌍 Public

Last edited Mar 30, 2018

Created on Mar 30, 2018

This line chart visualizes the changing wealth of billionaires from 1996 to 2014, with each line representing an individual's net worth over time. The SVG-based chart uses a yellow stroke for the lines and white-filled dots to mark data points, following a minimal, clean design. Data is loaded from a CSV file containing billionaire attributes such as age, gender, citizenship, industry, and wealth type, allowing the line chart to map wealth values across years for each person. The visualization focuses on trend comparison, with the styling keeping attention on the data itself.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

84% match

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

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

83% match

Loading thumbnail…

barchart

This bar chart visualizes the distribution of billionaires’ wealth across different age groups, using data from a CSV file of billionaires. The chart is rendered with D3 v4 as SVG, using a band scale for the x-axis categories and a linear range for the y-axis. The bars are colored steel blue, with margins configured to fit a standard 960×500 canvas. The x-axis is categorical and rotated to accommodate longer labels, while the y-axis is quantitative, representing counts or values from the dataset. Built with Blockbuilder.org, this example demonstrates how to load and map tabular data into a clean, static bar chart with D3's scalable vector graphics approach.

BByronHan333

83% match

Loading thumbnail…

line

This visualization displays the top five wealthiest billionaires in 2014, filtered from a CSV dataset of billionaire records. It is built with p5.js and uses a custom-drawn bar chart to compare net worth values, plotting names along the x-axis and dollar amounts along the y-axis. The chart includes axes, labels, and a title, and implements an interactive hover feature that reveals each billionaire's exact net worth in billions. The visualization is generated with a nested loop that draws dollar-sign glyphs to represent wealth magnitudes.

BByronHan333

82% match

Loading thumbnail…

bar chart

This bar chart displays the net worth in billion USD of five billionaires from 2014, sorted by name along the x-axis with vertical bars representing their wealth. Using D3.js v4, the visualization loads data from a CSV file and renders scalable vector graphics (SVG) with `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. The code appends rectangles for each bar, styles them with a steelblue fill, and adds axes via `d3.axisBottom` and `d3.axisLeft`. The data originates from the provided `bar.csv` file, which includes names and corresponding worth values.

BByronHan333

82% match

Loading thumbnail…

Line Chart

This line chart displays the net worth of Bill Gates from 1996 to 2014, based on a CSV dataset. It shows how his wealth grows over time. The visualization uses D3 v4 with an SVG rendering, employing a linear x-scale for years and a linear y-scale for worth in billions of USD. The line is styled with a stroke, and circles mark each data point, with axis labels and a title included.

BByronHan333

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