BarChart

100%

✓ Published0🌍 Public

Last edited May 3, 2021

Created on May 3, 2021

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.

AI-generated description

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

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

BarChart

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.

RRED98310

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

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

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

90% match

Loading thumbnail…

bar chart

This example shows the global sales of video games grouped by genre as a static bar chart. The code loads CSV data from a GitHub gist, parses the `Global_Sales` column into numbers with `d3.csv`, and renders bars using React and SVG. The `xScale` uses `scaleBand` for each genre, while `yScale` uses `scaleLinear` with the maximum sales value mapped to the chart’s height, although the bars are drawn with their y-position fixed at zero.

RRED98310

87% match

Loading thumbnail…

Fork of Bar Chart - Project

This bar chart visualization displays the global sales of video games by genre, using data loaded from a CSV file. The chart uses D3 v6 scales (`scaleBand`, `scaleLinear`) and axes (`axisBottom`, `axisLeft`) to render the bars, which are colored steel blue. It includes interactive hover effects, where bars transition to orange on mouseover and return to steel blue on mouseout, with the color change animated over 250 milliseconds using D3's transition API.

Rrajasrilekkala

87% match

Loading thumbnail…

BarChartGenre

This interactive bar chart visualizes the sales of video game genres across different global regions, using a dropdown menu to switch between sales metrics such as Global, EU, JP, NA, and Other Sales. Built with React and D3 v5, it renders SVG rectangles via the `Marks` component, with axes generated by custom `AxisBottom` and `AxisLeft` components. The data is loaded from a CSV file using D3’s `csv` function, and the chart scales the y-axis dynamically with `scaleLinear` and `format`.

RRED98310

86% match