Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published0🌍 Public

Last edited Oct 1, 2026

Created on Oct 1, 2026

This interactive scatterplot visualizes hours played versus rating for video games, with each point representing a game and color-coded by genre. A summary panel displays dataset statistics, while five version buttons allow switching between different mark and channel configurations. The visualization uses D3 v7 with SVG rendering, loading CSV data from a gist, and implements linear scales, axes, and interactive UI controls to explore the data.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This interactive D3.js v7 scatter plot visualizes video game sales, Metacritic scores, and average playtime across genres. Each circle encodes copies sold on the x-axis, Metacritic score on the y-axis, genre through color, and playtime through circle size, with Minecraft highlighted in red. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal` with `d3.schemeTableau10`, and `d3.scaleSqrt` for sizing. Data loads from a CSV via `d3.csv`, and SVG rendering includes axes, labels, and a color legend.

AAbhilashReddyVenreddy@my.unt.edu

88% match

Loading thumbnail…

Fork of HTML Starter

This chart demonstrates a staged approach to data visualization, showing how different visual encodings can convey information. The first stage uses only x and y positions to map game attributes, while the second adds color to distinguish between genres. The third stage incorporates circle size to represent sales figures, creating a multi-dimensional scatter plot. The visualization is built with D3.js version 7.8.5 and renders as SVG, with interactive controls allowing users to toggle between the three stages.

Ssoumendranathbanerjee999@gmail.com

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

83% match

Loading thumbnail…

HTML Starter

A scatter plot of video-game sales, Metacritic scores, and playtime uses D3 v7’s `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.scaleSqrt` to map copies sold and score to x/y positions, genre to Tableau-10 hue, and average playtime to circle area. Minecraft receives a distinct highlight color. Data loads from a CSV via `d3.csv`, with axes built by `d3.axisBottom` and `d3.axisLeft`. The SVG rendering is generated in `chart.js` within an `index.html` shell.

AAbhilashReddyVenreddy@my.unt.edu

82% match

Loading thumbnail…

Fork of HTML Starter

This D3.js (v7) visualization shows the relationship between movie runtime, rating, and votes, with genre as a categorical color channel. It presents a scatterplot of movie data loaded from a GitHub-hosted CSV file, with axes for runtime and rating. The code uses D3 APIs including `d3.csv`, `d3.extent`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.select` to build the SVG chart. It also computes summary statistics like mean and median rating using `d3.mean` and `d3.median`. The page includes a summary box with data dimensions and field ranges.

Ttanubuddideepthi@gmail.com

82% match

Loading thumbnail…

Fork of HTML Starter

This dark-themed scatter plot visualizes cricket player performance, plotting StrikeRate against Runs with points colored by player role. Built with D3 v7, it loads CSV data from a GitHub gist and renders an SVG chart with axes, legend, and interactive tooltips. The visualization uses `d3.scaleOrdinal` for role-based coloring, `d3.extent` for scale domains, and mouse event handlers to display player details on hover.

Ssharathchandrareddymuthyam

81% match

Loading thumbnail…

Fork of HTML Starter

This scatter plot visualizes cricket player statistics from a CSV file containing attributes like runs, matches, and strike rate. It uses D3 v7 to render an SVG chart, automatically detecting numeric columns to map to X and Y axes. The visualization includes axes with labels, colored dots that represent categorical groupings when present, and an interactive tooltip that displays data values on hover. The chart uses d3.scaleLinear for axis scaling, d3.scaleOrdinal with d3.schemeTableau10 for categorical colors, and d3.axisBottom and d3.axisLeft for axis generation. Data is loaded from an external CSV URL via a Gist.

Ssharathchandrareddymuthyam

81% match

Loading thumbnail…

Fork of HTML Starter

This bar chart visualizes global sales figures for a dataset of video game titles, with each bar representing a single game’s total sales in millions. Built with D3 v7, it renders an SVG chart using `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis, with axis labels and a legend. Data is loaded asynchronously via `d3.csv` from a GitHub gist, and x-axis tick labels are rotated and thinned to every tenth entry for readability.

Nnithinreddypinikesi@my.unt.edu

81% match