Skip to main content
SimilarExport ZIP
100%

Fork of Videogame sales (Platform v/s Global Sales)

✓ Published0🌍 Public
Ppemmasaniprudhvinadh
Last edited Mar 23, 2023
Created on Mar 23, 2023

A circular scatterplot charts global video game sales for each platform using the Vega-Lite API with d3.csv loading the gist-hosted dataset. Each circle encodes a game’s total global sales along the x-axis, grouped by platform on the y-axis, with tooltips revealing the game title. The visualization reveals that most platforms show similar sales distributions, with occasional high-selling outliers. The code configures axes, font sizes, and colors through a custom config object, while the plot itself uses a markCircle encoding with transparent fill and adjusted scales to emphasize the outlier patterns.

AI-generated description

Observation: The games sold equally well , but there are some outliers. This visualization shows the global sales of each videogame based on their platform. The Videogames Sales dataset contains a list of video games with sales greater than 100,000 copies.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Videogame sales (Platform v/s Global Sales)

This visualization plots global sales of video games against gaming platforms using a circular scatterplot. Each circle’s position encodes the platform on the y-axis and the game’s global sales on the x-axis, with opacity used to show overlapping points. The chart uses Vega-Lite and the vega-lite-api to construct the markCircle encoding, while d3.csv loads the Videogame Sales dataset from a GitHub gist. Tooltips display game names on hover. The visualization is rendered as an SVG, with config.js customizing axes and text styling.

Ppemmasaniprudhvinadh
96% match
Loading thumbnail…

Fork of Fork of Fork of Videogame sales (Platform v/s Global Sales)

This scatterplot shows the relationship between video game platforms and their global sales figures, with each circle representing a game and its position indicating sales volume. The visualization reveals that most games cluster at lower sales levels, with a few notable outliers achieving significantly higher sales. The chart uses Vega-Lite's API through the vega-lite-api library, configuring circle marks with opacity for overlapping points. Data comes from a CSV file loaded via d3.csv, and the visualization renders as an SVG using Vega's renderer with custom styling for improved readability.

Ppemmasaniprudhvinadh
94% match
Loading thumbnail…

Fork of Fork of Videogame sales (Platform v/s Global Sales)

This visualization displays global sales for individual video games across different platforms, with each circle representing a game and its position showing sales volume. The chart reveals that most games sell similarly across platforms, though notable outliers exist with significantly higher sales. Built with Vega-Lite and d3.v5, the visualization loads data from a CSV file containing games with sales exceeding 100,000 copies, using circular marks with encoded x-axis for quantitative sales values and categorical platform labels on the y-axis.

Ppemmasaniprudhvinadh
93% match
Loading thumbnail…

Fork of Videogame sales (Platform v/s Global Sales)

This visualization uses a bar chart to compare global video game sales across different platforms, revealing that most platforms achieve similar sales totals with a few notable outliers. The chart is built with D3.js and Vega-Lite, loading data from a CSV hosted on GitHub. The code configures the visualization with the `vl.drawBar` API, encodes platform on the y-axis and global sales on the x-axis, and uses a tooltip to display individual game names.

Ppemmasaniprudhvinadh
91% match
Loading thumbnail…

Videogame sales (Platform v/s Global Sales)

This visualization displays global videogame sales across different platforms, using data from a CSV file listing games with sales over 100,000 copies. Each circle represents a game, positioned by its global sales on the x-axis and platform on the y-axis, with semi-transparent marks to reveal overlapping points. The chart is built with Vega-Lite API, which is registered with Vega and d3, and includes tooltips showing game names. The code applies a custom config and loads data asynchronously via d3.csv, rendering the result as an SVG fitted to the viewport.

VVamsi Bhargav Sukamanchi
88% match
Loading thumbnail…

Fork of Video Game Platforms Streamgraph

This streamgraph visualizes global video game sales across platforms and years, using a smoothed area chart that highlights sales distributions over time. The code loads CSV data from a GitHub gist and employs D3’s `rollup`, `stack`, `stackOffsetWiggle`, and `stackOrderInsideOut` APIs to aggregate and layer the data. Rendering with SVG, it uses `d3.scaleTime`, `scaleLinear`, `area`, and the `d3-area-label` library for labels. A black envelope path and hover effects enhance layer separation.

CCurran Kelleher
82% 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
80% match
Loading thumbnail…

Fork of scatter-plot

This scatter plot visualizes global video game sales data, comparing North American and European sales on the x- and y-axes while mapping Japanese and global sales to point radius dimensions. The visualization uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions, rendering circles as SVG elements. Point colors are determined by the game’s publisher, with a custom `marker()` function that assigns distinct colors to specific developers like Ubisoft Montreal and Rockstar North, while defaulting to brown for others. The chart includes axis labels and a title, with styling applied via CSS.

Aajaysonu
80% match