Visualization of Global Video Games Sales by Year and Genre

100%

Visualization of Global Video Games Sales by Year and Genre

✓ Published1🌍 Public

Last edited Sep 18, 2020

Created on Sep 14, 2020

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.

AI-generated description

A visualization of year-wise Global Sales of videogames by genre constructed using the vega-lite-api. The Video Games Sales dataset has been used for this visualization. This dataset contains information of video games' sales across various platforms and genres. Dataset obtained from Kaggle.

MIT Licensed

Similar vizzes

Loading thumbnail…

Video Game Sales

This visualization displays global video game sales from 1980 to the present, with each colored circle representing an individual game. The x-axis maps the release year while the y-axis shows global sales figures, and the color encodes the game's genre. The code uses the Vega-Lite API with a custom configuration to adjust axis labels and styling. The dataset is loaded from a CSV file hosted on GitHub using D3's `csv` method, and the visualization renders as an SVG using the `view.renderer` setting.

Ggeorgeeeee

88% 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…

game sale analysis - nhom10

This visualization displays the total global video game sales by genre across different years, with each bar colored by genre and a tooltip revealing the specific genre on hover. The data comes from the Video Games Sales dataset sourced from Kaggle. Built with the vega-lite-api, the chart uses a bar mark, encodes Year and Global_Sales on the x- and y-axes, and applies a custom config to adjust font sizes and axis styling. The code loads CSV data via d3.csv and renders the visualization using vega-lite’s view with SVG output.

DDoãn Phụng

83% match

Loading thumbnail…

BarChart

This bar chart shows the global sales of video games by genre, ranking categories like Action and Shooter by their total sales in millions. The visualization uses D3 v6 to load CSV data from a GitHub gist, and renders the chart as an SVG with animated transitions. It employs `scaleBand` for the x-axis and `scaleLinear` for the y-axis, with axes generated by `axisBottom` and `axisLeft`. Bars are filled steelblue and change to orange on mouseover, using D3’s selection and transition APIs.

AAditya Khandelwal

83% match

Loading thumbnail…

BarChart

This bar chart displays global video game sales by genre, using data from Kaggle. It shows total sales in units for categories like Action, Shooter, and Platform, with bars rendered as SVG rectangles. The chart implements axes, labels, and a mouseover interaction that changes bar color. It uses d3.scaleBand, d3.scaleLinear, d3.axisLeft, and d3.axisBottom to construct the visualization, with animated color transitions on mouseout via D3 transitions.

RRED98310

83% match

Loading thumbnail…

Genre v/s Regional and Global sales

Using D3's `csv` loader to ingest a video game sales dataset, this visualization plots aggregated sales figures by genre as a bubble plot. The chart encodes total global sales on the x-axis, genre categories on the y-axis, and uses bubble size to represent Japan sales while color encodes European Union sales, all configured through the vega-lite API. The data is first grouped and summed via `vl.groupby` and `vl.sum` transformations, then rendered as circles with tooltips showing the Japan sales total.

VVamsi Bhargav Sukamanchi

83% 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

82% match

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

82% match