Skip to main content
100%

Top Internet Countries Visualization

✓ Published0🌍 Public
Aandyrutkowski
Last edited Jan 31, 2018
Created on Jan 31, 2018

This horizontal bar chart ranks the top 20 countries by number of Internet users in 2017, using data from Internet World Stats. The visualization shows China leading with over 731 million users, followed by India and the United States, with bars colored steelblue. Built with D3 v4, the code loads a CSV file, parses comma-formatted numbers, and renders an SVG using `d3.scaleBand` for the country axis and `d3.scaleLinear` for the user counts, with axes created via `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

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

This horizontal bar chart shows the top 20 countries with the most Internet users.

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

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/e842c1b64974666c60fc3e437f8c8cf9'>Horizontal Bar Chart</a>

forked from <a href='http://bl.ocks.org/brandonhaydu/'>brandonhaydu</a>'s block: <a href='http://bl.ocks.org/brandonhaydu/43b8d26c21c091363a27af70095d744d'>Horizontal Bar Chart</a>

mit Licensed

Similar vizzes

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

Top Internet Countries Visualization

This bar chart displays the top 20 countries by Internet users in 2017, with each bar’s height representing the user count and tilted country names along the x-axis for readability. The visualization uses D3 v4 with SVG, employing `d3.scaleBand` and `d3.scaleLinear` for positioning, and `d3.axisBottom` and `d3.axisLeft` for axes. Data comes from Internet World Stats, loaded via `d3.csv` and parsed to remove commas.

Aapratt2003
91% 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
90% 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
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
88% match
Loading thumbnail…

Internet Users in 2017

This horizontal bar chart compares the number of internet users worldwide, across the top 20 countries, and in China for 2017. It uses D3.js v4 with SVG to render three labeled bars, displaying each value in millions alongside its percentage of the global total. The code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and jQuery to assign distinct fill colors to each bar via dynamic `id` attributes. Data originates from Internet World Stats, and the visualization is built using Blockbuilder.org.

BBruceHenry
87% match
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
85% match
Loading thumbnail…

Satellites by Countries

This bar chart shows the top 20 countries with the most Internet users, using data from Internet World Stats. Each bar’s height corresponds to the country's number of Internet users, with the x-axis labels rotated 45 degrees to fit the country names. The visualization uses D3.js v4 and renders as SVG, with axis labels and grid lines styled in muted colors. The chart is based on a fork of Curran's tilted labels block, adapted for this dataset.

Aapratt2003
84% match