<!--
  Copyright (c) 2008 Google Inc.
 
  You are free to copy and use this sample.
  License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
--> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
  <title>Planet Data Plotter</title> 
  <h1>Acid Rain Data Plotter for <i>Acid Rain in Europe - Reacting to the Past</i></h1>
  
  <ol>
  <li>Create new plots by changing the variables plotted on the x- and y-axes.
  <li>Highlight certain objects by checking the box next to their names.
  <li>
  <li>Show data with a large range by changing the axis from linear (Lin) to logrithmic (Log).
  </ol>
  <p>
  
  <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
  <script type="text/javascript"> 
    google.load('visualization', '1', {packages: ['motionchart']});
 
    function drawVisualization() {
      new google.visualization.Query(
          'https://spreadsheets.google.com/ccc?key=0AofGdO3BaUMVdHZjVkJDcVVtZGZjVUk1Q0xuR01PUVE&hl=en#gid=0').send(
          function(response) {
            new google.visualization.MotionChart(
                document.getElementById('visualization')).
                draw(response.getDataTable(), {'width': 800, 'height': 600, 'state':'{"duration":{"timeUnit":"Y","multiplier":1},"nonSelectedAlpha":0.4,"yZoomedDataMin":0,"yZoomedDataMax":43.99,"iconKeySettings":[{"key":{"dim0":"- Pluto -"}},{"key":{"dim0":"- Earth -"}}],"yZoomedIn":false,"xZoomedDataMin":0.3871,"xLambda":0,"time":"1996","orderedByX":false,"xZoomedIn":false,"uniColorForNonSelected":false,"sizeOption":"4","iconType":"BUBBLE","playDuration":15000,"dimensions":{"iconDimensions":["dim0"]},"xZoomedDataMax":67.89,"yLambda":1,"yAxisOption":"7","colorOption":"2","showTrails":false,"xAxisOption":"5","orderedByY":false}'});
          });
    }
    
 
    google.setOnLoadCallback(drawVisualization);
  </script>  
</head> 
<body style="font-family: Arial;border: 0 none;"> 
<div id="visualization" style="width: 800px; height: 600px;"></div> 
<p></p> 
<i><small>
Created by Tony Crider and Roxanne Ryan, Elon University and David Henderson, Trinity College. 
Acid rain data from model prepared by David Henderson
</small></i>
</body> 
</html>