Skip to main content
SimilarExport ZIP
100%

The Sales Number VS Publisher for the different genre

✓ Published1🌍 Public
RRochelle
Last edited Oct 13, 2021
Created on Oct 13, 2021

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.

AI-generated description

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

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
86% match
Loading thumbnail…

BarChart

This bar chart shows the global sales of video games by genre, ranking categories like Action and Shooter by their total sales in millions. The visualization uses D3 v6 to load CSV data from a GitHub gist, and renders the chart as an SVG with animated transitions. It employs `scaleBand` for the x-axis and `scaleLinear` for the y-axis, with axes generated by `axisBottom` and `axisLeft`. Bars are filled steelblue and change to orange on mouseover, using D3’s selection and transition APIs.

AAditya Khandelwal
82% match
Loading thumbnail…

Bar Chart

This bar chart visualizes global video game sales by genre, showing that Action leads with 563 million units sold, followed by Shooter and Platform. Built with D3 v6, the SVG chart uses d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.axisLeft and d3.axisBottom for labels. Bars render with a steelblue fill and transition to orange on mouseover via d3.select and d3.transition, with data loaded from a CSV file.

RRED98310
82% match
Loading thumbnail…

A Bar Chart(Publisher)

This bar chart displays the sales of video games by publisher, allowing users to select among global, EU, JP, NA, and other regional sales data from a dropdown menu. The chart uses D3 v5 scales and axes to map publisher names along the x-axis and sales values on the y-axis, with each publisher represented as a rectangular mark. Interactive elements include the dropdown for changing the sales metric and tooltips revealing exact values. The underlying data is loaded from a CSV file hosted on GitHub, processed with D3’s `csv` function, and the entire visualization is built using React components and SVG rendering.

RRED98310
81% 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
81% match
Loading thumbnail…

BarChart

This bar chart displays global video game sales by genre, using data from Kaggle. It shows total sales in units for categories like Action, Shooter, and Platform, with bars rendered as SVG rectangles. The chart implements axes, labels, and a mouseover interaction that changes bar color. It uses d3.scaleBand, d3.scaleLinear, d3.axisLeft, and d3.axisBottom to construct the visualization, with animated color transitions on mouseout via D3 transitions.

RRED98310
80% match
Loading thumbnail…

Bar Chart

This bar chart visualizes global sales by video game genre, ranking categories like Action and Shooter from highest to lowest on a linear scale. Using D3 version 6, the code loads CSV data via `d3.csv` and draws SVG rectangles with `d3.selectAll`. The axes are created with `d3.axisBottom` and `d3.axisLeft` on band and linear scales. Rectangles change fill color from steelblue to orange on mouseover, then transition to red on mouseout with a 250ms duration.

Ppavan0828
80% match
Loading thumbnail…

Most Popular Video Game Publisher

This horizontal bar chart shows the top 10 video game publishers by total historical global sales in millions. The chart uses React to render SVG elements, with D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Data is aggregated from the Video Game Sales CSV using `d3.nest` and `d3.sum` on the `Global_Sales` field, then sorted and sliced. Axes and rectangular marks are custom React components, with a tooltip provided by SVG `<title>` elements.

Ggeorgeeeee
80% match