Skip to main content
SimilarExport ZIP
100%

Area chart

✓ Published0🌍 Public
Rrishithagovini99@gmail.com
Last edited Apr 13, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

This area chart displays Nike Runner sales from 2000 to 2024, with the x-axis representing time and the y-axis showing sales volume. The visualization uses D3 v6 to load CSV data from a GitHub repository, employing `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.area` to render a steelblue filled path. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while SVG text elements label the chart title, x-axis ("Year"), and y-axis ("Sales"). The data is parsed with `d3.timeParse` before being passed to the area generator.

AI-generated description

An area chart showing the sales of Nike Runner over the period 2000-2024

MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart

This area chart displays sales data from 2000 to 2023, with the year on the x-axis and sales figures on the y-axis. The chart is rendered as an SVG using D3 v5, loading data from a CSV file hosted on GitHub. The visualization uses `d3.scaleTime` and `d3.scaleLinear` for axes, along with `d3.line` and `d3.area` generators with `curveBasis` to create smooth lines and the shaded region beneath. Axis labels are styled with orange, and gridlines are generated via axis tick marks.

Jjaswanthreddy2000@gmail.com
83% match
Loading thumbnail…

area chart

This area chart displays yearly sales data loaded from an external CSV file, with the x-axis representing years and the y-axis representing sales figures. Using D3 v7, the visualization generates an SVG area path filled in steel blue, with axes and labels for both dimensions. The code employs `d3.area()` to create the filled region, `d3.scaleLinear()` for both scales, and `d3.axisBottom` and `d3.axisLeft` to render the axes, all appended to a single SVG element sized at 800 by 400 pixels.

Rr79162810@gmail.com
82% match
Loading thumbnail…

Fork of ICE 7 Area Chart

This area chart displays Nike’s annual sales from 2009 to 2019, with a smooth curve overlaid on a shaded region beneath it. The visualization uses d3.csv to load external data, d3.scaleTime and d3.scaleLinear for axes, and d3.line with d3.area and curveBasis to generate the SVG paths. Axis ticks are formatted with d3.format, and d3.timeParse converts date strings into time values.

SSnapika
80% match
Loading thumbnail…

Area Chart

This area chart displays electronic sales from 2013 to 2021, with a green filled region under a black smoothed line. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the year axis and `scaleLinear` for sales values. Data is loaded from a CSV file via `d3.csv`, and both `d3.line` and `d3.area` generators with `curveBasis` create the chart. Axes are customized with `axisBottom` and `axisLeft`, including gridlines and labels.

Kkranthireddyskr
79% match
Loading thumbnail…

Area Chart Activity 8

This area chart visualizes the cost of sales from 2000 to 2013, plotting yearly values as a smooth curved line with a light green filled region beneath it. The chart uses D3 v5 with SVG rendering, employing `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `area()` with `curveBasis` to generate the filled path. Data is loaded from a CSV file via `d3.csv`, with year values parsed as dates and costs converted to numbers. Axis labels and tick formatting are customized, including red tick text and an orange axis label.

Vvineelaramulapalli32
79% match
Loading thumbnail…

Area Chart

This area chart displays the cost of sales from 2000 to 2013, with a smooth curve and a light green filled region beneath the line. The visualization uses D3 v5, loaded via UNPKG, to construct axis scales with `scaleTime` and `scaleLinear`, and draws the chart with `line`, `area`, and `curveBasis` generators. Data is loaded as CSV from a GitHub gist and rendered as an SVG, with formatted tick labels and styled axes.

Mmn0658
78% match
Loading thumbnail…

ICE 7 Line Chart

This line chart displays Nike sales from 2009 to 2019, with years on the x-axis and sales figures on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the plot. Data is loaded via `csv` from a GitHub gist, with years parsed using `d3.timeParse` and sales converted to numbers. Grid lines and axis labels are styled through CSS, while a maroon path represents the sales trend.

SSnapika
78% match
Loading thumbnail…

Area Chart

This area chart shows car sales from 2001 to 2010, with the year on the x-axis and sales on the y-axis. The chart uses D3 v5 to load CSV data, apply time and linear scales, and render SVG axes with grid lines. An `area` generator with `curveBasis` creates a smoothed filled region below the sales line, styled in blue. The title and axis labels are added as SVG text elements.

Eeravellisaimeghana
78% match