This is a visualizer for data in the fulbright scholarship program. Each arrow represents one or multiple scholars who have entered the program in a given year, from a given institution, to another given institution. Currently, the data being visualized comes from a data set of scholars from Turkey to the United States.
The following tools were used to create the app below:
D3 was used to generate the globe out of map data obtained from Natural Earth. D3 was also used to take mouse input from the user. Three.js is a webGL based rendering library, which I used to render the globe and arrows to the screen. The arrows are created using 2 geographic coordinates (for home institution and visiting institution), which are then converted to points in 3D space. However, the data set of scholars only included the names of institutions scholars used. Google's Geocoding API was accessed using JQuery to convert these names into geographic coordinates, which can then be converted into arrows on the globe.
The number selector is the number of years from the starting year. The bar selector selects the starting year, and the drop down selector is used to show only data of a given subject (currently broken). Click and drag the globe to rotate. The width of an arrow denotes how many scholars it represents, the height of the arrow denotes how recent that scholar began their exchange, in relation to the starting year.
SliderValue:
RangeValue: