</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>
<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>
<li><a href="tests/grid_dot.html">Crazy Styles</a></li>
<li><a href="tests/spacing.html">Tick spacing</a></li>
<li><a href="tests/callback.html">Callbacks</a></li>
- <li><a href="tests/crosshair.html">Crosshairs</a></li>
<li><a href="tests/hourly.html">Hourly/Minutely data</a></li>
<li><a href="tests/isolated-points.html">Isolated Points</a></li>
<li><a href="tests/missing-data.html">Missing Data</a></li>
<li><a href="tests/customLabel.html">Custom Label Styles</a></li>
<li><a href="tests/dygraph.html">Minimal Example</a></li>
<li><a href="tests/negative.html">Negative Numbers</a></li>
- <li><a href="tests/noise.html">Noisy Data</a></li>
- <li><a href="tests/two-series.html">Multiple Series</a></li>
<li><a href="tests/highlighted-region.html">Custom Underlay / background</a></li>
<li><a href="tests/zoom.html">Tests for zoom operations</a></li>
<li><a href="tests/logscale.html">Log scale tests</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>
</head>
</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 <meta http-equiv…> line must appear <i>first</i> in the <head> 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>
<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
}-*/;
</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
<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>
(<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>