Assignment 6

100%

✓ Published0🌍 Public

Last edited Oct 8, 2026

Created on Oct 8, 2026

This visualization explores Steam’s top 100 games, plotting total reviews against positive review percentage, with points colored by genre and faceted into small multiples by price tier. The SVG chart includes a hover tooltip showing game details, while a second animated view cycles through the same frames. The implementation uses D3 v7’s `d3.csv`, `d3.scaleLinear`, and `d3.transition` to drive the animation, sourced from `steam_top100_games.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

CSCE 5320 A6.3

A bar chart and overlaid line chart visualize the top 20 Steam games by total reviews, distinguishing total, positive, and negative review counts. The chart uses D3 v5 and React to load TSV data, filter out games with zero reviews, and render an SVG with a horizontal grid, rotated axis labels, and color-coded bars and lines. The code builds the visualization with `d3.scaleBand`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and `d3.line`, providing an interactive look at review distribution across popular titles.

SStorm

80% match

Loading thumbnail…

Assignment 5

A scatterplot compares video game critic scores against playtime hours, with sales volume encoded by point size and genre by color. The visualization highlights “The Sims 4” with a distinct mark. The D3.js v7 code loads CSV data, computes statistical summaries (mean, median), and renders an SVG chart using `d3.scaleLinear` for axes, `d3.scaleSqrt` for point scaling, and `d3.schemeTableau10` for categorical coloring. Axes labels and a summary box using `d3.select` display data ranges.

Ppezguy97@gmail.com

74% match

Loading thumbnail…

Activity6_Question4

This interactive bubble chart visualizes the relationship between video game review scores, average hours played, and copies sold. Each circle represents a game, positioned along the x-axis by review score and y-axis by play time, with circle size encoding sales volume. Color distinguishes game genre, and hovering reveals a tooltip with exact details. Built with D3.js, the visualization uses `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` for encoding, while `join('circle')` renders the animated bubbles. Data is loaded from a GitHub Gist CSV file, and the SVG output includes legends for size and genre.

Mmaneeshraja47@gmail.com

74% match

Loading thumbnail…

Bubble Chart

This bubble chart visualizes video game data by plotting average play length on the x-axis against review scores on the y-axis, with circle radius representing average completionist length and color encoding the console platform. It uses d3.csv to load the dataset, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal with d3.schemeSet1 for categorical colors. The SVG visualization includes hover tooltips via the title element, axis labels, and custom legends for both color and size, all rendered through D3 v6 selection and data-join methods.

AAllen Ho

73% match

Loading thumbnail…

TASK-8

This stacked bar chart visualizes the distribution of IMDb rating categories across six video game genres, using percentages that sum to 100% for each genre. The D3.js v7 code builds the horizontal bars with `d3.stack()` and `d3.scaleOrdinal` for color mapping, while hover interactions trigger tooltips showing precise percentage values via `d3.format`. The SVG rendering includes a linear x-axis for percentages and a band scale for genres, with data loaded from a CSV file displaying five rating brackets from below 5.0 to above 8.5.

Ppraneeth7222@gmail.com

72% match

Loading thumbnail…

CSCE 5320 Assignment 7

This interactive visualization explores video game sales data through four coordinated charts: a scatter plot of regional sales, a pie chart of genre shares, a line chart, and an area chart of global sales over time. Users switch between views using buttons. Built with D3 v6, the example uses `scaleLinear`, `axisLeft`, `axisBottom`, `pie`, `arc`, `line`, and `area` APIs. The scatter plot employs `scaleOrdinal` with `interpolateRainbow` for genre colors, while the line and area charts aggregate data via `rollup` and `sum` from a TSV dataset.

SStorm

72% match

Loading thumbnail…

Fork of Fork of CS416 Project_2

This visualization presents Amazon’s top 50 bestselling books from 2009 to 2019 using D3.js v6, rendering as SVG with interactive buttons. It shows two side-by-side bar charts tracking average user ratings and prices across years, colored by value, plus a scatterplot for a selected year where each circle represents a book, positioned by number of reviews and user rating, with size and color encoding price. Hovering reveals book name and author via an HTML tooltip, driven by D3 mouse events and scales like `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleLog`, using CSV data loaded from GitHub.

Mmz4987

72% match

Loading thumbnail…

Refactored Iteration Line Graph: vgsales.csv

This interactive small-multiple chart displays video game sales over time across five regional markets, with each facet corresponding to a sales category (global, North America, Japan, EU, and other). A legend color-codes twelve genres, allowing users to hover to highlight a genre’s lines or click to toggle its visibility. Built with D3 v6, the SVG visualization fetches data from a GitHub gist and aggregates sales by year and genre via `d3.flatRollup` and `d3.sum`. Users can pan by dragging, zoom with the mouse wheel, and reset the view, while axes dynamically redraw their domains using `d3.axisBottom` and `d3.axisLeft`.

DDaniel Ribaudo

72% match