Skip to main content
SimilarExport ZIP
100%

A Scatter Plot

✓ Published0🌍 Public
RRED98310
Last edited Feb 27, 2021
Created on Feb 27, 2021

This scatter plot visualizes video game sales across regions, showing each game’s release year on the x-axis and its sales figures on the y-axis, with points colored by genre. A dropdown menu lets viewers switch between regional and global sales attributes. The visualization uses React with D3 v6 scales (`scaleTime`, `scaleLinear`, `scaleOrdinal`) and SVG rendering. Hovering over the color legend filters the displayed points by genre, while a native SVG `<title>` element provides tooltips on each circle. Data comes from a Kaggle dataset of video game sales.

AI-generated description

The data is from https://www.kaggle.com/gregorut/videogamesales

MIT Licensed

Similar vizzes

Loading thumbnail…

D3 Scatter Plot for Video Game Sales

This scatter plot visualizes video game sales data from Kaggle, showing global sales figures against release year for each title. The visualization uses D3 v6 with an SVG rendering approach, employing `d3.csv` for data loading, `scaleLinear` for both axes, and `axisLeft`/`axisBottom` for tick generation. Circles are positioned using x/y coordinates derived from the year and sales values, with a fixed radius of 5 pixels, and the chart fills the entire browser window using `window.innerWidth` and `window.innerHeight`.

RRochelle
87% match
Loading thumbnail…

D3 Scatter Plot for Video Game Sales

This D3 v6 scatter plot visualizes global video game sales across years, with each point representing a game and its platform encoded by color. Using SVG rendering, it scales the x-axis by year and y-axis by sales, allowing viewers to compare platform performance over time. The chart includes a d3.brushX brush for interactive selection and highlighting of data ranges, with d3.scaleLinear handling axis scales. Data comes from Kaggle’s video game sales dataset, parsed from CSV via d3.csv.

RRochelle
86% match
Loading thumbnail…

scatter-plot

This scatter plot visualizes video game sales, comparing NA_Sales on the x-axis against EU_Sales on the y-axis, with each circle’s color representing a different game publisher or developer. The visualization uses d3.csv to load the dataset, d3.scaleLinear to map data values to pixel coordinates, and d3.axisLeft and d3.axisBottom to render the axes. Circles are drawn as SVG elements within a React framework, with their fill color determined by a switch statement that assigns distinct colors to known studios and a default brown for others. The chart also includes axis labels for the variables plotted.

SSheela2930
86% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot maps video game sales across regions against critic ratings, with each point's shape and color encoding genre. The visualization cycles through different x-axis metrics—North American, European, and Japanese sales, then rating—every two seconds, dynamically updating the scales and axes. Built with D3 6.7.0, it leverages `scaleLinear`, `axisLeft`, and `axisBottom` for axes, while custom SVG paths create genre-based shapes for data points. The code loads CSV data from a remote URL and uses the `select` API to manage SVG rendering.

Ssatishnarne99@gmail.com
86% match
Loading thumbnail…

Video Game Sales Scatter Plot

This scatter plot visualizes video game sales data from a custom dataset, showing the relationship between release year and global sales in millions. The visualization uses D3.js scales and axes to map the data points, with each circle representing a game and its position determined by the year and sales values. The code leverages D3’s `scaleLinear` and `extent` for scaling, along with helper functions from curated libraries for axis labels and rendering. The chart includes a light gray inner rectangle to highlight the plotting area, making the distribution of sales over time clearly visible.

Ssamozarif@gmail.com
86% match
Loading thumbnail…

Bonus ice scatter

This 3D scatter plot visualizes video game sales data, showing Global Sales on the x-axis, Year on the y-axis, and Regional Sales on the z-axis. Two traces distinguish North American and European sales as separate scatter point sets. The visualization uses Plotly’s `scatter3d` type within `Plotly.newPlot`, with data loaded via D3’s `d3.csv` from a GitHub-hosted CSV file. Axis titles and fonts are configured through the layout’s scene object, and marker styling includes adjustable sizes, colors, and opacity levels.

TTejamod
86% match
Loading thumbnail…

3D Scatter plot graph

This 3D scatter plot visualizes video game sales data, comparing North American and Japanese sales figures across different game titles and release years. The example uses Plotly's JavaScript API to render two interactive three-dimensional traces: one for North American sales and one for Japanese sales, with sales values plotted on the z-axis, years on the y-axis, and game names on the x-axis. The code loads the dataset using the `d3.csv` function from the D3 library and constructs the chart with `Plotly.newPlot`, styling markers with custom colors, sizes, and opacity settings.

Aadapavaishnavi12
85% match
Loading thumbnail…

D3 Scatter plot

This scatter plot visualizes the global sales of top-rated video games from 2016, with each game represented as a circular point. The data, loaded from a local CSV file, maps game names along the x-axis and their sales figures in millions along the y-axis. The visualization is built with D3 v6, using functions like `d3.scaleBand` and `d3.scaleLinear` to manage the axes, while `d3.select`, `d3.append`, and `d3.axisBottom` handle the SVG element creation and axis rendering. Each dot is positioned using the computed scales, and steelblue fill distinguishes the data points.

KKwasi Acquaye
85% match