Skip to main content
SimilarExport ZIP
100%

temp

✓ Published0🌍 Public
Aanushaanumula
Last edited Jul 2, 2022
Created on Jul 2, 2022

This animated scatter plot visualizes PS4 sales data across global regions, cycling through Rest of World, Japan, Europe, and Global sales on the x-axis with Rest of World on the y-axis. Colored circles (red for Japan, green for Europe, blue for Global) represent game titles, while a legend and dynamic axis labels update via setInterval. The visualization uses d3.csv for data loading, d3.scaleLinear and d3.axisBottom/axisLeft for scales and axes, and SVG rendering with animated transitions between variables.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

MIT Licensed

Similar vizzes

Loading thumbnail…

Ice7-Reusable D3 Scatter Plot

This reusable scatter plot, built with D3.js, visualizes PS4 video game sales data, showing the relationship between sales figures in different regions (Global, North America, Europe) and the year of release. The plot updates its x-axis and data points every two seconds, cycling through these different sales metrics for the same y-axis. Constructed using D3’s modular components like `scaleLinear`, `axisLeft`, and `axisBottom`, the chart is designed to be idempotent and reusable. It renders as an SVG with an animation driven by `setInterval`, and uses the `csv` function to load data from a remote URL.

Aanushaanumula
81% match
Loading thumbnail…

PS4 Game Sales Scatter Plot

This scatter plot uses a PS4 game sales dataset from a GitHub gist to compare regional sales from 2013 to 2018. The x-axis maps the year of release, while the y-axis shows sales in millions. Each dot represents a game, with black, red, and blue circles distinguishing global, North American, and Japanese sales, respectively. Built with D3 v6, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes, and SVG circles rendered via `selectAll` and `join` to overlay the three sales categories.

YYichen Li
79% match
Loading thumbnail…

Fork of ICE7 Reusable Scatter

This example visualizes PS4 game sales data as an animated scatter plot, showing global sales against release year across product categories. The visualization cycles the x-axis between Year and North American sales every few seconds. Built with D3 v6 and React, it uses `scaleLinear`, `axisLeft`, and `axisBottom` for axes, renders circles as SVG marks, and includes a hand-coded legend with color-coded categories. Data loads from a CSV via `d3.csv`, with axis transitions driven by `setInterval`.

Mmaheganesh
77% match
Loading thumbnail…

Scatter Plot - PS4 Game Sales by Year of Development

This scatter plot shows global PS4 game sales in millions of dollars plotted against the year of game development, with each circle representing a game. The code uses D3 v6 to load a CSV dataset from a GitHub gist, filters for global sales records, and renders the points as semi-transparent SVG circles. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, with linear scales (`d3.scaleLinear`) mapping years and sales values to screen coordinates. The chart fills the browser window and includes labeled axes for year and sales.

RRaul Gamez
76% match
Loading thumbnail…

ICE7- Scatter plot

This interactive scatter plot visualizes global sales data for PlayStation 4 games, with each circle representing a game positioned by release year and worldwide sales. The visualization uses vega-lite-api to build the chart and d3.csv to load data from a Gist-hosted CSV file derived from the UCI Machine Learning Repository’s Auto MPG dataset. Publishers are distinguished by color, and hovering reveals the game title via vega-tooltip. The chart encodes quantitative fields for year and global sales, with a custom color encoding for the categorical publisher field.

Aanushaanumula
76% 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
76% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot maps video game sales across regions against critic ratings, with each point's shape and color encoding genre. The visualization cycles through different x-axis metrics—North American, European, and Japanese sales, then rating—every two seconds, dynamically updating the scales and axes. Built with D3 6.7.0, it leverages `scaleLinear`, `axisLeft`, and `axisBottom` for axes, while custom SVG paths create genre-based shapes for data points. The code loads CSV data from a remote URL and uses the `select` API to manage SVG rendering.

Ssatishnarne99@gmail.com
75% match
Loading thumbnail…

Fork of Scatter Plot For > 5 million Video Game Sales

A scatter plot displays video game sales across global, NA, EU, JP, and other regions, filtering to titles with over five million in global sales. Using D3 v6, it renders animated SVG circles that transition when users switch axes via dropdown menus built with a custom menu component. The reusable chart uses `selection.join` and `transition` from D3, with data loaded from a GitHub Gist CSV file.

PPeter Cordone
75% match