Skip to main content
SimilarExport ZIP
100%

Fork of A Bar Chart(Platform)

✓ Published0🌍 Public
AAditya Khandelwal
Last edited May 1, 2021
Created on May 1, 2021

This interactive bar chart visualizes video game sales counts across different platforms and activities, drawing from a Kaggle dataset. The visualization displays the data as horizontal bars using React with D3 v5, where the y-axis is scaled linearly to represent sales counts and the x-axis uses a band scale for categorical activities. The chart implements custom axis components and marks using SVG rendering, with axis labels formatted through D3's formatting utilities. Users can interact with the dropdown menu to explore different data attributes, while tooltips provide additional context when hovering over individual bars.

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
94% 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
94% 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
93% 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
92% 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
92% 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
92% match
Loading thumbnail…

Fork of A Bar Chart(Platform)

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.

YYR2388
91% 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
90% match