Skip to main content
SimilarExport ZIP
100%

new2

✓ Published0🌍 Public
Rranjithkmr598@gmail.com
Last edited Mar 21, 2024
Created on Mar 21, 2024
Forked from new

This scatter plot visualizes the relationship between the HoursToBeat and Rating of video games. The SVG chart uses red circular dots positioned by linear scales on each axis, with 'Hours To Beat' on the x-axis and 'Rating' on the y-axis. The code employs D3 v7's `d3.csv` to load remote data, `d3.scaleLinear` for scaling, and `d3.axisBottom`/`d3.axisLeft` to render axes. Axis labels are added as text elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

new

This bar chart displays the number of hours required to beat each game from a dataset loaded via a CSV file. The visualization uses D3.js v7 to render SVG rectangles, with bars colored steel blue that turn orange on hover. It employs d3.csv to fetch data, d3.scaleBand for the categorical x-axis, and d3.scaleLinear for the numeric y-axis. Rotated axis labels and custom fonts style the chart, with axes formatted using d3.axisBottom and d3.axisLeft. The chart’s title and axis labels are added as SVG text elements.

Rranjithkmr598@gmail.com
79% match
Loading thumbnail…

ice5.1

This bar chart shows how long it takes to beat various video games, with each game represented by a steelblue bar that turns orange on hover. The chart uses d3.csv to load external game data, then d3.scaleBand and d3.scaleLinear to map game names and hours onto the SVG canvas. Axes are generated with d3.axisBottom and d3.axisLeft, while rotated labels and explicit axis titles clarify the game names and the “HoursToBeat” measurement. The visualization is built entirely with D3 v7 and rendered as SVG using a custom HTML/CSS layout.

Kktvgs25@gmail.com
77% match
Loading thumbnail…

Fork of Video Game Critic Ratings

This scatterplot compares critic and user scores for popular video games, plotting one point per title to reveal trends and outliers in the relationship between professional and audience ratings. The visualization loads CSV data from a GitHub gist, filters it to include only games with valid positive scores, and renders the first 1,000 points as semi-transparent circles using D3 v5’s `scaleLinear` and `axisBottom`/`axisLeft` for axes. Interactive tooltips appear on hover, displaying each game’s name and both scores via D3 event handlers, while the SVG output uses custom styling from external CSS.

EEmma Schaale
73% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between Metric Review Scores and the average length of all playstyles across 50 video games. Each circle represents a game, with its horizontal position indicating playtime length and vertical position indicating review score, while a hover effect highlights individual points. The plot uses D3 v6 with `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` to load data from a GitHub gist. The visualization is rendered as SVG, with circle color encoding review score intensity.

AAllen Ho
72% 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
72% 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
72% match
Loading thumbnail…

CPSC 436V Week 3 - Scatterplot

This scatterplot shows the ratings of ten games played in 2019, plotted along a horizontal rating axis against game names on the vertical axis. Each circle’s position encodes the game’s score, with all points using a uniform radius. The visualization uses D3 v5 APIs including `select`, `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`. Data is loaded from a local CSV file (`data.csv`) and rendered as an SVG, with gridlines, tick labels, and axis labels styled via CSS.

JJordan Chiu
71% match
Loading thumbnail…

Video Game Critic Ratings - Scatter Plot 1

This scatter plot visualizes the relationship between video game titles and their critic ratings, ranking the first 25 games from the dataset along the y-axis while mapping their scores on the x-axis. The visualization uses D3 v5's `scalePoint` and `scaleLinear` to position circles on an SVG canvas, with the data loaded from a CSV hosted on GitHub. The chart employs gridlines and styled text elements to present the data clearly, with each circle representing a game and its horizontal position indicating the critic score. The color scheme and layout emphasize the distribution of ratings across different game titles.

EEmma Schaale
71% match