Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot For > 5 million Video Game Sales

✓ Published0🌍 Public
PPeter Cordone
Last edited Oct 6, 2021
Created on Oct 6, 2021

A scatter plot displays video game sales across global, NA, EU, JP, and other regions, filtering to titles with over five million in global sales. Using D3 v6, it renders animated SVG circles that transition when users switch axes via dropdown menus built with a custom menu component. The reusable chart uses `selection.join` and `transition` from D3, with data loaded from a GitHub Gist CSV file.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the [Dataset] (https://gist.github.com/Rochelle-Wu/6cb1e6fd26fc9980374dac3a98bdc435).

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot For > 5 million Video Game Sales

This interactive scatter plot visualizes over 5 million video game sales, using the d3 library to map various sales figures (such as North American, European, or global sales) to the x and y axes. Users can dynamically change the axes through HTML menus, with each point colored by the game's platform, such as Wii or PS. The SVG chart animates transitions via d3's `transition` API as selections change, and the chart is built with reusable, modular charts as seen in the `scatterPlot` and `menu` JavaScript files.

RRochelle
91% match
Loading thumbnail…

Scatter Plot For > 5 million Video Game Sales -brush

This scatter plot visualizes over 5 million video game sales, comparing global sales against year for various platforms. Users can select different quantitative variables—such as North America, EU, or Japan sales—for the x- and y-axes via custom dropdown menus. The chart uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft, with d3.brush enabling interactive selection of data points. Animated transitions via d3.transition and selection.join update circle positions and radius. Data comes from a CSV file loaded with d3.csv.

RRochelle
89% match
Loading thumbnail…

Fork of scatter-plot

This scatter plot visualizes global video game sales data, comparing North American and European sales on the x- and y-axes while mapping Japanese and global sales to point radius dimensions. The visualization uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions, rendering circles as SVG elements. Point colors are determined by the game’s publisher, with a custom `marker()` function that assigns distinct colors to specific developers like Ubisoft Montreal and Rockstar North, while defaulting to brown for others. The chart includes axis labels and a title, with styling applied via CSS.

Aajaysonu
87% 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…

A Scatter Plot

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.

RRED98310
84% match
Loading thumbnail…

Fork of Fork of scatter-plot

This visualization displays a scatter plot of game sales data, mapping North American sales on the x-axis and European sales on the y-axis. Each point’s color represents a different game publisher, and the circles are drawn with variable width and height properties derived from Japanese and global sales figures. The code loads CSV data via `d3.csv`, scales with `d3.scaleLinear`, and renders axes using `d3.axisLeft` and `d3.axisBottom`. The SVG is created with React and D3 v6, using a custom color mapping function for publisher categories.

Aajaysonu
84% match
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
83% match
Loading thumbnail…

Fork of BONUS 1: 3D Scatter Plot

This 3D scatter plot visualizes video game sales data, showing the relationship between North American, European, and other regional sales as points in three-dimensional space. Each marker represents a game, with its position determined by the sales figures on the x, y, and z axes. The visualization uses Plotly's `Plotly.newPlot` method and `scatter3d` trace type, while D3.js is employed to load and parse the CSV data from a GitHub Gist. The layout configures axis titles with green font styling, and markers are rendered as translucent circles with red color and borders.

Ppemmasaniprudhvinadh
83% match