Skip to main content
SimilarExport ZIP
100%

Top Internet Countries Visualization

✓ Published0🌍 Public
CCurran Kelleher
Last edited Sep 15, 2017
Created on Aug 19, 2017

This scatter plot shows the top 5 internet-connected countries by total users, with each circle representing a country on an ordinal X axis and a linear Y axis measuring internet users. The visualization uses D3 v4 with `d3.scalePoint` for the categorical axis, `d3.scaleLinear` for the value axis, and `d3.axisBottom`/`d3.axisLeft` to render gridlines and labels. Data from Internet World Stats (2017) is loaded via `d3.csv`, with comma-stripped values parsed into numbers. SVG circles display the data, styled with black fill and opacity.

AI-generated description

Part of the video course: D3.js in Motion.

An example of a scatter plot with an ordinal X axis.

The data shown here comes from Internet Top 20 Countries - Internet Users 2017 - Internet World Stats.

mit Licensed

Similar vizzes

Loading thumbnail…

Top Internet Countries Visualization

A lollipop chart presents the top five countries by number of internet users in 2017, combining circles and bars. Data comes from Internet World Stats via a CSV file. The visualization uses D3 v4 with SVG rendering, creating a categorical band scale for countries and a linear scale for user counts. Axes, including tick marks and labels, are generated using `d3.axisBottom` and `d3.axisLeft`, with a horizontal gridline effect from tick sizes.

CCurran Kelleher
89% match
Loading thumbnail…

Top Internet Countries Visualization

A bar chart displays the top 20 countries by internet users in 2017, with tilted country names along the x-axis and a logarithmic-free linear scale for user counts. Built with D3 v4, it uses `d3.scaleBand` and `d3.scaleLinear` for scales, `d3.axisBottom` and `d3.axisLeft` with custom tick formatting, and SVG rectangles for bars. Data is parsed from a CSV file using `d3.csv`, and axis labels are manually positioned. The chart shows 10 y-axis ticks formatted with `d3.format('.0s')`.

CCurran Kelleher
87% match
Loading thumbnail…

Top Internet Countries Visualization

A horizontal bar chart displays the top 20 countries by internet users for 2017, with each bar’s length proportional to the number of users. The y-axis lists country names, while the x-axis shows user counts, formatted with abbreviations. Built with D3 v4, it uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` to render ticks and grid lines. Data comes from Internet World Stats, parsed from CSV with comma stripping, and rendered as SVG rects.

CCurran Kelleher
87% match
Loading thumbnail…

Top Internet Countries Visualization

A horizontal bar chart displays the top 20 countries by internet users, with bars sorted descending and labeled by country. The visualization uses D3 v4 to load data from a CSV file, scales with `d3.scaleLinear` and `d3.scaleBand`, and renders axes via `d3.axisBottom` and `d3.axisLeft`. Bar widths encode user counts, with `d3.csv` parsing comma-formatted numbers. The chart includes styled tick marks and an axis label, drawing from Internet World Stats data.

EEndNight95
86% match
Loading thumbnail…

Top Internet Countries Visualization

This bar chart visualization ranks the top five countries by internet users, with China and India leading in millions of users. The data, sourced from Internet World Stats, is loaded via `d3.csv` and parsed to strip commas from numeric values. The chart uses `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis, with axes rendered using `d3.axisBottom` and `d3.axisLeft`. The SVG rendering includes styled tick marks and axis labels via CSS.

CCurran Kelleher
85% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the population of the top five most populous countries, using circular marks scaled along a linear x-axis. It ranks countries on a categorical y-axis using `d3.scalePoint`. The visualization is built with D3 v5, renders to SVG, and loads population data from a local CSV file. Axis ticks and titles are formatted using `d3.axisLeft`, `d3.axisBottom`, and `d3.format`.

JJonathan Phelps
80% match
Loading thumbnail…

Scattered Plot

This scatter plot displays the population of the top 10 most populous countries using a 2018 United Nations estimate, with each circle representing a country. The visualization uses D3 v5’s `scaleLinear` for the population axis and `scalePoint` for the country categories, along with `axisBottom` and `axisLeft` to render the axes. Circles are positioned via `cx` and `cy` attributes, with data loaded from CSV using `d3.csv`. Styling is applied through SVG and CSS for visual clarity.

AAdeola Oni
79% match
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries in 2018, using a categorical vertical axis for country names and a linear horizontal axis for population counts. Each circle’s position encodes the country’s population value, with a uniform radius for all points. The visualization is built with D3 v5, using `scaleLinear` and `scalePoint` for axes, and `axisBottom` and `axisLeft` to render ticks and grid lines. Data is loaded from a local CSV file and rendered as SVG circles.

Hhamza.miftah@gmail.com
79% match