Skip to main content
SimilarExport ZIP
100%

Smartphone users from 2010-2021

✓ Published0🌍 Public
PPallaviManupati
Last edited Mar 27, 2022
Created on Mar 27, 2022

This interactive data visualization shows the growth of global smartphone users from 2010 to 2021 using a smooth area chart. The visualization combines a purple line with a sky-blue filled area beneath it to emphasize the upward trend over time. Built with D3 v5, the code uses `scaleTime` and `scaleLinear` for the axes, `line` and `area` generators with `curveBasis` for the smoothed paths, and `axisBottom` and `axisLeft` for labeled ticks. Data is loaded from a CSV hosted on GitHub, using `csv` and `timeParse` to process the year values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of line chart section 3

This chart displays the number of smartphone users from 2010 to 2021 as a single blue line, with red tick labels and green gridlines. It loads CSV data from a GitHub gist and uses d3.csv, d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line to render the SVG graphic. The data is parsed with d3.timeParse for the year and numeric conversion for user counts, with margins and axis labels formatted via CSS.

PPallaviManupati
81% match
Loading thumbnail…

Area Chart

This area chart displays the growth of Android users from 2008 to 2017. The visualization uses a smooth curve to draw both the line and the filled area beneath it, with axes labeled "Year" and "Users". Built with D3 v5, the code leverages `scaleLinear`, `line`, `area`, and `curveBasis` to generate the SVG paths. Data is loaded from a CSV file via `csv`, with the y-axis formatted using `format('.3s')`.

Vvenkatajayanth03
78% match
Loading thumbnail…

Area Chart Visualization

This area chart visualizes iPhone user growth from 2007 to 2017 using a smooth curve generated by D3’s `area` and `line` generators with `curveBasis`. The SVG renders a filled purple region beneath a black stroke, with green tick labels and orange grid lines via `axisBottom` and `axisLeft`. Data loads from a CSV using `csv` and scales with `scaleLinear` for both axes. The code imports modular D3 v5 functions like `select`, `extent`, and `format`, illustrating a combined line-and-area chart pattern.

Cchakritha06
77% match
Loading thumbnail…

SArea Chart-ICE7

This area chart visualizes mobile phone usage from 2005 to 2015, with the filled blue region emphasizing the upward trend over time. The visualization uses D3 v6 APIs including `area`, `curveBasis`, `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to render a smooth, filled path within an SVG. Data is loaded from a CSV file via D3’s `csv` function, with years parsed as dates and usage values as numbers. The chart includes labeled axes with tick marks and a rotated y-axis label, all styled via CSS.

DDineshK2602
76% match
Loading thumbnail…

Area chart

This area chart displays the number of Android users over time, plotted as a smooth, filled curve. The visualization uses D3 v6 to load CSV data, parse date values, and generate an SVG area path with `d3.area` and `curveBasis`. Axes are created with `d3.axisBottom` and `d3.axisLeft`, while scales from `scaleTime` and `scaleLinear` map data to pixel coordinates. The dataset comes from AndroidUsers.csv, and the chart includes labeled axes and a title.

Ssrivalliwuyyuru
76% match
Loading thumbnail…

Area Chart Visualization

This area chart visualizes the number of iPhone users from 2007 to 2017, using a smooth cubic basis curve for both the line and the filled region beneath it. The chart is rendered as an SVG, with linear scales for both the year (x-axis) and user count (y-axis). The code leverages D3 v5's `select`, `csv`, `scaleLinear`, `line`, and `area` APIs to load data from a CSV file, format the y-axis tick labels with `format('.3s')`, and append axis labels and grid lines.

Cchakritha06
75% match
Loading thumbnail…

line chart visualization

This line chart visualization displays the growth of iPhone users from 2007 to 2017, with the x-axis representing years and the y-axis showing user counts. The chart uses d3.scaleTime and d3.scaleLinear for scaling, while d3.axisBottom and d3.axisLeft generate the labeled axes with gridlines. d3.line constructs the path, which is rendered as a thick red stroke on an SVG canvas. The data is loaded as CSV from a GitHub gist using d3.csv, with year values parsed as Date objects.

Cchakritha06
75% match
Loading thumbnail…

Area Graph ICE 7

This area graph visualizes Android phone user data over time, using a smooth curve to show the trend. The visualization is rendered as an SVG using D3 v6, with the area filled in pink below the line. It loads data from a Gist CSV, parses the years and user counts, and displays them on scales for time and linear values. The code uses D3's `area`, `curveBasis`, `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the chart, with margins, axis labels, and a title.

SSravyaAnnadi
75% match