Bubble Plot: Messi vs Messi

100%

Bubble Plot: Messi vs Messi

✓ Published0🌍 Public

Last edited Nov 16, 2022

Created on Nov 2, 2022

This bubble plot compares Lionel Messi’s goals and assists across seasons, with each bubble representing a year. Bubble size encodes the same metric as the Y-axis, while color represents the season. The chart uses D3 v4 with an SVG renderer, a linear scale for axes, a square-root scale for bubble radius, and a categorical color scale. Hovering reveals a tooltip with year details, and hovering a bubble dims all others to highlight the selected season.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bubble Chart in D3

This bubble chart compares Lionel Messi’s goals and assists across seasons from 2004 to 2022, with each circle sized by the square root of goals and colored by year. It uses d3.csv to load the data, d3.scaleLinear for axes, d3.scaleSqrt for bubble size, and d3.scaleOrdinal for color mapping. The SVG rendering includes axis labels and hover effects that alter circle strokes.

EEunice Tu

87% match

Loading thumbnail…

Dot Plot: Goals: MessiVRonaldo

This dot plot compares Lionel Messi and Cristiano Ronaldo’s goal totals by season, with each year on the y-axis and a grey line connecting the two players’ goal counts. The visualization overlays the plot on a football pitch diagram, using SVG rectangles and lines for field markings. Built with D3 v4, it uses `d3.scaleLinear` and `d3.scaleBand` for axes, while circles are colored green for Messi and purple for Ronaldo. Clicking the player labels toggles the corresponding data points’ opacity via `d3.selectAll` and `.transition()`. Data is loaded from a CSV via `d3.csv`.

SSimon Hackbert

78% match

Loading thumbnail…

Bubble Plot D3

A bubble chart displays FIFA World Cup data, mapping tournament years on the x-axis, the number of participating teams on the y-axis, and bubble size to total attendance. Bubble color encodes the number of games played, using a viridis sequential color scale. The D3 v7 code creates an SVG with linear and band scales, square-root scaling for radii, and includes axes, titles, and legends. Data is loaded from a remote CSV file via `d3.csv`.

SShazil Taqi

68% match

Loading thumbnail…

Scatter Plot With Menus

This interactive scatter plot visualizes top football league scorers, with menus to select different metrics for the x-axis, y-axis, and year. The chart displays each player as a circle, colored by league, and uses a color legend to filter points by league. The visualization is built with D3.js, using `scaleLinear` for axes, `scaleOrdinal` for colors, and responsive axes. Users can hover over points to highlight them and see player names via tooltips, while the legend allows clicking to isolate a specific league.

Eeschuman20@gmail.com

65% match

Loading thumbnail…

Interactive Scatter Plot

This interactive scatter plot visualizes top football league scorers using D3.js, letting users explore relationships between performance metrics like goals, shots, expected goals (xG), and minutes played. Three dropdown menus allow selection of the x-axis variable, y-axis variable, and season year (2016–2020). The chart renders circles colored by league, with player labels on hover and a color legend that supports filtering by league via click, with double-click to clear. All visual elements—including axes, scatter points, and legend—update in response to user input, creating a dynamic, animated exploration of the dataset. The visualization is built with D3 v7 and is responsive to container resizing.

Eeschuman20@gmail.com

65% match

Loading thumbnail…

Data viz of 2018 football top scorers

This interactive scatter plot visualizes data on the top football scorers of 2018, comparing the number of goals scored against matches played. The data is filtered to show only players from La Liga, Serie A, and Bundesliga. Player names are revealed on hover, while the color of each point indicates the league, and the point size encodes the average shots per match. Built with React and D3 v5, the visualization uses D3's `scaleLinear` for the axes, `scaleSqrt` for sizing, and `scaleOrdinal` with `schemeCategory10` for the categorical color legend.

NNwaegerue Chinemerem

65% match

Loading thumbnail…

D3: A simple packed Bubble Chart

This packed bubble chart visualizes the market values of 2018 World Cup teams, with each bubble sized proportionally to a player's transfer value and colored by playing position. The D3 v4 visualization, built with SVG, uses a bubble layout to pack player circles by value, while an interactive sidebar highlights countries. A large title and total squad value provide context, and clicking is enabled for further exploration.

FFootyNumb3rs

65% match

Loading thumbnail…

D3: A simple packed Bubble Chart

This D3 v4 bubble chart visualizes the market values of 2018 World Cup teams, with each bubble sized by a player’s transfer value and colored by playing position. The data, loaded from a CSV via PapaParse, drives a packed layout where bubble area encodes monetary value. The visualization includes a sidebar listing players, hover and click interactions to reveal relative player values, and a title block with source notes. Built with SVG rendering, it uses ordinal color scales for positions and compresses values for display.

FFootyNumb3rs

64% match