CS599 Project 5 - Bar Chart

CS599 Project 5 - Lines

This visualization displays the sales figures of bestselling video games as a horizontal bar chart, with game titles on the Y-axis and sales numbers on the X-axis. It uses D3.js v6 with scaleLinear for the numeric sales axis and scaleBand for categorical game titles, rendering bars as SVG rectangles. Data is loaded from a CSV file using the d3.csv method, and the chart includes formatted axis ticks that abbreviate large numbers (e.g., converting millions to billions) via d3.format.

FFedor Sharygin

80% match

BarChartPlatform

A bar chart displays video game sales across platforms for the top 500 titles, with a dropdown to switch between global, EU, JP, NA, and other regional sales figures. Using React with D3 v5, the visualization renders SVG rectangles whose heights encode sales values, with scales from `d3.scaleBand` and `d3.scaleLinear`. Axis components draw tick marks and labels, while D3’s `csv` loads the Kaggle dataset. Tooltips, formatted via `d3.format`, appear on hover.

77% match

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.

77% match

UUthkarsh Reddy Junuthula

Activity 8_Q2.3

A stacked bar chart shows the proportional regional sales distribution for four gaming platforms: PC, PlayStation, Xbox, and Nintendo Switch, with each bar totaling 100%. The visualization uses D3 v7 to load CSV data and render SVG elements, employing `d3.stack()` to create stacked series, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for the categorical y-axis. Interactive tooltips display exact percentages on hover, while a legend and axis labels clarify the chart's meaning.

77% match

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.

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.

Bbhavya.kanyadara@gmail.com

Activity_6 Task_2

This visualization shows the distribution of game ratings across eight gaming platforms, using stacked horizontal bars to display the proportion of games in five rating categories from below 5.0 to above 8.5. Each platform row is divided into colored segments representing these rating bands, making it easy to compare rating profiles across PlayStation, Xbox, Nintendo, Steam, and other services. The chart is built with D3 v7, using d3.stack() and d3.scaleBand() to construct the stacked bar layout, with d3.scaleOrdinal() assigning colors to rating categories. Data comes from a CSV file loaded via d3.csv(), and the SVG rendering includes custom axes and a title.

Bar Chart

This bar chart displays metric sales (in millions) for video game publishers from 2003 to 2009, with publisher names listed vertically and sales represented by horizontal bar lengths. The p5.js sketch loads CSV data from a GitHub-hosted dataset using `loadTable()` in `preload()`, then draws the visualization in `draw()` using `rect()` for bars, `text()` for labels and axis annotations, and hardcoded color values. The chart plots approximately 16 publishers, with sales scaled by a factor of 1.3 to fit the 600x600 canvas, alongside a manually drawn X and Y axis.

AAllen Jake Polintan