Dot Plot

100%

✓ Published0🌍 Public

Last edited Feb 6, 2024

Created on Feb 5, 2024

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.

AI-generated description

Dot Plot of Metric Sales from Video Game Publishers form 2003-2009. Note: The data was modified to simplify the coding process Dataset from :https://corgis-edu.github.io/corgis/csv/video_games/

MIT Licensed

Similar vizzes

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

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

87% match

Loading thumbnail…

A4 Bar Chart

This bar chart displays the total metric sales for video game publishers between 2003 and 2010, using data from the CORGIS Video Games dataset. Each bar represents a publisher’s aggregate sales in millions, with Nintendo showing the highest value. The visualization is built with D3 v7, using `d3.csv` to load the data, `d3.scaleBand` for the categorical x-axis, and `d3.scaleLinear` for the y-axis. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with hover effects changing bar color.

AAllen Jake Polintan

82% match

Loading thumbnail…

Strip Chart

This strip chart displays the distribution of metric sales (in millions) for video games from 2003 to 2009, using a dataset from the CORGIS Video Games collection. The plot uses a single vertical axis for sales values, with each game represented as a small circle randomly jittered horizontally to reduce overlap. The visualization is built with the p5.js library, loading CSV data via its `loadTable` function and rendering circles with the `circle()` method on a 600-by-600 pixel canvas. A highlighted annotation points to a specific data point labeled "Mario Kart D.S."

AAllen Jake Polintan

81% match

Loading thumbnail…

A6 Seqeuntial Color Scale

This dot plot visualizes metric sales of video game publishers from 2003–2010 using a sequential color scale. The chart encodes each publisher’s total sales with bar height and a color gradient from light to dark via `d3.scaleSequential` and `interpolateRdPu`. Built with D3 v7, it renders SVG bars, axes with `d3.axisBottom` and `d3.axisLeft`, and includes a legend using the d3-legend library. The data, sourced from the CORGIS video games dataset, is loaded from `games.csv` with numeric sales values processed before scaling.

AAllen Jake Polintan

79% match

Loading thumbnail…

Video Game Sales

This visualization displays global video game sales from 1980 to the present, with each colored circle representing an individual game. The x-axis maps the release year while the y-axis shows global sales figures, and the color encodes the game's genre. The code uses the Vega-Lite API with a custom configuration to adjust axis labels and styling. The dataset is loaded from a CSV file hosted on GitHub using D3's `csv` method, and the visualization renders as an SVG using the `view.renderer` setting.

Ggeorgeeeee

79% match

Loading thumbnail…

A4 Scatterplot

A scatterplot visualizes the relationship between video game review scores and metric sales for titles released from 2003 to 2010. Each pink circle represents a game, positioned by its review score on the x-axis and sales in millions on the y-axis. The chart uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for both axes and `d3.axisBottom` and `d3.axisLeft` for tick marks and titles. Data comes from a CSV file listing game titles, scores, and sales figures.

AAllen Jake Polintan

78% match

Loading thumbnail…

scatter-plot

This scatter plot visualizes video game sales, comparing NA_Sales on the x-axis against EU_Sales on the y-axis, with each circle’s color representing a different game publisher or developer. The visualization uses d3.csv to load the dataset, d3.scaleLinear to map data values to pixel coordinates, and d3.axisLeft and d3.axisBottom to render the axes. Circles are drawn as SVG elements within a React framework, with their fill color determined by a switch statement that assigns distinct colors to known studios and a default brown for others. The chart also includes axis labels for the variables plotted.

SSheela2930

77% match