Fork of a bar chart

100%

Fork of a bar chart

✓ Published1🌍 Public

Last edited Feb 23, 2021

Created on Feb 22, 2021

This visualization shows the top 30 best-selling video games by global sales, using a fork of a classic bar chart with thin orange bars and labeled axes. The data is loaded from a CSV file containing game names and sales figures. The code uses D3 v6 APIs such as `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to render an SVG chart. It highlights popular titles like Wii Sports and Super Mario Bros., with a custom title and axis labels styled via CSS.

AI-generated description

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

MIT Licensed

Similar vizzes

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

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

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

84% match

Loading thumbnail…

Fork of Bar Chart

This fork of a bar chart visualizes global video game sales by genre, using data from a CSV file. Built with D3 v6, it renders an SVG with animated bars, implementing scales via `scaleLinear` and `scaleBand`. Bars are colored steel blue and change to orange on mouseover, with the transition handled by `.transition().duration(250)`. Axes and labels are created using `axisLeft` and `axisBottom`.

Ssurajkrishna

83% match

Loading thumbnail…

Fork of Bar Chart

This fork of a bar chart visualizes global video game sales by genre, using data loaded from a CSV file. D3 v6 APIs such as `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` construct the chart within an SVG, while mouseover and mouseout events trigger `transition` animations that change bar fill from steelblue to orange. The chart includes labeled axes for genre and global sales, with bars rendered via `selectAll` and data joins.

MMaldewar

83% match

Loading thumbnail…

Fork of Bar Chart

This bar chart visualizes global sales for different video game genres, sourced from a CSV file, with a D3 v6 rendering. It uses `csv`, `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` to map genres to bars and provide axes. On mouseover, the chart changes a bar’s fill to orange and back to steelblue on mouseout via D3’s selection and transition methods. The SVG output includes data labels for axes and a rotated genre title.

Ssucotton9

83% match

Loading thumbnail…

Fork of dataset for video games

This bar chart visualizes global sales figures for six major video game franchises, ordered by total units sold, with Mario leading at 330 million and The Legend of Zelda at 120 million. The chart uses D3 v7’s `scaleBand` and `scaleLinear` to map franchise names and sales values, rendering the bars as SVG rectangles via `d3.selectAll().append('rect')`. The x-axis labels are rotated 45 degrees for readability, and the chart includes a title, axis labels, and a light teal fill for the bars. Data comes from a CSV file listing franchise sales.

JJayaSaiReddySantimalla@my.unt.edu

83% match

Loading thumbnail…

Fork of Bar Chart

This example displays a vertical bar chart comparing global sales across video game genres, using data loaded from a CSV file. The chart renders as SVG, with genre labels on the x-axis and sales figures on the y-axis. The code builds scales with d3.scaleBand and d3.scaleLinear, and uses d3.axisBottom and d3.axisLeft for axes. Interactive mouseover and mouseout events change bar fill colors from steelblue to orange, with a d3 transition animating the change back over 250 milliseconds.

Kkaruppuraja

82% match