Total Sales of Video Games by Genre

100%

Total Sales of Video Games by Genre

✓ Published0🌍 Public

Last edited Dec 10, 2021

Created on Dec 10, 2021

Forked from Interaction Fork of History of Video Games by Genre

This line graph shows total video game sales by genre over time, with an interactive dropdown to switch between global, North American, European, Japanese, and other regional sales figures. The visualization uses Observable Plot’s `Plot.line` and `Plot.frame` to render the SVG marks, alongside D3’s `rollup` and `sum` for data aggregation. A custom color legend is generated via `Plot.cellX` and appended to the chart. The dataset comes from the Video Game Sales Dataset prepared by Daniel Ribaudo.

AI-generated description

Sales of video games released by genre over time.

An exploration of the Video Game Sales Dataset prepared by Daniel Ribaudo, originally visualized in History of Video Games by Genre.

This is a simpler line graph meant to be compared to this line graph.

The iteractive dropdown at the top allows the user to select which sales they would like to view.

Uses Observable Plot with vanilla HTML.

MIT Licensed

Similar vizzes

Loading thumbnail…

Video Games by Genre: Updated Streamgraph

This streamgraph shows annual video game sales by genre, with a dropdown to switch between global, North American, European, Japanese, and other regional sales. Built with D3 v6 and Observable Plot, it uses `Plot.areaY` with `Plot.stackY` and `Plot.binX` to aggregate the data, while a custom `colorLegend` function renders a supplementary legend. The visualization fills missing year-genre combinations with zero-value entries to fix artifacts. It draws from the Video Game Sales Dataset prepared by Daniel Ribaudo.

DDaniel Ribaudo

87% match

Loading thumbnail…

Interaction Fork of History of Video Games by Genre

This interactive visualization shows video game sales by genre over time, with a dropdown menu letting viewers switch between global, North American, European, Japanese, and other regional sales data. The chart uses Observable Plot’s `rectY` with `binX` to aggregate yearly sales per genre, summing the selected regional sales column. Built with D3 v6 for data loading and CSV parsing, the view redraws the entire plot on region change rather than updating in place. The dataset comes from the preprocessed Video Game Sales Dataset by Daniel Ribaudo.

DDaniel Ribaudo

86% match

Loading thumbnail…

Title

This visualization displays global video game sales across twelve genres from 1980 to 2016, using multi-line time series where each colored path represents a different genre. The chart uses D3 v7 with SVG rendering, employing `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` to generate paths from aggregated yearly sales data. Data comes from the vgsales.csv dataset, with genre totals computed by summing `Global_Sales` values. The visualization highlights genre performance trends over time and enables comparison of market share shifts across gaming history.

JJustin Chan

86% match

Loading thumbnail…

Line Interaction Fork of History of Video Games by Genre

A dropdown menu selects a sales region, and a steamgraph displays total video game sales per year, stacked by genre around a central axis. The chart uses Observable Plot’s `areaY` and `stackY` marks with `binX` to aggregate the data, which comes from the Video Game Sales Dataset. Redrawing the plot on region change removes the previous graph, showing how annual sales distribution shifts across global, North American, European, Japanese, and other markets. The code loads CSV data with `d3.csv` and `autoType`.

DDaniel Ribaudo

84% match

Loading thumbnail…

Visualization of Global Video Games Sales by Year and Genre

This visualization shows global video game sales by year, with bars colored by genre to reveal sales trends across categories over time. It uses the Vega-Lite API with D3’s CSV loader to fetch data from a GitHub-hosted dataset originally sourced from Kaggle. The chart encodes years on the x-axis, global sales on the y-axis, and genre as color, with tooltips displaying genre names. Custom styling via a config object improves label and title readability, while Vega-Lite’s automatic rendering handles the bar marks and scales.

VVarun Eranki

82% match

Loading thumbnail…

Line Graph: vgsales.csv

This visualization displays video game sales over time, broken into five small multiples by region: global, North America, Japan, the EU, and other sales. Each chart plots genre-specific sales as colored polylines and circles, using d3.flatRollup to aggregate the data from the vgsales.csv dataset. The graphs use d3.scaleLinear, axisLeft, and axisBottom to render axes, with a click handler that draws a crosshair across all charts for comparison.

DDaniel Ribaudo

82% match

Loading thumbnail…

Stacked Fork of History of Video Games by Genre

This stacked bar chart shows the number of video games released over time, broken down by genre and sales region (NA, EU, JP, and Other). The visualization uses a modified dataset where each game’s sales are split into separate entries for each region, allowing the bars to show the cumulative contribution of each region to the total count. It is built with Observable Plot, using `Plot.rectY` and `Plot.binX` to aggregate the data, and the facets are arranged by genre. The data originates from the Video Game Sales Dataset on GitHub.

DDaniel Ribaudo

82% match

Loading thumbnail…

Final Iteration Line Graph: vgsales.csv

This visualization presents video game sales across five regions—Global, North America, Japan, EU, and Other—as small multiples, with each genre shown as a colored line plotted against time. Users can hover over the legend to highlight specific genres, click to toggle their visibility, and hide entire charts by clicking their titles. Built with D3.js v6, the SVG rendering supports synchronized zooming and panning across all charts via mouse wheel and drag interactions, with axes redrawn using `axisBottom` and `axisLeft` to match the current viewport.

DDaniel Ribaudo

81% match