Title

100%

✓ Published0🌍 Public

Last edited May 3, 2022

Created on Apr 4, 2022

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.

AI-generated description

This is a box plot representation of WHole milk fluid sales from 2000 to 2017. Referenced https://www.d3indepth.com/scales/ for quantile of data and as well as Alark Joshis for skeleton of x and y axis

Min:13914800000 Max:18822800000 Median:15630200000 First Quartile: 14572075000 Third Quartile: 17548050000

Link to original data set: https://github.com/rfordatascience/tidytuesday/blob/master/data/2019/2019-01-29/fluid_milk_sales.csv

Link to altered data set: https://gist.github.com/jtchan2/4cbfd1da42fe06ff9ccfe4b9ab680286

MIT Licensed

Similar vizzes

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

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

86% match

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

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

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

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

83% match

Loading thumbnail…

Iterating Line Graph: vgsales.csv

This interactive multi-line chart uses D3.js (v6) to display video game sales data from a GitHub-hosted CSV across five regions, with each graph showing sales for twelve genres over time. A color-coded legend maps genres to lines, where hovering highlights a genre by thickening its strokes and clicking toggles its visibility. The visualization aggregates the data once before rendering, and includes crosshair functionality for comparing values across the regional charts.

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