100%

Jayasai Scatter Plot

✓ Published0🌍 Public

JJayaSaiReddySantimalla@my.unt.edu

Last edited Mar 19, 2024

Created on Mar 19, 2024

This example visualizes the relationship between video game sales and ratings, with each point colored by game category. It shows how different categories, such as Action and RPG, compare across the two metrics. The visualization is built using D3 v7 with SVG and animation, rendering circles positioned by linear scales for sales and rating. Hovering over a circle reveals a tooltip displaying the game's category, sales, and rating. The data comes from the videoGamesStats.csv file, and the scatter plot uses D3's `scaleLinear` for axes and `d3.axisBottom`/`d3.axisLeft` for ticks, with interactive mouseover effects.

AI-generated description

A simple scatter plot with D3 showing the Penguins Dataset.

Challenge

Fork this viz
Modify it to show your data

MIT Licensed

Similar vizzes

Loading thumbnail…

jayasaiReusable D3 Scatter Plot

This reusable scatter plot displays Sales versus Rating for a small videogame dataset, with points colored by game category using a categorical color scale. The chart is built as a configurable D3 module following the “Towards Reusable Charts” pattern, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `schemeCategory10` for colors, and `d3.axisBottom`/`d3.axisLeft`. Data loads from a CSV file with `d3.csv`, and the plot applies margins, a fixed radius, and SVG circles within an HTML page.

JJayaSaiReddySantimalla@my.unt.edu

86% match

Loading thumbnail…

jayasai area chart

This example visualizes video game sales across categories using an area chart, with sales figures plotted on the y-axis and categorical labels on the x-axis. The chart uses D3 v7 to create a smooth area path, with the area filled in steelblue to emphasize the distribution of sales values. The code demonstrates D3’s scaleLinear for both axes, an area generator to define the shape, and axis generators (axisBottom, axisLeft) with rotated tick labels for category readability. Sales data is embedded directly in the script, and the rendering is done in SVG, with margins and labels for clarity.

JJayaSaiReddySantimalla@my.unt.edu

82% match

Loading thumbnail…

Video Game Scatter Plot

This scatter plot visualizes the relationship between global sales and critic scores for video games, with each point colored by genre. Using a log-scaled x-axis for sales, the chart reveals how commercial success correlates with critical reception. Built with D3.js, it leverages the `scaleLog`, `scaleLinear`, `axisLeft`, and `axisBottom` functions, along with the `xAxisLabel` and `yAxisLabel` utilities. The visualization filters out missing critic scores and non-positive sales, rendering circles with fixed radius and opacity over a gray inner rectangle.

Ssamozarif@gmail.com

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

80% match

Loading thumbnail…

A Scatter Plot

This scatter plot visualizes video game sales across regions, showing each game’s release year on the x-axis and its sales figures on the y-axis, with points colored by genre. A dropdown menu lets viewers switch between regional and global sales attributes. The visualization uses React with D3 v6 scales (`scaleTime`, `scaleLinear`, `scaleOrdinal`) and SVG rendering. Hovering over the color legend filters the displayed points by genre, while a native SVG `<title>` element provides tooltips on each circle. Data comes from a Kaggle dataset of video game sales.

RRED98310

80% match

Loading thumbnail…

Video Game Sales Scatter Plot

This scatter plot visualizes video game sales data from a custom dataset, showing the relationship between release year and global sales in millions. The visualization uses D3.js scales and axes to map the data points, with each circle representing a game and its position determined by the year and sales values. The code leverages D3’s `scaleLinear` and `extent` for scaling, along with helper functions from curated libraries for axis labels and rendering. The chart includes a light gray inner rectangle to highlight the plotting area, making the distribution of sales over time clearly visible.

Ssamozarif@gmail.com

79% match

Loading thumbnail…

D3 Scatter Plot for Video Game Sales

This D3 v6 scatter plot visualizes global video game sales across years, with each point representing a game and its platform encoded by color. Using SVG rendering, it scales the x-axis by year and y-axis by sales, allowing viewers to compare platform performance over time. The chart includes a d3.brushX brush for interactive selection and highlighting of data ranges, with d3.scaleLinear handling axis scales. Data comes from Kaggle’s video game sales dataset, parsed from CSV via d3.csv.

RRochelle

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

79% match