fresh block

100%

✓ Published0🌍 Public

Last edited May 3, 2018

Created on May 3, 2018

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

87% match

Loading thumbnail…

fresh block

A stacked area chart displays how four unnamed data categories change over time, with each layer labeled at the right edge and a y-axis formatted as a percentage. The code loads tab-separated data via `d3.tsv`, parses dates with `d3.timeParse`, and builds the visualization using `d3.stack`, `d3.area`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. SVG rendering and axes are created with `d3.axisBottom` and `d3.axisLeft`.

AAsilve00

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

84% match

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

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

82% match

Loading thumbnail…

fresh block

A stacked area chart displays the changing market share of multiple diabetes drugs over time, with each colored layer representing a drug and its thickness showing proportional share. The visualization uses a time-series x-axis and percentage-scaled y-axis to compare trends across three months of data from a CSV file. Built with D3 v4, the code employs `d3.stack()` to compute layer offsets, `d3.area()` for path generation, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Drug labels appear only for layers exceeding a one-percent threshold at the final date.

GGerardoFurtado

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

78% match

Loading thumbnail…

fresh block

A small SVG bar chart displays three horizontal stacked bars for consecutive months, with two colored series per month. The chart uses a custom d3.layout.stack() transform to compute stacked sums, then maps each bar’s width to its value and positions groups via d3.scale.ordinal() and rangeRoundBands. A yellow legend panel lists series names with color swatches, and hovering a segment updates a tooltip via d3.select() and d3.classed(). Data is hardcoded as JavaScript arrays in the block.

GGoomble

78% match