The Sales Number VS The Different platform

100%

The Sales Number VS The Different platform

✓ Published0🌍 Public

Last edited Dec 9, 2021

Created on Nov 5, 2021

Forked from The Sales Number VS Publisher for the different genre

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

AI-generated description

Data: https://gist.github.com/Rochelle-Wu/6cb1e6fd26fc9980374dac3a98bdc435

MIT Licensed

Similar vizzes

Loading thumbnail…

The Sales Number VS Publisher for the different genre

This interactive bar chart shows total global video game sales in millions for major publishers, with buttons to filter the display by game genre such as Sports, Racing, or Action. Each genre button triggers a D3.js update that re-aggregates the CSV data from a gist source, re-sorts publishers by summed sales, and animates the bars over one second via transition. The SVG chart uses d3.scaleBand and d3.scaleLinear for axes, rotates the x-axis labels, and joins rect elements to reflect the updated dataset.

RRochelle

86% match

Loading thumbnail…

season bar chart

This bar chart displays video game sales across different gaming platforms, with a dropdown menu allowing viewers to switch between global, EU, JP, NA, and other regional sales figures. The visualization uses React with D3 v5, employing `d3.scaleBand` for the categorical platform axis and `d3.scaleLinear` for the sales values. SVG rectangles render each bar, and D3 utilities like `axisLeft` and `axisBottom` style the axes, while tooltips show formatted sales values. Data comes from a CSV of top 500 games sourced from Kaggle.

MMichael Bergerson

84% match

Loading thumbnail…

A Bar Chart(Platform)

This interactive bar chart displays global video game sales across platforms, with a dropdown menu to switch between sales regions including North America, Europe, Japan, and other markets. The visualization uses React with D3 v5 scales (scaleBand, scaleLinear) to render SVG rectangles, with axes generated through custom components. Sales data is loaded from a Kaggle dataset via d3.csv, and each bar includes a tooltip showing the formatted sales value.

RRED98310

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

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

83% match

Loading thumbnail…

A Bar Chart(Platform)

This interactive bar chart displays video game sales across platforms, with a dropdown menu to switch between global, EU, JP, NA, and other regional sales figures. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for positioning, and SVG rects for bars with native tooltips. The data is loaded via D3’s `csv` from a GitHub-hosted Kaggle dataset of the top 500 games.

RRED98310

83% match

Loading thumbnail…

BarChartPlatform

A bar chart displays video game sales across platforms for the top 500 titles, with a dropdown to switch between global, EU, JP, NA, and other regional sales figures. Using React with D3 v5, the visualization renders SVG rectangles whose heights encode sales values, with scales from `d3.scaleBand` and `d3.scaleLinear`. Axis components draw tick marks and labels, while D3’s `csv` loads the Kaggle dataset. Tooltips, formatted via `d3.format`, appear on hover.

RRED98310

83% match

Loading thumbnail…

Fork of A Bar Chart(Platform)

This interactive bar chart displays global video game sales across different platforms, with a dropdown menu allowing users to switch between regional sales metrics (Global, EU, JP, NA, and Other). Built with React and D3 v5, the visualization uses `scaleBand` for the categorical platform axis and `scaleLinear` for the sales values. SVG rectangles render the bars, with tooltips formatted using D3's `format` function for compact notation. The data comes from a Kaggle dataset on top 500 video games, loaded via `d3.csv`.

Ssucotton9

83% match