Skip to main content
SimilarExport ZIP
100%

Fork of A Bar Chart(Platform)

✓ Published0🌍 Public
YYR2388
Last edited Apr 12, 2021
Created on Apr 12, 2021

The visualization shows total video game sales across platforms, with a bar chart for each platform and a dropdown menu to switch between global, EU, JP, NA, and other regional sales. Built with React and rendered as SVG, it uses D3’s `scaleBand` for the categorical x-axis and `scaleLinear` for the numeric y-axis. The data is loaded from a CSV via D3’s `csv` parser, with axes and marks generated as React components.

AI-generated description

A bar chart shows the sales of Top 500 different games in different regions on different game platforms. The data comes from https://www.kaggle.com/gregorut/videogamesales

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of A Bar Chart(Platform)

This interactive bar chart displays video game sales across different platforms, allowing users to switch between global, EU, JP, NA, and other regional sales metrics via a React dropdown menu. The visualization uses d3.scaleBand and d3.scaleLinear to map platforms and sales values to SVG rectangles, with axes rendered through custom React components and d3 formatting. Data comes from a Kaggle video game sales dataset, loaded asynchronously via d3.csv and processed through React's useState and useEffect hooks.

RRED98310
96% match
Loading thumbnail…

Fork of A Bar Chart(Platform)

This interactive bar chart displays video game sales across different platforms, allowing users to switch between global, EU, JP, NA, and other regional sales metrics via a React dropdown menu. The visualization uses d3.scaleBand and d3.scaleLinear to map platforms and sales values to SVG rectangles, with axes rendered through custom React components and d3 formatting. Data comes from a Kaggle video game sales dataset, loaded asynchronously via d3.csv and processed through React's useState and useEffect hooks.

RRED98310
96% match
Loading thumbnail…

Fork of A Bar Chart(Platform)

This interactive bar chart displays video game sales across different platforms, letting viewers filter by global, EU, JP, NA, or other regional sales using a React dropdown menu. The visualization uses d3.scaleBand and d3.scaleLinear with SVG rectangles to encode the data, while the y-axis formatting employs d3.format. Built with React hooks and d3.csv for loading, the chart reads data from a Kaggle-sourced CSV file hosted on GitHub.

YYedrup
96% match
Loading thumbnail…

Fork of A Bar Chart(Platform)

This interactive bar chart displays total 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` to position SVG rectangles, with axes rendered through custom `AxisBottom` and `AxisLeft` components. Data comes from a Kaggle dataset of the top 500 games, loaded via D3's `csv` method. A tooltip appears on hover, showing the exact sales value for each bar.

NNarayana Reddy
96% 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
96% 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 (using `scaleBand` and `scaleLinear`), the visualization renders SVG rectangles with tooltips showing sales values. Data from Kaggle’s video game sales dataset is loaded via `d3.csv`, while custom axis components handle tick formatting with `d3.format`.

CCecilia831
95% match
Loading thumbnail…

Fork of A Bar Chart(Platform)

A bar chart displays global, EU, JP, NA, and other regional sales for the top 500 video games across different platforms, sourced from Kaggle. Users select a sales region via a React dropdown, updating the y-axis and bars. The SVG rendering uses React components with D3 v5 scaleBand and scaleLinear, while CSV data is loaded via d3.csv.

AAbdessalem Lagraf
94% match
Loading thumbnail…

Fork of A Bar Chart(Platform)

This interactive bar chart displays the global, EU, Japanese, North American, and other regional sales for the top 500 video games across different platforms, based on a Kaggle dataset. Users can switch between regional sales metrics via a dropdown menu. The visualization is built with React and rendered as SVG, using D3’s `scaleBand` and `scaleLinear` for axes, with `csv` for data loading and `format` for tick labels.

Sshahedabdullhadi
92% match