Line chart

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

85% match

Line Graph: vgsales.csv

This visualization displays video game sales over time, broken into five small multiples by region: global, North America, Japan, the EU, and other sales. Each chart plots genre-specific sales as colored polylines and circles, using d3.flatRollup to aggregate the data from the vgsales.csv dataset. The graphs use d3.scaleLinear, axisLeft, and axisBottom to render axes, with a click handler that draws a crosshair across all charts for comparison.

82% match

CS599 Project 5 - Lines

This visualization displays the sales figures of bestselling video games as a horizontal bar chart, with game titles on the Y-axis and sales numbers on the X-axis. It uses D3.js v6 with scaleLinear for the numeric sales axis and scaleBand for categorical game titles, rendering bars as SVG rectangles. Data is loaded from a CSV file using the d3.csv method, and the chart includes formatted axis ticks that abbreviate large numbers (e.g., converting millions to billions) via d3.format.

FFedor Sharygin

81% match

Iterating Line Graph: vgsales.csv

This interactive multi-line chart uses D3.js (v6) to display video game sales data from a GitHub-hosted CSV across five regions, with each graph showing sales for twelve genres over time. A color-coded legend maps genres to lines, where hovering highlights a genre by thickening its strokes and clicking toggles its visibility. The visualization aggregates the data once before rendering, and includes crosshair functionality for comparing values across the regional charts.

81% match

Line Chart ICE-7

This line chart visualizes global video game sales over time, highlighting the upward trend in sales across the years. It plots the year on the x-axis against global sales in millions on the y-axis, using D3 version 5's `scaleTime`, `scaleLinear`, `line`, and `axisBottom`/`axisLeft` APIs. The SVG rendering includes grid lines, axis labels, and a styled path, with data sourced from a CSV file hosted on GitHub. The line is emphasized with a distinct color and stroke width, while the chart’s margins and tick formatting are customized for readability.

PPrasanth

Line chart

This line chart visualizes yearly sales data using a time-series line graph. The SVG rendering uses D3.js v7 with `d3.csv` for data loading, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for axes, and `d3.line` to generate the path. Data comes from a remote CSV file accessed via a gist URL.

Rr79162810@gmail.com

2nd Iteration Line Graph: vgsales.csv

This multi-line chart, built with D3 v6, visualizes video game sales from the `vgsales.csv` dataset for five global regions (Global, North America, Japan, EU, and Other), with one small multiple per region. Each line tracks a genre’s sales over time, colored via `d3.schemeSet3`; interacting with the legend (hover or click) highlights or toggles the corresponding series across all charts. The implementation uses `d3.flatRollup` and `d3.sum` for one-time data aggregation, and `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to build axes. Users can pan and zoom, and the updated view synchronizes across all multiples.

3rd Iteration Line Graph: vgsales.csv

This visualization displays a small-multiple line graph of video game sales over time, broken down by genre for global, North American, Japanese, EU, and other regional markets. Built with D3 v6 in SVG, it uses d3.flatRollup and d3.sum to aggregate the vgsales.csv data. Users can hover over the legend to highlight genres, click to toggle their visibility, and drag crosshairs across charts to compare values. The axes and line weight scale with zoom, and a reset button restores the view.