CS599 Project - Line Chart

100%

CS599 Project - Line Chart

✓ Published0🌍 Public

Last edited Mar 7, 2021

Created on Mar 7, 2021

This example shows how video game sales have changed over time for the top 50 best-selling games of all time. A line chart plots sales against release date, with labels and dates shown for the five biggest games. The visualization uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for scales, and d3.line with curveBasis to generate the path. Axes are created with d3.axisLeft and d3.axisBottom, and the SVG is rendered with d3.select.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

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

81% match

Loading thumbnail…

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

80% match

Loading thumbnail…

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.

DDaniel Ribaudo

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…

ice 7 line

This line chart visualizes global video game sales from 2003 to 2014, plotting annual total sales in millions against the year. The visualization uses d3.scaleTime for the x-axis and d3.scaleLinear for the y-axis, with axes generated by d3.axisBottom and d3.axisLeft. A d3.line generator draws the path, colored blue, over the SVG canvas. Data is loaded asynchronously via d3.csv from a public GitHub Gist, with parsed numerical sales and date objects.

TTejamod

79% match

Loading thumbnail…

ICE-7 Line Chart

This line chart visualizes global video game sales over time, showing sales trends across years. The visualization uses a time-based x-axis for years and a linear y-axis for sales in millions, with a bold pink line tracing the data points. The code relies on D3 v5 modules including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line`, rendering as SVG. It pulls CSV data from a GitHub Gist, parses the year and sales values, and slices the first 180 records before drawing the chart with custom axis labels and gridlines.

Ggunasindhuja

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

77% match