Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published0🌍 Public

Nnithinreddypinikesi@my.unt.edu

Last edited Mar 7, 2026

Created on Mar 7, 2026

This bar chart visualizes global sales figures for a dataset of video game titles, with each bar representing a single game’s total sales in millions. Built with D3 v7, it renders an SVG chart using `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis, with axis labels and a legend. Data is loaded asynchronously via `d3.csv` from a GitHub gist, and x-axis tick labels are rotated and thinned to every tenth entry for readability.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

85% match

Loading thumbnail…

barchart

This bar chart displays global sales for video game titles. The code uses D3 v7 to load CSV data, map data to x and y scales, and render SVG rectangles as bars. The chart includes axis labels, a title, a legend, and rotated x-axis tick labels. The data is loaded from a remote gist, and the visualization is structured with a large chart container and D3's margin, scaleBand, and scaleLinear functions.

Nnithinreddypinikesi@my.unt.edu

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

84% match

Loading thumbnail…

Fork of HTML Starter

This interactive D3.js v7 scatter plot visualizes video game sales, Metacritic scores, and average playtime across genres. Each circle encodes copies sold on the x-axis, Metacritic score on the y-axis, genre through color, and playtime through circle size, with Minecraft highlighted in red. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal` with `d3.schemeTableau10`, and `d3.scaleSqrt` for sizing. Data loads from a CSV via `d3.csv`, and SVG rendering includes axes, labels, and a color legend.

AAbhilashReddyVenreddy@my.unt.edu

84% match

Loading thumbnail…

Fork of A Bar Chart(Platform)

This interactive bar chart displays total 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` to position SVG rectangles, with axes rendered through custom `AxisBottom` and `AxisLeft` components. Data comes from a Kaggle dataset of the top 500 games, loaded via D3's `csv` method. A tooltip appears on hover, showing the exact sales value for each bar.

NNarayana Reddy

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

84% match