AbhilashReddyVenreddy@my.unt.edu

@AbhilashReddy6·3 public vizzes

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.

Sep 26, 2026

Loading thumbnail…

Fork of HTML Starter

This example displays a simple greeting message, centered on the page and scaled to an extremely large font size. The visualization is built with basic HTML and CSS, using a `<div>` element styled by a `.message` class that sets the font size to 12em and centers the text. It relies solely on static markup and styling, with no JavaScript-driven rendering or data processing beyond a console log statement.

Sep 26, 2026

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.

Sep 26, 2026