From 9fc9320ac5bc2a2b0701783de9ef14f619bdb5e1 Mon Sep 17 00:00:00 2001
From: Dan Vanderkam <danvdk@gmail.com>
Date: Tue, 8 Dec 2009 12:09:18 -0800
Subject: [PATCH] rearrange docs

---
 docs/index.html | 34 ++++++++++++++++++++--------------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index ea84048..6e9fc3f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -111,21 +111,9 @@ See <a href="tests/">gallery</a> and <a href="http://code.google.com/p/dygraphs/
 
 <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>
 
-<h3>Features</h3>
-<ul>
-  <li>Plots time series without using an external server or Flash</li>
-  <li>Supports error bands around data series</li>
-  <li>Displays values on mouseover (this makes it easily discoverable)</li>
-  <li>Interactive zoom</li>
-  <li>Adjustable averaging period</li>
-  <li>Customizable click-through actions</li>
-  <li>Compatible with the Google Visualization API</li>
-  <li>Works in Internet Explorer (using excanvas)</li>
-  <li>Intelligent defaults make it easy to use</li>
-  <li>Lightweight (45kb) and responsive</li>
-</ul>
+<a name="demo">
+<p>A demo is worth a thousand words:</p>
 
-<a name="demo"><h2>Demo</h2>
 <p><font size=-1>(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.)</font></p>
 <div id="title" style="width:800px; text-align:center; font-weight: bold; font-size: 125%;">Temperatures in New York vs. San Francisco</div>
 <div id="demodiv" style="width:800px; height:320px;"></div>
@@ -153,8 +141,26 @@ See <a href="tests/">gallery</a> and <a href="http://code.google.com/p/dygraphs/
 <li>There is a <i>lot</i> of data in this chart: low, average and high for each city on each day of a three year period &asymp; 6000 data points in all.
 </ul>
 
+<p>dygraphs allows the user to explore the data and discover these facts.</p>
+
 <p>For more demos, browse the dygraph <a href="tests/">tests</a> directory.</p>
 
+<h3>Features</h3>
+<p>Some of the features of dygraphs:</p>
+<ul>
+  <li>Plots time series without using an external server or Flash</li>
+  <li>Works in Internet Explorer (using excanvas)</li>
+  <li>Lightweight (45kb) and responsive</li>
+  <li>Displays values on mouseover (this makes it easily discoverable)</li>
+  <li>Supports error bands around data series</li>
+  <li>Interactive zoom</li>
+  <li>Adjustable averaging period</li>
+  <li>Can intelligently chart fractions</li>
+  <li>Customizable click-through actions</li>
+  <li>Compatible with the Google Visualization API</li>
+  <li>Intelligent defaults make it easy to use</li>
+</ul>
+
 <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>
-- 
2.7.4