<![endif]-->
<script type="text/javascript" src="dygraph-combined.js"></script>
<link rel="stylesheet" href="style.css">
+
+ <!-- Google Analytics -->
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-769809-2']);
+ _gaq.push(['_trackPageview']);
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
</head>
<body>
<div id="nav">
<p style="font-size:0.8em">(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.)</p>
- <div id="title" style="width:800px; margin: 1em;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>
<script type="text/javascript">
g = new Dygraph(
rollPeriod: 14,
showRoller: true,
customBars: true,
- yAxisLabelWidth: 30
+ title: 'Daily Temperatures in New York vs. San Francisco',
+ ylabel: 'Temperature (F)',
+ titleHeight: 24
}
);
</script>
<li>Plots time series without using an external server or Flash</li>
<li>Works in Internet Explorer (using excanvas)</li>
<li>Lightweight (69kb) and responsive</li>
- <li>Displays values on mouseover (this makes it easily discoverable)</li>
+ <li>Displays values on mouseover, making interaction easily discoverable</li>
<li>Supports error bands around data series</li>
<li>Interactive zoom</li>
<li>Displays Annotations on the chart</li>
<p style="font-size:0.8em">Created May 9, 2008 by <a href=mailto:danvdk@gmail.com>Dan Vanderkam</a></p>
</div>
-
- <!-- Google Analytics -->
- <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
- <script type="text/javascript">_uacct = "UA-769809-1";urchinTracker();</script>
</body>
</html>