BarChart

100%

✓ Published1🌍 Public

Last edited Feb 28, 2021

Created on Feb 27, 2021

This bar chart displays global video game sales by genre, using data from Kaggle. It shows total sales in units for categories like Action, Shooter, and Platform, with bars rendered as SVG rectangles. The chart implements axes, labels, and a mouseover interaction that changes bar color. It uses d3.scaleBand, d3.scaleLinear, d3.axisLeft, and d3.axisBottom to construct the visualization, with animated color transitions on mouseout via D3 transitions.

AI-generated description

The data is from https://www.kaggle.com/gregorut/videogamesales

MIT Licensed

Similar vizzes

Loading thumbnail…

BarChart

This bar chart shows the global sales of video games by genre, ranking categories like Action and Shooter by their total sales in millions. The visualization uses D3 v6 to load CSV data from a GitHub gist, and renders the chart as an SVG with animated transitions. It employs `scaleBand` for the x-axis and `scaleLinear` for the y-axis, with axes generated by `axisBottom` and `axisLeft`. Bars are filled steelblue and change to orange on mouseover, using D3’s selection and transition APIs.

AAditya Khandelwal

93% match

Loading thumbnail…

Fork of BarChart

This visualization displays global video game sales by genre, using a bar chart to compare units sold across categories like Action, Shooter, and Platform. The chart is built with D3 v6, using `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and SVG rectangles for the bars. Bars animate their fill color to orange on mouseover and transition back to steelblue on mouseout. The data, sourced from Kaggle, is loaded as CSV and parsed, with axes and labels rendered via `axisBottom` and `axisLeft`.

AAditya Khandelwal

92% match

Loading thumbnail…

Bar Chart

This bar chart visualizes global sales by video game genre, ranking categories like Action and Shooter from highest to lowest on a linear scale. Using D3 version 6, the code loads CSV data via `d3.csv` and draws SVG rectangles with `d3.selectAll`. The axes are created with `d3.axisBottom` and `d3.axisLeft` on band and linear scales. Rectangles change fill color from steelblue to orange on mouseover, then transition to red on mouseout with a 250ms duration.

Ppavan0828

91% match

Loading thumbnail…

Bar Chart

This bar chart visualizes global video game sales by genre, showing that Action leads with 563 million units sold, followed by Shooter and Platform. Built with D3 v6, the SVG chart uses d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.axisLeft and d3.axisBottom for labels. Bars render with a steelblue fill and transition to orange on mouseover via d3.select and d3.transition, with data loaded from a CSV file.

RRED98310

90% match

Loading thumbnail…

Fork of Bar Chart

This bar chart visualizes global video game sales by genre, from Action’s 563 million units to Strategy’s 23 million. Built with D3 v6, it uses `scaleBand` for the categorical x-axis and `scaleLinear` for the numeric y-axis, drawing SVG rectangles from CSV data. Interactive hover effects transition bars from steelblue to orange, and mouseout reverts them via `transition.attr` over 250 milliseconds. Axis labels and titles are appended as SVG text elements.

AAkrutiKhurana2103

89% match

Loading thumbnail…

a bar chart

This horizontal bar chart ranks video game titles by global sales in units, sourced from a Kaggle dataset. Built with D3 v6, it maps the numeric sales field to a linear x-scale and the game names to a categorical y-scale band. The SVG rendering uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to draw the axes, with orange rectangles encoding each game’s sales value.

RRED98310

89% match

Loading thumbnail…

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.

RRED98310

88% match

Loading thumbnail…

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.

RRED98310

87% match