bar chart from bonus ice

Interactive Bar Chart Bonus ICE

An interactive bar chart displays sales percentages for ten video game genres, from Racing at 78.9% to Misc at 59.6%. Built with D3.js v5, the SVG chart uses a custom `d3.scaleBand` and `d3.scaleLinear` for axes. Hovering a bar triggers a transition that dims and expands the bar, adds a dashed limit line at the hovered value, and annotates each bar with its percentage difference from the selected genre, using `d3.select` and `.attr('opacity')`. The data is a sample of the Video Game Sales Dataset.

MManohar Kowthavarapu

86% match

1. Bar Plot ICE -6

This visualization displays the top 15 best-selling video games by global sales, shown as horizontal bars with length encoding sales volume and sequential blue color encoding relative magnitude. It uses React with D3 v5 scales (scaleBand, scaleLinear, scaleSequential) and loads CSV data from a Gist URL. Each bar includes hover effects, a tooltip showing sales in millions, and value labels, with a title, axis label, and grid lines rendered as SVG elements.

AAbhiramPudi@my.unt.edu

86% match

ice 6

This horizontal bar chart displays the global sales of the top 11 video games, using orange bars to compare their performance. The visualization is built with React and D3 v5, leveraging `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and SVG for rendering. Data is loaded asynchronously from a CSV file via `d3.csv`, with sales values parsed and then filtered to the first 11 entries. Tick marks and labels are manually generated from the scales, while axis lines are omitted for a cleaner design.

TTejamod

85% 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.

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.

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.

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`.