Google Gadgets with Graphs or Maps for Your iGoogle Home Page

[WARNING! ERDDAP's Google Gadgets used to work, but they sometimes don't now.
Google's system seems to have made changes or developed problems that affect ERDDAP's Google Gadgets.
This makes using ERDDAP's Google Gadgets unreliable.
Please use Embed a Graph in a Web Page instead. ]

Click on one of the buttons below to add a Google Gadget to your iGoogle home page.
These Google Gadgets always show maps of the latest data.

Background Information

Google Gadgets are self-contained chunks of web content that can be added to your iGoogle home page.
Below are several sample Google Gadgets that always show the latest data from various oceanographic datasets in ERDDAP.
For example, if you put a Google Gadget showing the latest Sea Surface Temperature on your iGoogle home page,
it will always show you the latest Sea Surface Temperature data.

Alternatives

Make Your Own Google Gadget, if you want a Google Gadget for a different dataset or geographic range.
Embed a Graph in a Web Page - If you are a web page author, use this technique instead of Google Gadgets.
It is simpler and more flexible than Google Gadgets (for example, you aren't restricted to .smallPng images).
Use Slide Sorter. Anyone (even non-web page authors) can create their own iGoogle-like web page
which can display images and other content, each in its own, draggable slide.
It, too, is simpler and more flexible than Google Gadgets (for example, you aren't restricted to .smallPng images).

Sea Surface Temperature Gadgets

Chlorophyll-a Gadgets

Wind Gadgets

Make Your Own Google Gadget

(This is a project for web page authors. To do this, you need to be familiar with XML and HTML.)
The sample gadgets above are for specific datasets and for specific geographic regions.
If you want to, you can make your own Google Gadget for a different dataset and/or a different geographic region.

If you don't already have a Google account, open one.
Use an ERDDAP Make A Graph web page to select some data.
1. In ERDDAP, search for a dataset of interest.
2. Click on the dataset's graph link to see the Make A Graph web page.
3. Modify the graph until it looks like you want it to.
4. Get the URL from the view the URL textfield.
5. Replace all instances of & in the URL with & .
6. If it hasn't already been done, replace all instances of <, >, and " in the URL with %3C, %3E, and %22, respectively.
7. For gridded datasets, you may change the time dimension's value in the URL to (last) so that
  the image will always show data for the latest date/time instead of a specific date/time.

Paste the following code into the Google Gadget Editor:

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="ERDDAP: SST, Blended, West US (Experimental, 5 Day Composite)"
title_url="http://coastwatch.pfel.noaa.gov/erddap/griddap/erdBAssta5day.graph?sst[(last)][(0.0)][(22.0):(50.0)][(225.0):(255.0)]&amp;.draw=surface&amp;.vars=longitude|latitude|sst&amp;.colorBar=Rainbow|C|Linear|8|32|"
author="Your Name"
author_location="Your City, State"
author_email="Your email address"
author_affiliation="Your institution"
width="280"
height="355"
description="The latest SST, Blended, West US (Experimental, 5 Day Composite) from ERDDAP">

</ModulePrefs>
<Content type="html"><![CDATA[
<center><small>
<a href="http://coastwatch.pfel.noaa.gov/erddap/griddap/erdBAssta5day.png?sst[(last)][(0.0)][(22.0):(50.0)][(225.0):(255.0)]&amp;.draw=surface&amp;.vars=longitude|latitude|sst&amp;.colorBar=Rainbow|C|Linear|8|32|" target="_blank">larger</a>
<a href="http://coastwatch.pfel.noaa.gov/erddap/griddap/erdBAssta5day.largePng?sst[(last)][(0.0)][(22.0):(50.0)][(225.0):(255.0)]&amp;.draw=surface&amp;.vars=longitude|latitude|sst&amp;.colorBar=Rainbow|C|Linear|8|32|" target="_blank">largest</a>
<a href="http://coastwatch.pfel.noaa.gov/erddap/griddap/erdBAssta5day.graph?sst[(last)][(0.0)][(22.0):(50.0)][(225.0):(255.0)]&amp;.draw=surface&amp;.vars=longitude|latitude|sst&amp;.colorBar=Rainbow|C|Linear|8|32|" target="_blank">edit image/download data</a>
</small>
<br><img src="http://coastwatch.pfel.noaa.gov/erddap/griddap/erdBAssta5day.smallPng?sst[(last)][(0.0)][(22.0):(50.0)][(225.0):(255.0)]&amp;.draw=surface&amp;.vars=longitude|latitude|sst&amp;.colorBar=Rainbow|C|Linear|8|32|"
alt="SST, Blended, West US (Experimental, 5 Day Composite)">
</center>
]]></Content>
</Module>

In the Gadget Editor, modify the data descriptions as desired and insert the URL you generated in Make A Graph.
Note that all the URLs for a given Gadget are the same except for the fileType (for example, .graph, .png, .largePng, .smallPng) in the middle of the URL.
Use the Gadget Editor's File : Save As
Use the Gadget Editor's File : Publish

For more information about Gadgets, see the Google Gadget API.

Contact

Questions, comments, suggestions? Please send an email to bob dot simons at noaa dot gov
and include the ERDDAP URL directly related to your question or comment.

ERDDAP, Version 1.30
Disclaimers | Privacy Policy