Display line chart using p5: Total Worth in Billions v/s Year

Display barChart: Total Worth in Billions v/s Year

This interactive bar chart, built with p5.js, displays the total worth of billionaires in billions of U.S. dollars by year. The data comes from a CSV file (billionaires.csv) containing entries from 1996, where each year’s total worth is calculated by summing the 'worth in billions' column for all billionaires in that year. The visualization uses a fixed canvas with axes labeled "Year" and "Total Worth in Billions," and maps each year to a vertical pink bar. A tooltip showing the year and total worth appears when hovering over a bar, and the bar changes color to red for feedback. The chart also includes grid lines, axis labels, and a circle that tracks the mouse position.

Aaabajaj2

94% match

linechart

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.

80% match

Display Scatter plot - trivariate : Total Worth in Billions v/s Age colored by Gender

A scatter plot displays the total worth in billions against age for billionaires, with points colored by gender: blue for male, pink for female, red for no gender, and orange for married couples. Built with p5.js using data from billionaires.csv, the visualization maps age on the x-axis and total worth on the y-axis, with hovering over a point revealing its exact coordinates. The plot includes labeled axes, grid lines, and a legend showing gender categories with distinct point sizes for easier differentiation.

Aaabajaj2

79% match

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.

79% match

Display Scatter Plot - bivariate

A scatter plot displays the relationship between billionaires' ages and their net worth in billions, using data from the billionaire.csv dataset. The p5.js sketch maps age to the x-axis and worth to the y-axis, plotting each billionaire as a small blue ellipse. Pink bars extend from each point to the x-axis, and hovering near a point displays its exact coordinates as text. The chart includes labeled axes, axis ranges, a grid, and a green marker that follows the mouse position.

Aaabajaj2

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.

bi_scatter

This scatterplot uses p5.js to visualize the relationship between billionaires' age and net worth, drawing data from the included billionaires.csv. The chart plots each billionaire as a green dollar sign on a canvas with age on the x-axis and net worth in billions on the y-axis. Interactive tooltips display the individual's name, age, and net worth when the mouse hovers near a point. The visualization filters out entries with missing age values and includes axis labels and a title. The code is written in p5.js and loads data from a CSV file, mapping age to horizontal position and net worth to vertical position, with a manual coordinate transformation for the axes.

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.