Skip to main content
SimilarExport ZIP
100%

2nd task

✓ Published0🌍 Public
Nnitishsurneni@gmail.com
Last edited Apr 26, 2025
Created on Apr 26, 2025
Forked from Project

This treemap visualizes the distribution of billionaire wealth across twelve industries, using a color-coded hierarchy where rectangle size corresponds to total industry wealth. Built with D3 v7, the code uses `d3.hierarchy` and `d3.treemap` to compute spatial layout, then renders each leaf as an SVG `rect` with a text label. The visualization includes interactive tooltips that display the industry name and total wealth on hover, with smooth opacity transitions. The color scheme uses `d3.schemeSet3` for categorical distinction.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Heatmap: Billionaires D3

This heatmap visualizes billionaire wealth across regions and wealth types, with each cell colored by total wealth worth in billions and a tooltip displaying the exact value on hover. The chart uses D3 v6 with SVG rendering, employing `d3.scaleBand` for the x and y axes and `d3.scaleLinear` for the color mapping. Data is loaded from a CSV via `d3.csv`, and interactivity is handled through mouseover, mousemove, and mouseleave events that control a custom tooltip div. The visualization is titled and subtitled directly within the SVG.

EEunice Tu
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
78% match
Loading thumbnail…

3rd task

Three synchronized D3.js v7 charts form an interactive dashboard for exploring billionaire data: a bar chart of net worth, a line chart of GDP growth from 2015 to 2022, and a pie chart of industry shares. Dropdown menus filter by country and industry, triggering updates to all visualizations. The bar and line charts update based on the selected country, while the pie chart filters by industry, with a tooltip on hover. All charts render as SVG and use scales and axes from the D3 API.

Nnitishsurneni@gmail.com
78% match
Loading thumbnail…

Heatmap with tooltip: Billionaires D3

This heatmap shows the total wealth in billions for billionaires grouped by region and wealth type, with a tooltip revealing exact values on hover. The visualization uses D3 v6 to render an SVG grid where each rectangle’s fill color is mapped via `d3.scaleLinear` from white to steelblue. Axes are built with `d3.scaleBand` and `d3.axisBottom`/`d3.axisLeft`, while mouse events control the tooltip’s opacity and position. Data comes from the CORGIS Billionaires Dataset, pre-aggregated and loaded as CSV via `d3.csv`.

EEunice Tu
77% 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
77% 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
77% 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
76% match
Loading thumbnail…

Trellis plot

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.

PPragyagarg
75% match