Skip to main content
SimilarExport ZIP
100%

Video Games by Genre: Updated Streamgraph

✓ Published0🌍 Public
DDaniel Ribaudo
Last edited Dec 3, 2021
Created on Dec 3, 2021

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.

AI-generated description

Sum of video games sales released by genre over time.

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

Comments:

This was done mostly as an exploratory modification to the existing visualization. It is much harder to answer questions such as:

  • Which regions prefer which genre the most?
  • Which genres have been more or less popular with the passing of time?

It is easier to answer:

  • How do annual video game sales vary per year in each country?

This version contains labels and fixes for the artifacts occuring towards the beginning of the plot.

As in the previous version, through interaction, the user is able to change the type of sales displayed at the top.

Things incomplete about this graph:

  1. The key is in reversed order
  2. Duplicate colors are used

Uses Observable Plot with vanilla HTML.

MIT Licensed

Similar vizzes

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

Total Sales 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.

DDaniel Ribaudo
87% 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
86% match
Loading thumbnail…

Refactored Iteration Line Graph: vgsales.csv

This interactive small-multiple chart displays video game sales over time across five regional markets, with each facet corresponding to a sales category (global, North America, Japan, EU, and other). A legend color-codes twelve genres, allowing users to hover to highlight a genre’s lines or click to toggle its visibility. Built with D3 v6, the SVG visualization fetches data from a GitHub gist and aggregates sales by year and genre via `d3.flatRollup` and `d3.sum`. Users can pan by dragging, zoom with the mouse wheel, and reset the view, while axes dynamically redraw their domains using `d3.axisBottom` and `d3.axisLeft`.

DDaniel Ribaudo
83% 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
83% 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…

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