Bar Chart

100%

✓ Published0🌍 Public

Last edited Feb 6, 2024

Created on Feb 5, 2024

This bar chart displays global sales figures for nine video games, using horizontal position and bar height to compare each title’s commercial performance. The visualization is created with p5.js, loading data from a CSV file via `loadTable` and rendering the chart using the Canvas API’s `rect` and `text` functions. Sales values are mapped to pixel heights with the `map` function, while game names appear as rotated labels beneath each bar. The chart includes a y-axis with numeric sales values, and the data source is a local CSV file containing game names and their corresponding global sales.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar chart

A bar chart displays the global sales figures for nine video games from 2015, with each bar representing a title and its height corresponding to sales in millions. The chart uses the p5.js library to load data from a CSV file hosted on GitHub, render the bars, and label the axes. It includes game names beneath each bar and a y-axis scale showing sales values. The data comes from the HW2.csv file, which lists game titles and their Global_Sales figures.

KKwasi Acquaye

92% match

Loading thumbnail…

Bar chart

This bar chart visualizes video game sales data loaded from a CSV file, displaying global sales figures for individual game titles. The P5.js sketch reads the data using `loadTable`, maps sales values to bar heights, and labels each bar with the game name. The chart also draws a Y-axis with numeric labels. The code relies on P5.js functions like `createCanvas`, `rect`, `map`, and `text` to render the visualization, with layout parameters for margins and bar spacing.

KKwasi Acquaye

92% match

Loading thumbnail…

bar chart

This bar chart displays global sales figures for nine video games, using horizontal positioning to rank titles like Call of Duty: Black Ops 3 and FIFA 16. Built with p5.js, the sketch loads a CSV file via `loadTable` in `preload()`, then renders rectangles with the `rect()` API, mapping sales values to bar heights. Y-axis labels are drawn programmatically, while game names appear rotated beneath each bar, with axis margins defined as constants.

KKwasi Acquaye

91% match

Loading thumbnail…

Dot Plot

This dot plot visualizes global sales figures for nine video games, using a single dot per game along a horizontal axis to represent sales in millions. The chart includes labeled axes and specific scale intervals, with game names positioned to the left of each dot for clarity. The visualization is built with p5.js, loading data from a CSV file via the `loadTable` function in the `preload` step, then rendering the chart elements on a 900x600 canvas using drawing functions and the `map` method to scale the data values.

KKwasi Acquaye

85% match

Loading thumbnail…

Bar Chart

This bar chart displays metric sales (in millions) for video game publishers from 2003 to 2009, with publisher names listed vertically and sales represented by horizontal bar lengths. The p5.js sketch loads CSV data from a GitHub-hosted dataset using `loadTable()` in `preload()`, then draws the visualization in `draw()` using `rect()` for bars, `text()` for labels and axis annotations, and hardcoded color values. The chart plots approximately 16 publishers, with sales scaled by a factor of 1.3 to fit the 600x600 canvas, alongside a manually drawn X and Y axis.

AAllen Jake Polintan

84% match

Loading thumbnail…

Bar Chart of Top Video Game Sales

This bar chart displays the top 20 video games by global sales in millions, ranking them from highest to lowest. It uses d3.scaleLinear for the x-axis (sales) and d3.scaleBand for the y-axis (game names), with axes rendered via d3.axisLeft and d3.axisBottom. Data is loaded from a CSV file using d3.csv, and the chart is drawn as SVG rectangles. The code formats sales ticks with d3.format and labels the chart with a title and x-axis caption.

TT-Reiser

80% match

Loading thumbnail…

Bar Chart

This bar chart visualizes global sales by video game genre, ranking categories like Action and Shooter from highest to lowest on a linear scale. Using D3 version 6, the code loads CSV data via `d3.csv` and draws SVG rectangles with `d3.selectAll`. The axes are created with `d3.axisBottom` and `d3.axisLeft` on band and linear scales. Rectangles change fill color from steelblue to orange on mouseover, then transition to red on mouseout with a 250ms duration.

Ppavan0828

80% match

Loading thumbnail…

BarChart

This bar chart shows the global sales of video games by genre, ranking categories like Action and Shooter by their total sales in millions. The visualization uses D3 v6 to load CSV data from a GitHub gist, and renders the chart as an SVG with animated transitions. It employs `scaleBand` for the x-axis and `scaleLinear` for the y-axis, with axes generated by `axisBottom` and `axisLeft`. Bars are filled steelblue and change to orange on mouseover, using D3’s selection and transition APIs.

AAditya Khandelwal

79% match