Fork of Bar Chart

100%

Fork of Bar Chart

✓ Published0🌍 Public

Last edited May 23, 2022

Created on May 23, 2022

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.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

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

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

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

94% 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…

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

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

92% match

Loading thumbnail…

Fork of A Bar Chart

This fork of a bar chart visualizes the sales of video game genres across different regions, sourced from a Kaggle dataset. It displays the total sales per genre with a dropdown menu to switch between global, EU, JP, NA, and other regional sales figures. Built with React and D3 v5, the SVG rendering uses scaleBand and scaleLinear for axes, while axis components construct ticks with formatted labels via d3.format. Tooltips on each bar provide precise sales values.

RRED98310

86% match

Loading thumbnail…

Fork of Bar Chart

This example presents a bar chart of global sales data across historical periods, rendered as an SVG with D3 version 6. It shows a default view of steel-blue bars, which transition to orange on mouse hover via D3's selection and transition APIs. The chart uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded from a CSV file and mapped to rectangles with explicit width and height attributes.

GGuilinabaoge

86% match