Genre v/s Regional and Global sales

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

83% match

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

81% match

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.

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`.

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.

3rd Iteration Line Graph: vgsales.csv

This visualization displays a small-multiple line graph of video game sales over time, broken down by genre for global, North American, Japanese, EU, and other regional markets. Built with D3 v6 in SVG, it uses d3.flatRollup and d3.sum to aggregate the vgsales.csv data. Users can hover over the legend to highlight genres, click to toggle their visibility, and drag crosshairs across charts to compare values. The axes and line weight scale with zoom, and a reset button restores the view.

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.

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.