Skip to main content
100%

3. Create a scatter plot - bivariate using d3

✓ Published0🌍 Public
Aaabajaj2
Last edited Mar 30, 2018
Created on Mar 29, 2018

This scatter plot visualizes billionaire data from a CSV file, mapping age and net worth (in billions) onto a two-dimensional chart using D3 v4. The SVG-based graphic uses linear scales for both axes, with age on the x-axis and wealth on the y-axis. The visualization is created by loading the `billionaires.csv` dataset and rendering each billionaire as a point in the scatter plot, with the axes and plot area sized to fit a 960×500 viewport.

AI-generated description

Similar vizzes

Loading thumbnail…

4. Create a scatter plot - trivariate using d3

This scatter plot visualizes billionaire data from a CSV file, encoding three variables: age on the x-axis, worth in billions on the y-axis, and gender mapped to color. The chart uses linear scales for both axes, with a legend to distinguish male and female data points. The SVG-based visualization is built with D3 v4 and includes labeled axes for age and wealth, rendered at a fixed width and height with defined margins.

Aaabajaj2
93% 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
89% match
Loading thumbnail…

scatter

This scatter plot uses D3 v4 to visualize billionaire data from a CSV, encoding age on the x-axis and wealth on the y-axis. Each circle represents a billionaire, with SVG rendering and margins adjusted for axis labels. The chart shows the relationship between age and wealth, with the data source attributed to a gist by ByronHan333.

BByronHan333
88% 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
88% match
Loading thumbnail…

6. Scatter plot matrix using d3

This scatter plot matrix visualizes relationships among age, gender, and worth in billions for billionaire data loaded from a CSV file. The grid displays pairwise comparisons, with gender treated as a categorical band scale and the numeric variables on linear axes. Each cell plots circles colored by gender, using D3 v4 scales, axes, and SVG rendering. The code builds axes and cells through nested data-crossing loops, highlighting the structure of the dataset across three selected traits.

Aaabajaj2
86% 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
86% 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
85% match
Loading thumbnail…

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
84% match