Fork of A Bar Chart(Publisher)

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

94% match

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

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

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.

Fork of A Bar Chart(Platform)

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

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.

BarChartPublisher

A bar chart shows global, EU, JP, NA, and other regional sales for video game publishers, with a dropdown menu to switch the displayed metric. The React app loads CSV data via `d3.csv` and renders SVG bars using `scaleBand` and `scaleLinear`. Axes are drawn with custom React components, and hovering a bar reveals a formatted sales value via an SVG `<title>` tooltip. The dataset originates from Kaggle’s video game sales list.