Plot Demo

For this portion of the tutorial we will explore the Plot demo. Select the tab labeled Plot and press Launch Demo.

Launch Plot Demo

The Plot demo is a fictional collection of crop data and graphs of that data.

Graph View

After launching the Plot demo app, you will see a custom view that lets you select which crop data you want to see. Choose View Plots.

Tables Sample Plot Selection

The next screen is a Map View of the different sites in the records.

Tables Sample Plot Map View

Each site is meant to represent an area where crop growth and health is being tracked. This provides a convenient view of the locations of the sample sites, and would be a good use for the Navigation View if a user had trouble finding one of the sites. Choose the Ungoni site.

Tables Sample Plot Graph View

The screen shows a Graph View of the crop height data collected for the Ungoni site. The bar graph shows corn crop heights across three different visits to this farm.


The graph was rendered using the D3 JavaScript library. That library can render scatter plots, line graphs, graphs with error bars, and many other visualizations.

Updated Graph View

The graph was rendered on the device based on collected data. If new data is collected this graph will be updated. To demonstrate that, let's perform a new visit. Scroll down the page and press the New Visit button.

Tables Sample Plot New Visit

This will launch Survey to a form that the Plot application specified. Advance through the form. Notice that some of the fields are prepopulated, such as the plot being observed. Be sure to leave that set to Ungoni.

When you reach the prompt asking for crop height, enter: 130.

Tables Sample Plot Survey

Advance through the rest of the form, entering any data you like. Finalize the changes. When you return to the Graph View notice that a new visit has been added to the graph.

Tables Sample Plot Updated

Tour the rest of the Plot demo to see a variety of other Graph Views. These are all rendered in custom JavaScript, and could be customized to your organization's unique needs.

Next launch the JGI Demo to see a demo of data collection directly through Tables.

Learn More

For more information about Graph View, view the Graph View guide.