Closurize dygraph-options.js. Not done.
[dygraphs.git] / docs / index.html
index 2cba089..7c1dcdc 100644 (file)
@@ -24,7 +24,7 @@
     </script>
   </head>
   <body>
-    <a href="http://github.com/danvk/dygraphs"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/71eeaab9d563c2b3c590319b398dd35683265e85/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub"></a>
+    <a href="http://github.com/danvk/dygraphs"><img style="position: absolute; top: 0; right: 0; border: 0; z-index: 1;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>
 
     <div id="nav">
       <h2>Documentation</h2>
@@ -55,8 +55,9 @@
 
       <h2>Demos/Usage</h2>
       <ul>
-        <li><a href="#gallery">Usage Gallery</a></li>
+        <li><a href="#users">Known Users</a></li>
         <hr/>
+        <li><span style="color: red;">New!</span> <a href="gallery/">(browse gallery)</a></li>
         <li><a href="tests/">(browse demos)</a></li>
         <li><a href="tests/demo.html">Basic Demo</a></li>
         <li><a href="tests/gviz.html">GViz Demo</a></li>
 
       <p>For more demos, browse the dygraph <a href="tests/">tests</a>
       directory. To see other people who are using dygraphs, check out the <a
-      href="#gallery">usage gallery</a>.</p>
+      href="#users">known users</a>.</p>
 
       <h3>Features</h3>
       <p>Some of the features of dygraphs:</p>
   &lt;/head&gt;
 </pre>
 
-<p>(This is surprisingly tricky because the HTML5 doctype breaks excanvas in IE8. See <a href="https://groups.google.com/group/dygraphs-users/browse_thread/thread/c60709e04bc7fe5f#">this discussion</a> for details.)</p>
+<p>(This is surprisingly tricky because the HTML5 doctype breaks excanvas in IE8. See <a href="https://groups.google.com/group/dygraphs-users/browse_thread/thread/c60709e04bc7fe5f#">this discussion</a> for details. Note that the &lt;meta http-equiv&hellip;&gt; line must appear <i>first</i> in the &lt;head&gt; section for this to work properly.)</p>
 
     <p>While VML emulation sounds like it would be slow, it works well in practice for most charts.</p>
 
@@ -407,6 +408,13 @@ new Dygraph(el, data, {
 
     <p>Most browsers will ignore the trailing comma, but it will break under IE.</p>
 
+    <p>You may also need to delay instantiating any dygraphs until after the DOM
+    content is ready, as there have been some <a
+      href="https://groups.google.com/d/topic/dygraphs-users/qPX4Syx2kz8/discussion">reports</a>
+    that excanvas won't work until this happens. If you're using jQuery, this
+    means drawing your charts inside of a <code>$(function() { ... })</code>
+    block.</p>
+
     <h2 id="gviz">GViz Data</h2>
 
     <p>The <a
@@ -603,8 +611,8 @@ public static native JavaScriptObject drawDygraph(
 }-*/;
 </pre>
 
-    <a name="gallery" />
-    <h2>Usage Gallery</h2>
+    <a name="users" />
+    <h2>Known Users</h2>
     <p>Since its public release in late 2009, dygraphs has found many users
     across the web. This is a small collection of the uses that we know about.
     If you're using dygraphs, please send <a
@@ -652,6 +660,9 @@ public static native JavaScriptObject drawDygraph(
     <a href="tests/synchronize.html">synchronized charts</a> to display many
     quantities simultaneously.</span></li>
 
+  <li><a href="http://duckduckgo.com/traffic.html">Duck Duck Go Traffic Dashboard</a><br/>
+  <span class="desc">DDG uses dygraphs to display a public chart of their daily traffic. They use annotations and the moving average features.</span></li>
+
     <li><a href="http://toolserver.org/~dartar/moodbar/">Wikimedia Foundation - Moodbar data dashboard</a><br/>
     <span class="desc">dygraphs is used internally at Wikimedia as a handy solution to monitor the
     results of a bunch of small experiments.</span></li>
@@ -681,6 +692,9 @@ public static native JavaScriptObject drawDygraph(
     (<a href="http://cavorite.com/labs/js/dygraphs-export/">[1]</a>, <a href="https://github.com/cavorite/dygraphs">[2]</a>).
     </span></li>
 
+    <li><a href="http://www.glerl.noaa.gov/data/now/wlevels/dbd/altSite.html">NOAA Great Lakes Water Level Dashboard</a><br/>
+    <span class="desc">The Great Lakes Water Level dashboard was designed to help users view, understand, and compare Great Lakes surface water elevation data and forecasts from a variety of different sources, and across a variety of time scales ranging from monthly average values, to annual and multi-decadal values. First developed in Adobe Flash, a HTML 5 compatible version has been in the works and a functional draft is available here.</span></li>
+
     </ul>
 
     <p>Are you using dygraphs? Please let <a href="mailto:dan@dygraphs.com">Dan</a> know and he'll add your link here!</p>