Skip to main content
SimilarExport ZIP
100%

Iphone_purchase_Map

✓ Published1🌍 Public
AALIMINETI SPOORTHY REDDY
Last edited Nov 1, 2025
Created on Oct 30, 2025

This interactive choropleth map shows the global distribution of iPhone purchase rates per 100,000 people, with countries shaded from light to dark blue according to their value. Hovering over any country displays its specific rate in a sidebar, while a legend clarifies the color scale. Built with Leaflet for map rendering and D3.js for data ingestion, the visualization loads country boundaries from GeoJSON and joins them with the CSV dataset. The map uses OpenStreetMap tiles as its base layer, and a dynamically generated legend and tooltip provide immediate feedback during exploration.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatterplot of the Iphone sales

This scatterplot shows the relationship between the sale price of iPhones and their number of ratings, with each point representing a product model. The visualization uses D3.js v7 to load a CSV dataset of iPhone sales from a GitHub gist, parse the numeric fields, and render circles scaled by the sale price on the x-axis and ratings count on the y-axis. The code employs d3.scaleLinear for both axes, d3.extent for domain computation, and d3.axisBottom and d3.axisLeft for tick marks. Hovering over a dot changes its fill color to orange, while the default styling uses steelblue, as defined in the CSS.

Mmukundakrishna.r@gmail.com
69% match
Loading thumbnail…

Iphone Sales

This line chart shows iPhone sales from 2015 to 2021, with years on the x-axis and sales numbers on the y-axis. The data is loaded from a CSV file hosted on GitHub Gist using d3.csv. The visualization uses D3 v5 with SVG rendering, employing d3.scaleTime and d3.scaleLinear for axes, d3.extent and d3.max to compute domains, and d3.line to generate the path. Grid lines are added via axis ticks, and the chart includes axis labels and a title, all styled with custom CSS classes.

RRadhakrishna246
69% match
Loading thumbnail…

Area chart

This area chart shows the total annual iPhone sales over time, with a single steelblue filled path representing the sales trend. The visualization loads data from a remote CSV file, aggregates the quarterly figures per year, and uses D3 v7’s `d3.area()` generator to create the shape. Axes are added with `d3.axisBottom` and `d3.axisLeft`, while time and linear scales (`d3.scaleTime`, `d3.scaleLinear`) map years and sales values. The SVG rendering includes labeled axes for clarity.

Ssriram.official9@gmail.com
66% match
Loading thumbnail…

ICE-6 Bar Graph

This bar chart visualizes iPhone sales figures across countries for the year 2020, with each bar’s height encoding the sales value. The chart uses D3 v7 to load a CSV dataset from GitHub Gist, then creates an SVG with a band scale for the x-axis and a linear scale for the y-axis. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, while bars are appended as `rect` elements with a steel blue fill. The code includes hover effects defined in CSS, though no interaction is implemented in the JavaScript itself.

Ssriram.official9@gmail.com
66% match
Loading thumbnail…

area chart

This area chart displays the number of iPhone users from 2007 to 2017, with a purple filled area beneath a black line. The visualization uses D3.js v5 to render SVG elements, employing `scaleLinear` for both axes, `line` and `area` generators with `curveBasis` for smoothing, and `axisBottom` and `axisLeft` for tick marks. Data is loaded from a remote CSV file and parsed with `csv`. The chart includes axis labels, custom colors, and a formatted y-axis tick display.

Jjaswanthreddy2715@gmail.com
66% match
Loading thumbnail…

ICE-6-DS-BarGraph

This bar graph displays iPhone sales data, showing the sale price for each product name using vertical bars. It uses D3.js v7 to load a CSV file from a GitHub gist and render an SVG chart. The code employs `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes. Rectangles are drawn for each data point, with hover effects changing the bar color to orange.

Mmukundakrishna.r@gmail.com
65% match
Loading thumbnail…

Barchart

This visualization displays iPhone sales data as a set of grouped bar charts, with each chart representing a different year and bars showing sales figures across countries. The code uses D3 v7 to fetch data from a CSV file, then creates separate SVG charts per year, employing `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the quantitative y-axis. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while hover effects change bar fill color to orange via CSS. The rendering approach is SVG, with a clean layout featuring dashed gridlines and clearly labeled axes.

Ssriram.official9@gmail.com
65% match
Loading thumbnail…

Apple Product Interactive

This interactive bar chart visualizes the growth of iPhone users from 2008 to 2020, with the y-axis showing millions of users and each bar labeled with its exact value. Hovering over a bar highlights it, displays a dashed reference line at that bar’s value, and shows the numeric difference between the hovered year and every other year as text above the bars. The visualization uses d3.csv to load data, d3.scaleBand and d3.scaleLinear for scaling, d3.axisLeft and d3.axisBottom for axes, and d3 transitions for hover effects.

KKenny Wu
65% match