An educational web application that visualizes the effects of climate change on agriculture using a large collection of global agriculture and weather station data.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


(The a and s in agrosphere are not capitalized! Otherwise, the link will not work!)

Expected load time for Desktops and Laptops:

INITIAL LOAD: ~20 seconds.
SUBSEQUENT LOADS: 10 to 15 seconds.

Expected load time for mobile phone:

INITIAL LOAD: 40 seconds to 1 minute.
SUBSEQUENT LOADS: 20 to 25 seconds.

Link to Our Website

NASA World Wind is a free, open-source API that provides the tools to create interactive

visualizations of the world in 4D, such as satellite tracking and seismic history. The NASA World Wind 2017 Intern team has designed an educational web app that visualizes the effects of climate change on agriculture using a large collection of global agriculture and climate data and the Web World Wind Software Development Kit (SDK).

Video Tutorial


AgroSphere is an educational web platform to visualize the effects of climate on agriculture. It contains various types of agriculture data, such as agricultural production, yield, livestock output, fertilizer usage, which can all be compared to climate data such as temperature, precipitation, and carbon dioxide emissions. It is best suited for middle and high school students, and allows users to expolore the data in an easy to use, interactive format.

The World Wind intern team utilized technologies including HTML5, CSS, and JavaScript to develop our application, incorporating and analyzing spatial data for agriculture and atmosphere. Data in various file formats are organized, analyzed and visualized on the globe. Users can click on the respective weather and nation placemarks for statistical information. This includes details specific to that country’s history for atmosphere and agriculture and for a specified timeframe. Users can also control each dataset on the globe by adjusting opacity, time and other options for comparing crop production versus climate. This web app is intended for use in classrooms by teachers and students, as well as citizens of the world. Children and adults alike will be able to learn about climate issues by visually experiencing the data according to their interests. Users will learn about the effects of weather over time on agriculture, the impact to national economies and much more.

Screenshot showing the available data for a selected country, which includes lists of crop production and yield, prices, livestocks, agricultural emission, fertilizer and pesticides.

Screenshot comparing historical agricultural and weather data on a plot for Finland.

Screenshot showing Geo-Comparison apple production data displayed from multiple countries around the world.

Lesson Plan

For a guide on how this app may be used in the classroom, click the button below. This lesson plan focuses on the use of the app in a larger unit on climate change. It is based on 90-minute classes. Link to the Lesson Plan


Attached is the project abstract of AgroSphere. Download Abstract

Features of AgroSphere

  • Dynamically visualize various types of agriculture and climate data, such as rainfall, crop production and prices, and much more, from hundreds of countries across the globe.
  • Graph agriculture data from 1961-2014 and climate data from 1989-2014 to view them simultaneously.
  • Adjust time and opacity of image layers displayed on the globe and compare the given visual data with plotted agriculture and climate data.
  • Explore the Geo-Comparison Agriculture data visualized on the globe for hundreds of crop production datasets. Juxtapose data between any number of colors using a simple color scheme legend created using standard deviation formulas.
  • Search for current weather data for any city around the globe. Results include temperature, sunrise/sunset,
  • Load in any number of spatiotemporal geographically-accurate data from multiple sources, using data formats such as GeoJSON, WMS, and CSV.
  • Use the location Search tool in the View Options tab to immediately visit any desired location.
  • This web application is fully functional on mobile devices (smartphones and tablets).

Mobile Demo

This is AgroSphere running on mobile. All of the functionalities of the app are available in your hands! (PLEASE run the app on WiFi only and not on your data plan because this app will consume a significant amount of data and it will be slow to load.)

Data Sources Used

Climate Data, Agriculture Data, Refguee Data, GeoJSON Border Data, and Country Coordinates.


We discussed our web app and work-in-progress with Martin C. Heller from the Center for Sustainable Systems at University of Michigan. He offered us critiques from a researcher's point of view. We also tested our app on NASA interns from the STEM Teacher and Researcher (STAR) program to receive suggestions from an educational perspective. In addition, an alumni from the University of Pennsylvania commented on the app's user interface design and changes were made accordingly. Finally, the app was tested with members of the educational institutes that each intern was affiliated with.

How to Run and Develop AgroSphere

  1. Visit to use the app on your webpage.
  2. Download or clone the repository in to local storage and run the index.html in a webserver using WebStorm, which has a built in webserver (, or by using MAMP (, a free, local server environment.

Future Directions

We are currently in the process of adding more data to the application, as well as a more detailed statistical analysis feature with regression models for possible future predictions of shifts in agriculture or climate.

You are also welcome to add more climate and agriculture data using our built-in CSV reading functionality and the WebWorldWind Placemarks feature. For example, drought and flood data can be added and displayed on our app to examine how agriculture has been affected by those particular disasters.

Updated as of October 11, 2017

Organization: NASA Ames Research Center

Manager: Patrick Hogan

Authors: John Nguyen, Mingda Tang, Stacey Chen, Atreya Iyer, Nick Rubel