100%

ICE_7_Line_chart

✓ Published0🌍 Public

AAbhiramPudi@my.unt.edu

Last edited Oct 27, 2025

Created on Oct 26, 2025

This D3.js line chart visualizes the trend of total global video game sales (in millions) per year, aggregating a CSV dataset by summing sales for each year after 1980. The chart uses `d3.select`, `d3.csv`, `d3.rollup`, and `d3.sum` for data loading and aggregation, then `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.line` to generate the SVG path. The rendered SVG includes styled axis labels, a title, and a steelblue line.

AI-generated description

Line Chart: Global Video Game Sales Over Time

This D3.js line chart shows the trend of total global video game sales (in millions) per year, based on the sample dataset.

MIT Licensed

Similar vizzes

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

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

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

90% match

Loading thumbnail…

ICE_7_Area_chart

This area chart shows the trend of total global video game sales per year from 1980 onward, with a filled steelblue shape that highlights the growth over time. Built with D3, the code uses `rollup` and `sum` to aggregate the sample CSV data by year, then `scaleLinear` for both axes. The `area` generator creates the SVG path, while `axisBottom` and `axisLeft` render the axes. Data is sourced from a gist URL.

AAbhiramPudi@my.unt.edu

89% match

Loading thumbnail…

ICE-7: Area Chart

This area chart visualizes global video game sales across years, using a shaded region beneath a line to emphasize cumulative sales trends. The data is loaded from a CSV file and processed with D3 v5. The visualization leverages D3's `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `area` generators to construct the SVG plot, with custom styling applied via CSS for the chart's colors and typography.

Ggunasindhuja

87% match

Loading thumbnail…

ICE 7 Area

This area chart shows global video game sales from 2003 to 2014, with the y-axis measuring sales in millions and the x-axis tracking years. The visualization uses D3 v5’s `line` and `area` generators with `curveBasis` to create a smooth line above a turquoise filled region, while axes are drawn with `axisBottom` and `axisLeft`. Data is loaded from a CSV file containing yearly sales figures, and a custom `scaleTime` converts year values into positions along the timeline.

TTejamod

87% match

Loading thumbnail…

Area Chart ICE 7

This visualization displays global video game sales over time as an area chart, emphasizing the upward trend in yearly sales figures. The chart uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `area` generators to render the SVG plot. Data is loaded via `d3.csv` from a GitHub gist, with the first 14,000 rows sliced for display. The area fill is semi-transparent pink, complemented by a thin line path, and both axes include labeled ticks with gridlines.

PPrasanth

85% match

Loading thumbnail…

ICE 7 Line Chart

This chart shows sample sales data from 2010 to 2022 as a single line, with a time-scaled x-axis for years and a linear y-axis for sales values. The visualization uses D3 v5 to load CSV data, then draws an SVG line path using `d3.line`, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The code imports modules like `scaleTime`, `scaleLinear`, `extent`, and `max` from D3 via a Rollup bundle that outputs to `bundle.js`. The styling applies custom CSS for gridlines, axis labels, and the stroke color of the line path.

Ddheeraj1509

82% match