Skip to main content
SimilarExport ZIP
100%

Testing

✓ Published0🌍 Public
ZZach2826
Last edited Apr 29, 2022
Created on Apr 29, 2022
Forked from HTML Starter

This example visualizes video game sales over time, showing the total global sales for each year as a line chart. The code loads a CSV dataset from a GitHub gist using `d3.csv` and processes it with `d3.nest` to group records by year and sum their sales values. A time-scaled X axis (`d3.scaleTime`) and a linear Y axis (`d3.scaleLinear`) are drawn, with a single steel-blue line rendered via `d3.line`. Rendering is done with SVG appended to the page.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Final Test

This visualization shows global video game sales by year, using a line chart to plot sales over time. A scatter or line series is configured to map year values on the x-axis and global sales on the y-axis, with axes generated via D3’s `d3.svg.axis`. The code loads CSV data from a GitHub gist, converts the year column into date objects, and groups entries by year using D3’s `nest()` API. The HTML page uses D3 v6 and static SVG rendering, though the drawing is not yet displayed.

ZZach2826
89% match
Loading thumbnail…

D3 Scatter Plot: vgsales.csv

This scatter plot visualizes video game sales data from the vgsales.csv dataset, plotting each game’s release year on the x-axis against its global sales on the y-axis. Rendered as an SVG using D3 v6, the code applies `d3.scaleLinear` for both axes and draws semi-transparent circles with a radius of 4. The data is loaded via `d3.csv`, and axes are generated with `d3.axisLeft` and `d3.axisBottom`, with tick formatting modified to prevent commas in the year labels.

DDaniel Ribaudo
80% match
Loading thumbnail…

D3 Line Chart

This line chart displays annual video game sales in North America from 2001 to 2014, with sales values in millions plotted across a time-based x-axis and a linear y-axis capped at 6.5. The visualization uses D3.js v7 to load CSV data via `d3.csv`, parse years with `d3.timeParse`, and render axes with `d3.axisBottom` and `d3.axisLeft`. A single hot-pink path is drawn using `d3.line` within an SVG canvas, accompanied by a title and axis labels.

Mmariahdiaz
80% match
Loading thumbnail…

Line chart

This line chart visualizes North American sales figures for video game titles, sourced from a CSV file. It uses D3 v7 APIs including `scaleBand`, `scaleLinear`, `line`, `axisLeft`, and `axisBottom` to map categorical game titles to a blue line plot with labeled axes. The chart includes rotated x-axis tick labels to accommodate many titles and applies margins, a custom axis label, and a title. The data is loaded via `csv()` and rendered as an SVG.

Ssatishnarne99@gmail.com
79% match
Loading thumbnail…

Video Game Sales

This visualization displays global video game sales from 1980 to the present, with each colored circle representing an individual game. The x-axis maps the release year while the y-axis shows global sales figures, and the color encodes the game's genre. The code uses the Vega-Lite API with a custom configuration to adjust axis labels and styling. The dataset is loaded from a CSV file hosted on GitHub using D3's `csv` method, and the visualization renders as an SVG using the `view.renderer` setting.

Ggeorgeeeee
79% 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
79% match
Loading thumbnail…

D3 Scatter Plot for Video Game Sales

This scatter plot visualizes video game sales data from Kaggle, showing global sales figures against release year for each title. The visualization uses D3 v6 with an SVG rendering approach, employing `d3.csv` for data loading, `scaleLinear` for both axes, and `axisLeft`/`axisBottom` for tick generation. Circles are positioned using x/y coordinates derived from the year and sales values, with a fixed radius of 5 pixels, and the chart fills the entire browser window using `window.innerWidth` and `window.innerHeight`.

RRochelle
79% match
Loading thumbnail…

D3 Boxplot

This example displays a bar chart of global sales figures for video games in 2016, with each game’s sales in millions of units shown on the y-axis and game names on the x-axis. It uses D3 v6 to build the visualization, loading data from a CSV file that is manually encoded into a JavaScript array. The SVG rendering uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate axis ticks, with circles placed via `append('circle')` and positioning computed from the scales.

KKwasi Acquaye
78% match