Fork of Fork of Activity 6 Tutorial 3.2

100%

Fork of Fork of Activity 6 Tutorial 3.2

✓ Published1🌍 Public

Last edited Apr 6, 2025

Created on Apr 6, 2025

Forked from 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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

78% match

Loading thumbnail…

Fork of Fork of 6-scatterplot

This scatter plot displays the relationship between billionaire rank and final worth, with each circle colored by industry category. The visualization uses D3.js v6 to load CSV data from a GitHub gist and render SVG elements. It employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring, and `d3.axisBottom`/`d3.axisLeft` for labeled axes. Interactive tooltips appear on mouseover, showing each person’s name, worth, category, and age.

GGorantla Vishnusai

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

76% match

Loading thumbnail…

New Bar Chart D3

This bar chart displays the wealth of billionaires, grouped by company name, with bar heights and colors scaled to each billionaire’s net worth in billions of dollars. Built with D3 v6 and React, the visualization loads CSV data from a GitHub gist, uses `d3.scaleBand` and `d3.scaleLinear` for axes, and renders bars as SVG rectangles with hover effects via CSS. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, and each bar includes a tooltip title showing its value.

AAllen Ho

76% match

Loading thumbnail…

Visualization

This visualization explores the relationship between billionaire wealth and global GDP growth, offering three interactive views: a bar chart showing total wealth by industry, a scatter plot comparing GDP growth to individual net worth, and a heatmap displaying a simplified correlation metric. The bar chart aggregates data by category and displays total wealth per industry, while the scatter plot plots GDP growth from 2019-2024 against billionaire wealth with interactive tooltips. The heatmap uses a viridis color scale to represent correlation values. Built with d3.v7, the visualization loads CSV data and renders SVG graphics using d3.scaleBand, d3.scaleLinear, d3.nest(), and d3.axisBottom.

Nnitishsurneni@gmail.com

76% match

Loading thumbnail…

ice 6

This bar chart displays the net worth of billionaires from the Forbes 2025 list, using horizontal bars on a rotated x-axis to show each individual's wealth in billions of US dollars. The visualization is rendered as an SVG with D3.js v7, using `d3.csv` to load the data, `d3.scaleBand` for the categorical axis, and `d3.scaleLinear` for the value axis. Interactive tooltips appear on mouseover, showing the billionaire's full name and net worth through D3's transition system.

Vvaishnavgck@gmail.com

76% match