Skip to main content
SimilarExport ZIP
100%

6-scatterplot

✓ Published0🌍 Public
GGorantla Vishnusai
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from lalith_act6-t3

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

6-scatterplot

This visualization presents a scatter plot of billionaire data, mapping each individual’s rank along the x-axis against their final worth in billion dollars on the y-axis. Circles are colored by category, with a tooltip revealing the person’s name, worth, category, and age on hover. Built with D3 v6, it loads a CSV from a gist, uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. The SVG rendering includes labeled axes and interactive mouseover events.

GGorantla Vishnusai
94% match
Loading thumbnail…

Fork of 6-scatterplot

This scatter plot shows the relationship between the rank and final worth of billionaires, with each point colored by category and displaying tooltips on hover. The chart, rendered as an SVG using D3 v6, loads CSV data from a GitHub gist. It maps rank to the x-axis and final worth to the y-axis using `d3.scaleLinear`, draws circles, and applies `d3.axisBottom` and `d3.axisLeft` for axes. Interactivity is implemented through mouseover and mouseout events that toggle a tooltip showing the person’s name, worth, category, and age.

GGorantla Vishnusai
94% 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
92% match
Loading thumbnail…

6-Scatter Plot

This scatter plot displays the relationship between billionaires’ net worth (in thousands) and their age, with each circle representing an individual and hovering to reveal the person’s name via a SVG title tooltip. The visualization uses D3 v7’s reusable chart pattern, configuring linear scales for both axes and rendering axes with formatted tick labels. Data is fetched asynchronously from a CSV file hosted on GitHub Gist, while the chart’s width, height, and accessor functions remain customizable through getter-setter methods.

GGorantla Vishnusai
88% 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
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
84% 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
83% 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
83% match