Skip to main content
SimilarExport ZIP
100%

Activity7_Question2_AreaChart

✓ Published0🌍 Public
DDee
Last edited Apr 10, 2025
Created on Apr 10, 2025
Forked from Hello VizHub

This area chart from the D3.js gallery visualizes global video game sales over time, showing totals aggregated per year from a CSV dataset. The SVG rendering uses `d3.scaleLinear` for both axes, with `d3.area` to create the filled region. Data is processed via `d3.rollup` to sum sales by year. The chart includes labeled axes, a legend, and a blue fill (`#3182bd`), with the code utilizing `d3.axisBottom` and `d3.axisLeft` for tick marks.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

q2_activity7

This area chart visualizes global video game sales aggregated by year, showing the total sales trend over time. The visualization uses an SVG rendering with a steelblue filled area path, created using D3.js v7. The code loads CSV data from a GitHub repository, filters out entries with missing years, and uses `d3.rollup` to sum sales per year. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, with linear scales for both year and sales values.

Bbadiniswetha@gmail.com
89% 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
86% match
Loading thumbnail…

Activity - 7_Question - 2

This area chart displays monthly sales data over time, with the date on the x-axis and sales figures on the y-axis. The visualization loads CSV data from a GitHub Gist, parses date strings using `d3.timeParse`, and renders a filled area path with a steelblue color. The chart uses `d3.scaleTime` and `d3.scaleLinear` for axis scaling, `d3.area` for the area generator, and `d3.axisBottom`/`d3.axisLeft` to draw the axes, all within an SVG container.

Mmalisettisaisumanth@gmail.com
85% match
Loading thumbnail…

Area chart

This area chart visualizes video game sales across Europe, with each game title plotted along the x-axis and sales figures in millions on the y-axis. The chart uses a filled, curved area path to emphasize sales trends, with orange fill contrasting against a white background. The visualization loads data from a remote CSV file using d3.csv and constructs the chart with D3 v5’s scaleBand, scaleLinear, axisBottom, axisLeft, and area functions, rendering to SVG. Axis labels and rotated tick text improve readability, while light grid lines aid value comparison.

Ssatishnarne99@gmail.com
83% 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
83% match
Loading thumbnail…

Activity 7 Q_2

This example displays a sales area chart that tracks the total sales figures over time, with the x-axis representing order dates and the y-axis showing sales amounts. The visualization uses a semi-transparent green filled area to emphasize the trend and magnitude of sales across the plotted dates. Built with d3.v7, the code loads CSV data from a GitHub gist, parses the sales and date fields, sorts the data chronologically, and applies d3.scalePoint and d3.scaleLinear for positioning. An area chart is generated with d3.area, while d3.axisBottom and d3.axisLeft render the axes, with rotated tick labels on the x-axis for readability.

Hhui249378@gmail.com
83% match
Loading thumbnail…

Assignment-2(2Q)

This area chart shows global video game sales per year for the top six platforms (Wii, X360, PS, DS, PS2, PS3), with each platform’s total sales labeled at its peak. The visualization uses D3 v7 with SVG rendering and loads CSV data from a GitHub gist, aggregating sales via `d3.rollups` and `d3.sum`. Areas are drawn with `d3.area` and a monotone X curve, while axes and legends are generated using `d3.axisBottom`, `d3.axisLeft`, and custom legend groups.

SSaiHarshitManda@my.unt.edu
83% match
Loading thumbnail…

Activity 7 Question 1

This area chart displays monthly sales figures, using a filled path to emphasize the trend over time. Built with D3 v7, the visualization maps categorical month labels to the x-axis via `scalePoint` and a linear scale for sales values on the y-axis. The code fetches CSV data from a GitHub gist and renders the area with a steel-blue fill, adding labeled axes for clarity. The SVG output is generated programmatically through D3’s `area` generator and standard axis functions.

MMahimaChowdaryKasthala@my.unt.edu
83% match