barchart

100%

✓ Published0🌍 Public

Nnithinreddypinikesi@my.unt.edu

Last edited Mar 8, 2026

Created on Mar 8, 2026

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.

AI-generated description

MIT Licensed

Similar vizzes

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

86% match

Loading thumbnail…

Fork of HTML Starter

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.

Nnithinreddypinikesi@my.unt.edu

85% match

Loading thumbnail…

A Bar Chart

A bar chart displays total sales for 500 video game genres across global, EU, JP, NA, and other regions, with a dropdown menu to switch the y-axis metric. Built with React and D3 v5, it uses `d3.scaleBand` and `d3.scaleLinear` for scales, renders SVG rectangles via the `Marks` component, and formats axis ticks with `d3.format`. Data is loaded from a CSV using `d3.csv`.

RRED98310

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

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

84% match

Loading thumbnail…

season bar chart

This bar chart displays video game sales across different gaming platforms, with a dropdown menu allowing viewers to switch between global, EU, JP, NA, and other regional sales figures. The visualization uses React with D3 v5, employing `d3.scaleBand` for the categorical platform axis and `d3.scaleLinear` for the sales values. SVG rectangles render each bar, and D3 utilities like `axisLeft` and `axisBottom` style the axes, while tooltips show formatted sales values. Data comes from a CSV of top 500 games sourced from Kaggle.

MMichael Bergerson

83% match

Loading thumbnail…

A Bar Chart(Platform)

This interactive bar chart displays 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` for positioning, and SVG rects for bars with native tooltips. The data is loaded via D3’s `csv` from a GitHub-hosted Kaggle dataset of the top 500 games.

RRED98310

83% match

Loading thumbnail…

BarChartPublisher

A bar chart shows global, EU, JP, NA, and other regional sales for video game publishers, with a dropdown menu to switch the displayed metric. The React app loads CSV data via `d3.csv` and renders SVG bars using `scaleBand` and `scaleLinear`. Axes are drawn with custom React components, and hovering a bar reveals a formatted sales value via an SVG `<title>` tooltip. The dataset originates from Kaggle’s video game sales list.

RRED98310

83% match