Skip to main content
SimilarExport ZIP
100%

Fork of A Bar Chart

✓ Published0🌍 Public
AAntwanHak
Last edited Feb 23, 2023
Created on Feb 23, 2023
Forked from A Bar Chart

This example shows the total sales of video game genres across different regions, with a dropdown menu allowing the viewer to switch between global, EU, JP, NA, and other regional sales. The bar chart uses React with D3 v5’s scaleBand and scaleLinear to position bars, and custom AxisBottom and AxisLeft components render tick marks. Marks are drawn as SVG rect elements with tooltips, and the dataset comes from Kaggle’s video game sales CSV.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of A Bar Chart

This fork of a bar chart visualizes the sales of video game genres across different regions, sourced from a Kaggle dataset. It displays the total sales per genre with a dropdown menu to switch between global, EU, JP, NA, and other regional sales figures. Built with React and D3 v5, the SVG rendering uses scaleBand and scaleLinear for axes, while axis components construct ticks with formatted labels via d3.format. Tooltips on each bar provide precise sales values.

RRED98310
95% 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(Publisher)

This interactive bar chart displays global video game sales by publisher, with a dropdown menu to switch between sales regions (Global, EU, JP, NA, Other). The React-based visualization uses D3 v5 scales and axes (scaleBand, scaleLinear) to render SVG rectangles, with tooltips via SVG `<title>` elements. Data originates from Kaggle’s video game sales dataset, loaded as CSV using D3’s `csv` parser.

RRED98310
91% match
Loading thumbnail…

A Bar Chart

A bar chart displays total sales for 500 video game genres across global, EU, JP, NA, and other regions, with a dropdown menu to switch the y-axis metric. Built with React and D3 v5, it uses `d3.scaleBand` and `d3.scaleLinear` for scales, renders SVG rectangles via the `Marks` component, and formats axis ticks with `d3.format`. Data is loaded from a CSV using `d3.csv`.

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