Skip to main content
SimilarExport ZIP
100%

Stacked Area Chart

✓ Published0🌍 Public
Mmbostock
Last edited Oct 7, 2018
Created on Oct 13, 2012

This stacked area chart visualizes the global market share of popular web browsers from June to September 2015, using data from Clicky Web Analytics. Time-series data for eight browser categories is loaded from a TSV file and stacked using `d3.stack`. The visualization encodes dates on the x-axis with `d3.scaleTime`, market share percentages on the y-axis with `d3.scaleLinear`, and browser categories with the ordinal color scheme `d3.schemeCategory10`. Regions are drawn as SVG paths via `d3.area`, with axes generated by `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

This stacked area chart is constructed from a TSV file storing the market share of several popular web browsers over the last year. Data is from Clicky Web Analytics. The chart employs conventional margins and a number of D3 features:

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Stacked Area Chart

This stacked area chart shows the daily market share of popular web browsers from June to September 2015, using data from Clicky Web Analytics. The visualization encodes time on the x-axis and percentage share on the y-axis, with each browser represented by a distinct color from `d3.schemeCategory10`. The code loads and parses a TSV file using `d3.tsv`, computes stacked positions with `d3.stack`, and renders the areas with `d3.area`. It employs `d3.scaleTime`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.extent` for scaling and domains, while axes are generated with `d3.axisBottom` and `d3.axisLeft`.

FFrissAnalytics
95% match
Loading thumbnail…

Untitled

This chart shows the market share of web browsers across a two-month period in 2015, using stacked areas to display each browser's percentage over time. It is built with D3.v4, using `d3.stack` and `d3.area` to create the stacked layers, and `d3.timeParse` to convert the date column. The data is loaded from a TSV file, with a legend labeling each layer near the right edge, and the y-axis is formatted to show percent values.

NNarayana Reddy
85% match
Loading thumbnail…

fresh block

This visualization displays the daily market share of web browsers over a three-month period using a stacked area chart. The chart encodes each browser as a colored layer, with the y-axis showing percentage of total usage and the x-axis showing time. Built with D3 v4, it uses `d3.stack()` to stack the data series, `d3.area()` to construct the path geometries, and `d3.scaleTime()` and `d3.scaleLinear()` for the axes. The data is loaded from a TSV file, and category labels are positioned at the right edge of the chart for the larger share layers.

AAsilve00
82% match
Loading thumbnail…

Untitled

This visualization displays the market share of five major web browsers from 2008 to 2017 as multiple colored lines on a single time-series chart. The graph shows Chrome’s rapid rise and Firefox’s decline, along with the stable trends of Safari and Opera. Using D3 v4 within a React framework, the code loads CSV data with `d3.csv`, parses dates with `d3.timeParse`, and renders SVG paths via `d3.line` with `d3.curveMonotoneX`. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, with a categorical color scale from `d3.scaleOrdinal`.

Rrichad97
77% match
Loading thumbnail…

Stacked Area via Nest

This stacked area chart visualizes how three named groups (Group1, Group2, Group3) contribute to a total value over a series of dates in April 2012. Using D3 v3 and SVG rendering, the code nests the CSV data by group key and applies a stack layout to compute the cumulative y-offsets for each layer. The cardinal-interpolated areas are drawn as separate paths, colored via a categorical scale, with time-based x-axis and linear y-axis scales.

Mmbostock
75% match
Loading thumbnail…

D3 Layouts - Stacked area chart

A stacked area chart shows monthly U.S. electric vehicle sales from December 2010 to June 2013, with each category rendered as a filled layer. The code uses `d3.stack` with descending order and `d3.area` to generate SVG paths, colored via `d3.schemeCategory10`. It parses dates with `d3.timeParse` and scales axes with `d3.scaleTime` and `d3.scaleLinear`. Data comes from a remote CSV file, and axes are drawn using `d3.axisBottom` and `d3.axisRight`. The chart is fixed at 800×350 pixels.

KKaustav Sen
74% match
Loading thumbnail…

Meaningless Graphs with D3

An interactive stacked area chart renders eight time series from a CSV file, displaying aggregate values across years with a color-coded palette. The visualization uses D3 v6 to parse the data, then applies `d3.stack()` to compute layer offsets and `d3.area()` to generate the SVG paths. Axes are created with `d3.axisBottom` and `d3.axisLeft`, while labels for "Year" and "Points??" are added as SVG text elements. The data source is a remote CSV hosted on GitHub, and the chart updates reactively when loaded.

Sstevensmithj
74% match
Loading thumbnail…

stack area

This stacked area chart displays survey responses tracking Americans’ favorite sports from 2004 to 2017, showing how percentages for each sport accumulate over time. The visualization uses D3 v4’s `d3.stack()` to transform long-format TSV data into stacked series, then renders them as SVG paths via `d3.area()`. Categorical colors are assigned with `d3.scaleOrdinal`, while linear scales map years and percentages. The chart is built from a Makeover Monday dataset, drawn entirely in SVG within a 500x500 viewport.

PPatrick Wojda
74% match