100%

Data Summary

✓ Published0🌍 Public

Last edited Sep 27, 2017

Created on Sep 26, 2017

This visualization shows yearly global sales trends for four gaming platforms—PS3, PS4, X360, and XOne—as a multi-line chart, with hover interactions that highlight individual data points via a yellow tooltip. It uses D3 v4’s `d3.csv`, `d3.nest`, `d3.scaleTime`, and `d3.line` to aggregate and plot sales from a Kaggle dataset. A color legend generated with `d3.legendColor` distinguishes platforms, and animated SVG paths update on data transitions.

AI-generated description

This is the alpha version of my visualization for the video game sales history. In this visualizaion, I create a line chart to demonstrate few different platforms game copie sales line chart.

Video Game Sales and Ratings

This data is from Video Game Sales and Ratings. The game sales data is collected from VGChartz with corresponding ratings from Metacritic.

This dataset is about video games from different platforms and their ratings and sales from different region.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='https://bl.ocks.org/curran/ba21316eafc6b84b22d1a5d49ad2a798'>Line Chart with Circles</a>

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/f849f374f21c490c5490d501636bdb77'>Data Table Summary</a>

forked from <a href='http://bl.ocks.org/YouthBread/'>YouthBread</a>'s block: <a href='http://bl.ocks.org/YouthBread/e365e53328feb13343f6f80ed2233af0'>Data Table Summary - Video Game</a>

mit Licensed

Similar vizzes

Loading thumbnail…

The Sales Number VS The Different platform

This dashboard visualizes video game sales across four coordinated charts: a bar chart of publisher sales, a scatter plot of regional sales, a stacked bar chart of genre sales by continent, and a rose chart of platform counts. The D3 v7 code uses `d3.scaleBand`, `d3.scaleLinear`, `d3.pie`, and `d3.arc` to render these SVG views, with animated transitions and interactive tooltips. Users can filter the bar chart by genre and year range using dropdown menus. All charts share a CSV dataset of video game sales loaded via `d3.csv`.

RRochelle

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

80% match

Loading thumbnail…

4th Iteration Line Graph: vgsales.csv

This visualization presents five small-multiple line charts showing video game sales over time, broken down by genre for global, North America, Japan, EU, and other regions. Each chart uses d3.line and d3.area to render aggregated sales data from the vgsales.csv dataset, with d3.axisBottom and d3.axisLeft for axes. Users can zoom and pan all charts simultaneously, with axes redrawn to match the visible domain. A legend allows toggling and highlighting genres by adjusting stroke width, while d3.flatRollup aggregates the data once for efficient rendering.

DDaniel Ribaudo

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

80% match

Loading thumbnail…

Line Chart for PS4 Global Sales

This line chart visualizes global PS4 sales per year from a CSV dataset. The x-axis maps time using `scaleTime`, while the y-axis uses `scaleLinear` for sales figures. The `line` generator creates the green path, with axes rendered via `axisBottom` and `axisLeft`. Titles and axis labels are added through SVG `text` elements. Data loading and processing use D3’s `csv` method, and the visualization is rendered entirely in SVG. The chart highlights yearly sales trends, with gridlines indicated by tick marks extending across the plot area.

Aanushaanumula

79% match

Loading thumbnail…

Assignment1

This bar chart displays global sales in millions for 29 gaming platforms, ranked by platform name. The visualization uses D3 v6 to load a CSV dataset, scale the data with `d3.scaleLinear` and `d3.scaleBand`, and render the bars as SVG rectangles. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with data joined via D3’s selection methods. The chart highlights platform sales variation, with PS2 leading at over 1.2 billion units.

Vvivianaaai@qq.com

79% match

Loading thumbnail…

Video Game Platforms Streamgraph

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.

DDaniel Ribaudo

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

79% match