webindex logo

We took advantage of the data from WebIndex, and resorted to data wrangling method to process data. And we made data visualization with the help of D3 Javascript library.

WebIndex with D3 Header Image

My Role

  • Data Wrangler
  • Visualization Developer

Our Team

  • Danni Wang
  • Gayle Fischer
  • Zhen Wang

Best Practice

  • Data Wrangling
  • Data Visualization
  • D3 Javascript Library

Purpose of Visualization

1. What is the relationship between literacy rates and the number of Internet users?

2. How can we visualize this relationship geographically and temporally?

Look into Data


Data file format: JSON

Dimensional relationships: table

Important Value:

  • indicator name
  • country name
  • country code
  • continent
  • year
  • value

Data Property

Data Wringling & Format


1. Filter Data

Filter Data


2. Restructure Data { }

Restructure Data

Visualization with D3


% of individuals using the Internet