make initial combined reference a link

[dygraphs.git] / docs / index.html

diff --git a/docs/index.html b/docs/index.html
index 394577f..a4fb76c 100644 (file)
--- a/docs/index.html
+++ b/docs/index.html
@@ -57,6 +57,7 @@
   <li><a href="#demo">Demo</a>
   <li><a href="#usage">Usage</a>
   <li><a href="#ie">IE Compatibility</a>
+  <li><a href="#gviz">GViz Data</a>
   <li><a href="#baseball">Baseball chart</a>
   <li><a href="#stock">Stock chart</a>
   <li><a href="#options">Options Reference</a>
@@ -108,9 +109,9 @@
 <div id="content">
 <p><span style="font-size:28pt;">dygraphs JavaScript Visualization Library</span><br/>
 <a href="http://github.com/danvk/dygraphs">http://github.com/danvk/dygraphs</a><br/>
-See <a href="tests/">gallery</a> and <a href="http://code.google.com/p/dygraphs/issues/">open issues</a></p>
+See <a href="http://github.com/danvk/dygraphs/downloads/">downloads</a>, <a href="tests/">gallery</a> and <a href="http://code.google.com/p/dygraphs/issues/">open issues</a></p>
 
-<p>The dygraphs JavaScript library produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.</p>
+<p>dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.</p>
 
 <a name="demo">
 <p>A demo is worth a thousand words:</p>
@@ -164,7 +165,7 @@ See <a href="tests/">gallery</a> and <a href="http://code.google.com/p/dygraphs/
 
 <a name="usage"><h2>Usage</h2>
 
-<p>To use dygraphs, include the <code>dygraph-combined.js</code> JavaScript file and instantiate a <code>Dygraph</code> object.</p>
+  <p>To use dygraphs, include the <code><a href="http://github.com/danvk/dygraphs/downloads/">dygraph-combined.js</a></code> JavaScript file and instantiate a <code>Dygraph</code> object.</p>
 
 <p>Here's a basic example to get things started:</p>
 
@@ -389,6 +390,25 @@ commas in parameter lists, e.g.</p>
 
 <p>Most browsers will ignore the trailing comma, but it will break under IE.</p>
 
+<a name="gviz"><h2>GViz Data</h2>
+<p>The <a
+  href="http://code.google.com/apis/visualization/documentation/index.html">Google
+  Visualization API</a> provides a standard interface for describing data. Once
+you've specified your data using this API, you can plug in any GViz-compatible
+visualization. dygraphs is such a visualization.</p>
+
+<p>For a simple demonstration of how to use dygraphs a GViz visualization, see
+<a href="http://danvk.org/dygraphs/tests/gviz.html">this page</a>. dygraphs can
+also be used as a GViz gadget. This allows it to be embedded inside of a Google
+Spreadsheet. For a demonstration of this, see <a
+  href="http://spreadsheets.google.com/ccc?key=0Anx1yCqeL8YUdDR1c3pPREhraGhkWmdhaURjOXRncXc&hl=en">this
+  spreadsheet</a>. The URL for the gadget is
+<code>http://danvk.org/dygraphs/gadget.xml</code>.</p>
+
+<p>Here's an example of a published gviz gadget using dygraphs:</p>
+<script src="http://spreadsheets.google.com/gpub?url=http%3A%2F%2Fkb8jbn8l90ocl9n4b14jrcvp61ceqis5.spreadsheets.gmodules.com%2Fgadgets%2Fifr%3Fup__table_query_url%3Dhttp%253A%252F%252Fspreadsheets.google.com%252Ftq%253Frange%253DA1%25253AC31%2526headers%253D-1%2526key%253D0Anx1yCqeL8YUdDR1c3pPREhraGhkWmdhaURjOXRncXc%2526gid%253D0%2526pub%253D1%26up__table_query_refresh_interval%3D300%26url%3Dhttp%253A%252F%252Fdanvk.org%252Fdygraphs%252Fgadget.xml%253Fnocache&height=215&width=530"></script>
+
+
 <a name="baseball"><h2>Charting Fractions</h2>
 <p>Situations often arise where you want to plot fractions, e.g. the fraction of respondents in a poll who said they'd vote for candidate X or the number of hits divided by at bats (baseball's batting average). Fractions require special treatment for two main reasons:</p>