Histogram

100%

✓ Published0🌍 Public

Last edited Feb 13, 2024

Created on Feb 6, 2024

This histogram visualizes the count of video games per genre from a CSV dataset fetched via p5.js’s `loadTable`, limited to the first 50 single-genre entries. Using the Canvas API, it draws colored rectangles for each genre’s frequency, with axis labels and gridlines. An interactive button randomizes the fill color, and hovering over a bar triggers a tooltip displaying the genre and its count, implemented through p5.js’s `mouseX`/`mouseY` and `text` functions.

AI-generated description

This histogram shows the amount of games per genre. The data set has been modified to show only the first 50 games in the csv file that contain only a single genre.

MIT Licensed

Similar vizzes

Loading thumbnail…

Histogram

This histogram visualizes the distribution of video game review scores from 2003 to 2009, using a dataset sourced from CORGIS. Built with the p5.js library and loaded via `loadTable` from an external CSV, the sketch counts review scores into ten discrete bins, rendering each as a purple bar. Axis labels and a title are drawn with p5.js text functions, providing clear context for the score ranges and game counts.

AAllen Jake Polintan

79% match

Loading thumbnail…

History of Video Games by Genre

This visualization displays the count of video game releases per year, broken into small multiples by genre. The data comes from the Video Game Sales Dataset by Daniel Ribaudo. Using Observable Plot’s `plot` function with `Plot.rectY` and `Plot.binX`, it aggregates yearly counts into histogram bars. The code loads the CSV with D3’s `csv` and `autoType`, converts years to dates, and renders facets per genre with a light frame, sized to the browser window.

CCurran Kelleher

74% match

Loading thumbnail…

BoxPlot

This box plot visualizes the distribution of Metric Review Scores for 50 video games, each selected to represent a single genre. It displays the median, quartiles, minimum, and maximum values, with outlier scores plotted as individual circles. The visualization uses the p5.js library with `createCanvas`, `loadTable`, and custom hover interactions to display box plot statistics. Data is loaded from a remote CSV file containing video game review metrics, and the scores are sorted and processed to calculate statistical values.

AAllen Ho

74% match

Loading thumbnail…

histogram

This histogram visualizes the distribution of power data values from a CSV file, grouping the data into eight bins spanning 0 to 800. The code uses p5.js to load the external dataset in a `preload()` function, then draws vertical grid lines and cyan bars, with each bar’s height scaled proportionally to the count of values in its bin. Axis labels and bin ranges are rendered directly on the canvas, and the visualization’s fixed dimensions and styling are defined through p5.js canvas drawing commands.

Hhollyjpotter

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

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

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

71% match

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

71% match