Skip to main content
100%

Line Chart D3 v4

✓ Published0🌍 Public
Aabrahamdu
Last edited Oct 13, 2017
Created on Oct 13, 2017

This line chart visualizes browser market share statistics from June 2017 back to October 2010, tracking the percentage usage of Chrome, Internet Explorer/Edge, Firefox, Safari, and Opera over time. The SVG chart, built with D3 v4, plots each browser as a separate colored line across a time axis from left to right, with percentage values on the y-axis. The visualization reveals Chrome's steady rise from below 20% to over 76%, while Firefox declines from around 44% to 13%, and IE/Edge drops from about 30% to below 5%.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

essai

This block, forked from EssohanamKouyou's "tp2" block, visualizes browser market share over time as a multi-series line chart using D3 v4 with SVG rendering. The data (from a gist) tracks the daily percentage usage of eight browsers—Chrome, Internet Explorer, Firefox, Safari, Microsoft Edge, Opera, Mozilla, and Other—from mid-June to early August 2015. Each browser is represented by a distinct line plotted against the date axis, showing how usage shares fluctuate over the roughly seven-week period. The chart employs an ordinal x-scale for dates and a linear y-scale for percentages, with color-coded lines and a legend to identify the series.

EEssohanamKouyou
81% match
Loading thumbnail…

Customizing Axes

This donut chart displays browser usage statistics from January 2017, showing the market share percentages for Chrome, IE/Edge, Firefox, Safari, and Opera. The visualization uses a D3 v5 pie layout and arc generator to create the chart, with an ordinal color scale assigning distinct colors to each browser category. Labels are positioned using the arc centroid method, and the chart is rendered as SVG within an HTML page, styled with custom CSS for the title and text elements.

BBraja Gopal Das
81% match
Loading thumbnail…

Internet Browser Market Share

The graphic shows browser market share percentages for Internet Explorer, Chrome, Firefox, Safari, Opera, and Other from 2011 to 2016, with a stacked bar chart per year and a color-coded legend. It uses d3.v4 and the viz.js library’s `viz.bar` and `viz.lg` APIs to render SVG rectangles, with an axis from `d3.axisLeft` showing tick marks. Data is hardcoded as an array, and values under 5 percent are hidden on the bars.

NNPashaP
80% 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
78% 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
76% 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
75% match
Loading thumbnail…

JS Bin

A donut chart displays browser market share percentages for IE, Chrome, Safari, Firefox, and Others, rendered as animated SVG paths that grow outward from the center. The visualization uses d3.layout.pie with a pad angle and d3.svg.arc to construct the rings, with d3.scale.category10 assigning colors per category. Upon loading, each path transitions over one second via transition.attrTween, interpolating from zero angles to its final slice, while a legend and percentage labels fade in afterward. The chart is styled with a dark widget background and drop-shadow filter from the accompanying CSS.

JJn1532
74% match