-# Merge:
-join -t' ' cpi-u.tsv monthly-djia.tsv > annotated-djia.tsv
-perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high) = split /\t/; $cpi /= 100.0; print "$m-15,$low;$close;$high,",($low/$cpi),";",($close/$cpi),";",($high/$cpi),"\n"' annotated-djia.tsv > dow.txt
-
--->
-
-
-<h2>Other Options</h2>
-<p>These are the options that can be passed in through the optional third parameter of the Dygraph constructor. To see demonstrations of many of these options, browse the <a href="tests/">dygraphs tests</a> directory.</p>
-
-<table class=thinborder width=1000>
- <tr><th>Name</th><th>Sample Value</th><th>Description</th></tr>
- <tr>
- <td><b>rollPeriod</b></td>
- <td><code>7</code></td>
- <td>Number of days over which to average data. Discussed extensively above.</td>
- </tr>
-
- <tr>
- <td><b>showRoller</b></td>
- <td><code>true</code></td>
- <td>Should the rolling average period text box be shown? Default is false.</td>
- </tr>
-
- <tr>
- <td><b>colors</b></td>
- <td><code>['red', '#00FF00']</code></td>
- <td>List of colors for the data series. These can be of the form "#AABBCC"
- or "rgb(255,100,200)" or "yellow", etc. If not specified, equally-spaced
- points around a color wheel are used.</td>
- </tr>
-
- <tr>
- <td><b>colorSaturation</b></td>
- <td><code>1.0</code></td>
- <td>If <b>colors</b> is not specified, saturation of the
- automatically-generated data series colors. (0.0-1.0, default:
- 1.0)</td>
- </tr>
-
- <tr>
- <td><b>colorValue</b></td>
- <td><code>0.5</code></td>
- <td>If colors is not specified, value of the data series colors, as in
- hue/saturation/value. (0.0-1.0, default 0.5)</td>
- </tr>
-
- <tr>
- <td><b>clickCallback</b></td>
- <td><code>function(e,date){ alert(date); }</code></td>
- <td>A function to call when a data point is clicked. The function should take
- two arguments, the event object for the click and the date that was
- clicked. (default null)</td>
- </tr>
-
- <tr>
- <td><b>zoomCallback</b></td>
- <td><code>function(minDate,maxDate) {}</code></td>
- <td>A function to call when the zoom window is changed (either by zooming
- in or out). minDate and maxDate are millis since epoch.</td>
- </tr>
-
- <tr>
- <td><b>strokeWidth</b></td>
- <td><code>2.0</code></td>
- <td>Width of the data lines. This can be used to increase the contrast or
- some graphs. (default 1.0)</td>
- </tr>
-
- <tr>
- <td><b>dateWindow</b></td>
- <td><code>[Date.parse('2006-01-01'),<br/>
- (new Date()).valueOf()]</code></td>
- <td>Initially zoom in on a section of the graph. Is of the form [earliest,
- latest], where earliest/latest are millis since epoch. By default, the
- full range of the input is shown.</td>
- </tr>
-
- <tr>
- <td><b>valueRange</b></td>
- <td><code>[10, 110]</code></td>
- <td>Explicitly set the vertical range of the graph to [low, high]. By
- default, some clever heuristics are used (see above).</td>
- </tr>
-
- <tr>
- <td><b>labelsSeparateLines</b></td>
- <td><code>true</code></td>
- <td>Put <br/> between lines in the label string. Often used in
- conjunction with <b>labelsDiv</b>. (default false)</td>
- </tr>
-
- <tr>
- <td><b>labelsDiv</b></td>
- <td><code>document.getElementById('foo')</code></td>
- <td>Show data labels in an external div, rather than on the graph. (default
- null)</td>
- </tr>
-
- <tr>
- <td><b>labelsKMB</b></td>
- <td><code>true</code></td>
- <td>Show K/M/B for thousands/millions/billions on y-axis (default
- false).</td>
- </tr>
-
- <tr>
- <td><b>labelsDivWidth</b></td>
- <td>250</td>
- <td>Width (in pixels) of the div which shows information on the
- currently-highlighted points.</td>
- </tr>
-
- <tr>
- <td><b>labelsDivStyles</b></td>
- <td>{}</td>
- <td>Additional styles to apply to the currently-highlighted points div. For
- example, { 'font-weigth': 'bold' } will make the labels bold.</td>
- </tr>
+ <p>The chart is <i>interactive</i>: you can mouse over to highlight individual values. You can click and drag to zoom. Double-clicking will zoom you back out. Shift-drag will pan. You can change the number and hit enter to adjust the averaging period.</p>
+
+ <div class="row smalltop">
+ <div class="col-lg-8">
+ <h3>Features</h3>
+ <ul>
+ <li>Handles <strong>huge data sets</strong>: dygraphs plots millions of points without getting bogged down.
+ <li><strong>Interactive out of the box</strong>: zoom, pan and mouseover are on by default.
+ <li>Strong support for <strong>error bars</strong> / confidence intervals.
+ <li><strong>Highly customizable</strong>: using options and custom callbacks, you can make dygraphs do almost anything.
+ <li>dygraphs is <strong>highly compatible</strong>: it works in all major browsers (including IE8). You can even <strong>pinch to zoom</strong> on mobile/tablet devices!
+ <li>There's an <strong>active community</strong> developing and supporting dygraphs.</li>
+ </ul>
+
+ <h3>Getting Started</h3>
+ <p>Start by <a href="download.html">downloading dygraphs</a>. Then read the <a href="tutorial.html">Tutorial</a> to learn how to use it, or just <a href="http://dygraphs.com/fiddle">play with dygraphs</a> on jsFiddle.</p>
+
+ <p>Once you've got your feet wet, look for inspiration in the <a href="gallery/">demo gallery</a> or check out our <a href="users.html">list of users</a>.</p>
+ </div>
+
+ <div class="col-lg-4">
+ <h3>Quick Links</h3>
+ <ul>
+ <li><a href="tutorial.html">Tutorial</a>
+ <li><a href="options.html">Options Reference</a>
+ <li><a href="jsdoc/symbols/Dygraph.html">API Reference</a>
+ <li><a href="css.html">CSS Reference</a>
+ <li><a href="data.html">Data format</a> documentation
+ <li><a href="http://stackoverflow.com/questions/ask?tags=dygraphs+javascript">Ask a Question</a> on Stack Overflow.</a>
+ <li><a href="https://groups.google.com/forum/#!forum/dygraphs-users">Mailing List</a>
+ <li><a href="http://blog.dygraphs.com/">dygraphs blog</a>
+ <li><a href="legal.html">Policy & Licensing</a>
+ </ul>
+ </div>
+
+ </div>