Assignment1

Video Games Sales by Platform

This visualization shows total global video game sales for each platform using a bar chart, with platforms sorted in descending order of sales. It loads a CSV dataset containing video game sales figures and aggregates the data by platform using `d3.rollup`. The chart renders with SVG, using `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, while `d3.axisBottom` and `d3.axisLeft` generate the axes. Bars are drawn as SVG `rect` elements with a steelblue fill, and the x-axis labels are rotated 45 degrees for readability.

PPurnachandraa9999

84% match

A Bar Chart(Platform)

This interactive bar chart displays global video game sales across platforms, with a dropdown menu to switch between sales regions including North America, Europe, Japan, and other markets. The visualization uses React with D3 v5 scales (scaleBand, scaleLinear) to render SVG rectangles, with axes generated through custom components. Sales data is loaded from a Kaggle dataset via d3.csv, and each bar includes a tooltip showing the formatted sales value.

83% 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

83% match

season bar chart

This bar chart displays video game sales across different gaming platforms, with a dropdown menu allowing viewers to switch between global, EU, JP, NA, and other regional sales figures. The visualization uses React with D3 v5, employing `d3.scaleBand` for the categorical platform axis and `d3.scaleLinear` for the sales values. SVG rectangles render each bar, and D3 utilities like `axisLeft` and `axisBottom` style the axes, while tooltips show formatted sales values. Data comes from a CSV of top 500 games sourced from Kaggle.

MMichael Bergerson

A Bar Chart(Platform)

This interactive bar chart displays 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` for positioning, and SVG rects for bars with native tooltips. The data is loaded via D3’s `csv` from a GitHub-hosted Kaggle dataset of the top 500 games.

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

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)