Video Game Platforms Streamgraph

100%

Video Game Platforms Streamgraph

✓ Published1🌍 Public

Last edited Dec 4, 2021

Created on Nov 12, 2021

This streamgraph visualizes global video game sales by platform over time, using a D3 stack layout with wiggle offset to create the flowing layered form. The data comes from a CSV file containing yearly sales figures, smoothed with array-blur for visual clarity. Colors are generated using d3.hcl and randomNormal, while the streamgraph is rendered as SVG with d3.area and labeled using d3-area-label. Hovering highlights a platform by inverting its fill to black with a white stroke.

AI-generated description

This is a streamgraph visualizing this Video Game Dataset. It is meant to show the relative Global Sales of games for each console over the years.

ISC Licensed

Similar vizzes

Loading thumbnail…

Fork of Video Game Platforms Streamgraph

This streamgraph visualizes global video game sales across platforms and years, using a smoothed area chart that highlights sales distributions over time. The code loads CSV data from a GitHub gist and employs D3’s `rollup`, `stack`, `stackOffsetWiggle`, and `stackOrderInsideOut` APIs to aggregate and layer the data. Rendering with SVG, it uses `d3.scaleTime`, `scaleLinear`, `area`, and the `d3-area-label` library for labels. A black envelope path and hover effects enhance layer separation.

CCurran Kelleher

93% match

Loading thumbnail…

Fork of Fork of Video Game Platforms Streamgraph

This streamgraph visualizes global video game sales across platforms from 1970 to 2020, showing how each console's market share shifts over time. The visualization uses D3’s stack generator with the wiggle offset and inside-out order to create the layered streamgraph shape, with smoothed data via array-blur. Area labels are placed using the d3-area-label library, while color is assigned through an ordinal scale with HCL color space. The data comes from a CSV of video game sales, rendered as an SVG with axis ticks providing temporal context.

Oowenking2710@gmail.com

92% match

Loading thumbnail…

Fork of Fork of Video Game Platforms Streamgraph

This streamgraph visualizes global video game sales by platform from 1980 to 2020, showing how platforms like PlayStation, Xbox, and Nintendo rise and fall in popularity over time. Built with D3.js, the visualization uses `d3.stack` with a wiggle offset and inside-out ordering to minimize layer overlap. Sales data from a GitHub-hosted CSV is aggregated yearly, smoothed with `array-blur`, and rendered as SVG paths with a black backdrop to hide grid lines between layers. Hovering over any platform highlights it while dimming the rest.

ZZach2826

91% match

Loading thumbnail…

Video Games Sales by Platform

This visualization shows total global video game sales for each platform using a bar chart, with platforms sorted in descending order of sales. It loads a CSV dataset containing video game sales figures and aggregates the data by platform using `d3.rollup`. The chart renders with SVG, using `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, while `d3.axisBottom` and `d3.axisLeft` generate the axes. Bars are drawn as SVG `rect` elements with a steelblue fill, and the x-axis labels are rotated 45 degrees for readability.

PPurnachandraa9999

82% match

Loading thumbnail…

Video Game Platforms Histogram

This interactive visualization displays video game platform sales as a histogram, with each platform in a separate faceted row. A dropdown menu switches between global, North American, European, Japanese, and other regional sales data. The chart uses Observable Plot’s `plot` function with `Plot.rectY` and `Plot.binX` to aggregate yearly sales, while D3 v6 (`d3.csv`, `autoType`) loads the dataset. The rendering updates by appending a new plot and removing the previous one on dropdown changes. Data comes from the Video Game Sales Dataset on GitHub.

DDaniel Ribaudo

81% match

Loading thumbnail…

D3 Scatter Plot for Video Game Sales

This D3 v6 scatter plot visualizes global video game sales across years, with each point representing a game and its platform encoded by color. Using SVG rendering, it scales the x-axis by year and y-axis by sales, allowing viewers to compare platform performance over time. The chart includes a d3.brushX brush for interactive selection and highlighting of data ranges, with d3.scaleLinear handling axis scales. Data comes from Kaggle’s video game sales dataset, parsed from CSV via d3.csv.

RRochelle

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

79% match

Loading thumbnail…

Videogame sales (Platform v/s Global Sales)

This visualization displays global videogame sales across different platforms, using data from a CSV file listing games with sales over 100,000 copies. Each circle represents a game, positioned by its global sales on the x-axis and platform on the y-axis, with semi-transparent marks to reveal overlapping points. The chart is built with Vega-Lite API, which is registered with Vega and d3, and includes tooltips showing game names. The code applies a custom config and loads data asynchronously via d3.csv, rendering the result as an SVG fitted to the viewport.

VVamsi Bhargav Sukamanchi

79% match