ICE-6 Bar Graph 11554625

100%

ICE-6 Bar Graph 11554625

✓ Published0🌍 Public

Last edited May 1, 2023

Created on Mar 23, 2023

Forked from Fork of Fork of ICE-6 Bar Graph

This bar graph displays global video game sales across different genres, using horizontal bars to compare the total sales figures for twelve genres. Built with React and rendered as an SVG, the visualization uses D3 v5’s `scaleBand` and `scaleLinear` to map genre names to y-axis positions and sales values to bar widths, with red gridlines and axis ticks generated via `xScale.ticks()`. Data is loaded from a remote CSV of video game sales via D3’s `csv` function, which parses the `Global_Sales` column for each row.

AI-generated description

A whole smiley face

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of ICE-6 Bar Graph

This bar chart shows North American sales for the top 12 video game genres, with each genre plotted along the vertical axis and sales values on the horizontal axis. The visualization uses React hooks for state management and D3 v5’s `csv` loader to fetch data from a GitHub gist, then renders the bars as SVG rectangles scaled by `scaleLinear` and `scaleBand`. Gridlines and axis labels are generated manually using D3’s `ticks()` method. The graph includes a title and red vertical gridlines for readability.

Ppemmasaniprudhvinadh

87% match

Loading thumbnail…

ICE-6

This example shows a bar chart of video game sales, comparing the total sales across different game platforms. A dropdown menu lets the viewer switch the y-axis metric among customer-related attributes like name, segment, country, city, or state. Built with React and rendered as SVG, the chart uses d3.scaleBand and d3.scaleLinear for axes, with custom AxisBottom, AxisLeft, and Marks components. Data is loaded asynchronously via d3.csv from a Kaggle-hosted dataset of top game sales.

PPrasanth Damarla

86% match

Loading thumbnail…

ice 6

This horizontal bar chart displays the global sales of the top 11 video games, using orange bars to compare their performance. The visualization is built with React and D3 v5, leveraging `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and SVG for rendering. Data is loaded asynchronously from a CSV file via `d3.csv`, with sales values parsed and then filtered to the first 11 entries. Tick marks and labels are manually generated from the scales, while axis lines are omitted for a cleaner design.

TTejamod

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

85% match

Loading thumbnail…

ICE-6 Scatter Plot 11554625

This scatter plot visualizes video game sales data from a CSV file, plotting North American sales on the x-axis against release year on the y-axis. Each circle represents a game, colored by genre using a custom `marker` function that maps genre names to specific colors (blue, yellow, or red). The visualization uses D3 v6 APIs including `csv` for data loading, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for rendering scales. The SVG rendering fills the full browser window with a heading and styled tick labels.

MManohar Kowthavarapu

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

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

83% match

Loading thumbnail…

ICE-6 Bar Graph

This example displays a horizontal bar chart of total revenue for twelve countries, loaded from a CSV file. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. SVG rectangles are rendered for each bar, with gridlines and axis tick labels generated via `xScale.ticks()` and custom text elements. The data is fetched asynchronously using `d3.csv` and processed with a row function to convert revenue values to numbers.

Ggayathrikavya

83% match