Dot Plot

100%

✓ Published0🌍 Public

Last edited Feb 9, 2024

Created on Feb 6, 2024

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.

AI-generated description

An adaptation of CSV File Loader in P5 by Alark Joshi that works in VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Dot Plot

This dot plot displays the metric sales data for video game publishers from 2003 to 2009, using a circle for each publisher’s sales value. The visualization is built with the p5.js library, loading a CSV dataset via `loadTable` and rendering the plot with `circle` and `text` functions. Data is sourced from a GitHub-hosted CSV file based on the Corgis video game dataset, which was modified for this example. The chart labels the axes and includes a title, with a dark background and blue circles representing sales figures.

AAllen Jake Polintan

87% match

Loading thumbnail…

Bar Chart

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.

KKwasi Acquaye

85% match

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

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

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

81% match

Loading thumbnail…

D3 Scatter plot

This scatter plot visualizes the global sales of top-rated video games from 2016, with each game represented as a circular point. The data, loaded from a local CSV file, maps game names along the x-axis and their sales figures in millions along the y-axis. The visualization is built with D3 v6, using functions like `d3.scaleBand` and `d3.scaleLinear` to manage the axes, while `d3.select`, `d3.append`, and `d3.axisBottom` handle the SVG element creation and axis rendering. Each dot is positioned using the computed scales, and steelblue fill distinguishes the data points.

KKwasi Acquaye

80% match

Loading thumbnail…

D3 Boxplot

This example displays a bar chart of global sales figures for video games in 2016, with each game’s sales in millions of units shown on the y-axis and game names on the x-axis. It uses D3 v6 to build the visualization, loading data from a CSV file that is manually encoded into a JavaScript array. The SVG rendering uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate axis ticks, with circles placed via `append('circle')` and positioning computed from the scales.

KKwasi Acquaye

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

79% match