Skip to main content
SimilarExport ZIP
100%

Stacked Area Chart

✓ Published0🌍 Public
MMbrownshoes
Last edited Feb 14, 2018
Created on Feb 14, 2018

This stacked area chart visualizes the changing market share of web browsers over time, derived from Clicky Web Analytics data. It displays the proportions of the "Bottom 99 percent" and "Top 1 percent" income groups across the years, using a categorical color scheme. The visualization loads data from a CSV file with `d3.csv` and parses years via `d3.timeParse`. D3 scales (`d3.scaleTime`, `d3.scaleLinear`, `d3.scaleOrdinal`) and shapes (`d3.stack`, `d3.area`) compute the stacked layers, while `d3.axisBottom` and `d3.axisLeft` render the axes on an SVG canvas.

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:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3885211'>Stacked Area Chart</a>

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
92% match
Loading thumbnail…

Stacked Area Chart

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`.

Mmbostock
91% match
Loading thumbnail…

Stacked Area Chart

This stacked area chart shows the daily market share of web browsers over a three-month period, with each browser represented by a colored area stacked to total 100%. The visualization uses D3 v4 to load TSV data from Clicky Web Analytics, parse dates with `d3.timeParse`, compute stacked y-positions with `d3.stack()`, and render areas using `d3.area()`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while colors come from `d3.schemeCategory10` via `d3.scaleOrdinal`. The final SVG output includes labels for each browser placed at the right edge of the chart.

MMattDionis
91% 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
81% 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
78% 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
78% match
Loading thumbnail…

stacked bar

A stacked bar chart displays records published by month in 2015, broken into four categories: Geographic, Dataset, Application, and WebService. The chart uses D3.js (v3.5.5) to load the CSV data from `views.csv`, compute cumulative y-values for each segment, and render colored rectangles per category. An ordinal x-scale maps months, a linear y-scale encodes total counts, and a legend identifies the color-coded categories. The SVG rendering includes axes formatted with the `.2s` tick format and uses `d3.svg.axis` for the bottom and left axes.

MMbrownshoes
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
77% match