<commit_before><html>
  <head>
    <title>dygraphs JavaScript Visualization Library</title>
    <!--[if IE]>
    <script type="text/javascript" src="excanvas.js"></script>
    <![endif]-->
    <script type="text/javascript" src="dygraph-combined.js"></script>
    <style type="text/css">
      .thinborder {
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: black;
        border-collapse: collapse;
      }
      .thinborder td, .thinborder th {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: black;
      }

      #nav {
        position: absolute;
        left: 0px;
        width: 150px;
      }
      #content {
        position: absolute;
        left: 160px;
        top: 0px;
        border-left: 2px solid rgb(229, 236, 249);
        padding-left: 10px;
        margin-left: 0px;
      }

      #nav ul {
        list-style: none;
        padding-left: 20px;
        margin-left: 0px;
      }
      #nav ul ul {
        padding-left: 0.5em;
        padding-bottom: 1em;
      }
      #nav ul ul li {
        padding-top: 0.25em;
      }
    </style>
  </head>
<body>

<div id="nav">
<ul>
<li><b>Documentation</b>
  <ul>
  <li><a href="#demo">Demo</a>
  <li><a href="#usage">Usage</a>
  <li><a href="#ie">IE Compatibility</a>
  <li><a href="#gviz">GViz Data</a>
  <li><a href="#baseball">Baseball chart</a>
  <li><a href="#stock">Stock chart</a>
  <li><a href="#options">Options Reference</a>
  <li><a href="#policy">Data Policy</a>
  </ul>

<li><b>Project</b>
  <ul>
  <li><a href="http://github.com/danvk/dygraphs">Source</a>
  <li><a href="http://code.google.com/p/dygraphs/issues/">Issues</a>
  <li><a href="http://code.google.com/p/dygraphs/issues/entry">Report Bug</a>
  <li><a href="mailto:danvdk [at] gmail">Contact</a>
  </ul>


<li><b>Gallery</b>
  <ul>
  <li><a href="tests/demo.html">Basic Demo</a>
  <li><a href="tests/gviz.html">GViz Demo</a>
  <li><a href="tests/plotter.html">Equation Plotter</a>
  <li><a href="tests/perf.html">Performance Test</a>
  <li><a href="tests/perf.html">Fractions</a>

  <li><a href="tests/label-div.html">Labels in a DIV</a>
  <li><a href="tests/numeric-axis.html">Numeric Axis</a>
  <li><a href="tests/draw-points.html">Dotted Points</a>

  <li><a href="tests/native-format.html">Native Format</a>
  <li><a href="tests/grid_dot.html">Crazy Styles</a>
  <li><a href="tests/spacing.html">Tick spacing</a>
  <li><a href="tests/callback.html">Callbacks</a>
  <li><a href="tests/crosshair.html">Crosshairs</a>
  <li><a href="tests/hourly.html">Hourly/Minutely data</a>

  <li><a href="tests/isolated-points.html">Isolated Points</a>
  <li><a href="tests/missing-data.html">Missing Data</a>

  <li><a href="tests/border.html">Bordered chart</a>
  <li><a href="tests/custom-bars.html">Custom Bars</a>
  <li><a href="tests/customLabel.html">Custom Label Styles</a>
  <li><a href="tests/dygraph.html">Minimal Example</a>
  <li><a href="tests/negative.html">Negative Numbers</a>
  <li><a href="tests/noise.html">Noisy Data</a>
  <li><a href="tests/two-series.html">Multiple Series</a>
  </ul>
</ul>
</div>

<div id="content">
<p><span style="font-size:28pt;">dygraphs JavaScript Visualization Library</span><br/>
<a href="http://github.com/danvk/dygraphs">http://github.com/danvk/dygraphs</a><br/>
See <a href="http://github.com/danvk/dygraphs/downloads/">downloads</a>, <a href="tests/">gallery</a> and <a href="http://code.google.com/p/dygraphs/issues/">open issues</a></p>

<p>dygraphs is an open source JavaScript library that 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>

<a name="demo">
<p>A demo is worth a thousand words:</p>

<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>
<script type="text/javascript">
  g = new Dygraph(
          document.getElementById("demodiv"),
          "ny-vs-sf.txt",
          {
            rollPeriod: 14,
            showRoller: true,
            customBars: true,
            yAxisLabelWidth: 30
          }
      );
</script>

<p>Some things to notice:</p>
<ul>
<li>There's less seasonal temperature variation in SF than in NY.
<li>The difference is about 15&deg; F for SF vs. 50&deg; F for NY.
<li>The daily data (set rolling period to 1) is quite noisy and hides this conclusion.
<li>Using a 14-day moving average makes it clearer. A 100-day rolling period averages out nearly all the specifics from the data.
<li>There's a gap in the data for SF, when the weather station was down (zoom into October 2007 to see it).
<li>The bands around each point indicate average highs and lows.
<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>
<commit_msg>make initial combined reference a link<commit_after><html>
  <head>
    <title>dygraphs JavaScript Visualization Library</title>
    <!--[if IE]>
    <script type="text/javascript" src="excanvas.js"></script>
    <![endif]-->
    <script type="text/javascript" src="dygraph-combined.js"></script>
    <style type="text/css">
      .thinborder {
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: black;
        border-collapse: collapse;
      }
      .thinborder td, .thinborder th {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: black;
      }

      #nav {
        position: absolute;
        left: 0px;
        width: 150px;
      }
      #content {
        position: absolute;
        left: 160px;
        top: 0px;
        border-left: 2px solid rgb(229, 236, 249);
        padding-left: 10px;
        margin-left: 0px;
      }

      #nav ul {
        list-style: none;
        padding-left: 20px;
        margin-left: 0px;
      }
      #nav ul ul {
        padding-left: 0.5em;
        padding-bottom: 1em;
      }
      #nav ul ul li {
        padding-top: 0.25em;
      }
    </style>
  </head>
<body>

<div id="nav">
<ul>
<li><b>Documentation</b>
  <ul>
  <li><a href="#demo">Demo</a>
  <li><a href="#usage">Usage</a>
  <li><a href="#ie">IE Compatibility</a>
  <li><a href="#gviz">GViz Data</a>
  <li><a href="#baseball">Baseball chart</a>
  <li><a href="#stock">Stock chart</a>
  <li><a href="#options">Options Reference</a>
  <li><a href="#policy">Data Policy</a>
  </ul>

<li><b>Project</b>
  <ul>
  <li><a href="http://github.com/danvk/dygraphs">Source</a>
  <li><a href="http://code.google.com/p/dygraphs/issues/">Issues</a>
  <li><a href="http://code.google.com/p/dygraphs/issues/entry">Report Bug</a>
  <li><a href="mailto:danvdk [at] gmail">Contact</a>
  </ul>


<li><b>Gallery</b>
  <ul>
  <li><a href="tests/demo.html">Basic Demo</a>
  <li><a href="tests/gviz.html">GViz Demo</a>
  <li><a href="tests/plotter.html">Equation Plotter</a>
  <li><a href="tests/perf.html">Performance Test</a>
  <li><a href="tests/perf.html">Fractions</a>

  <li><a href="tests/label-div.html">Labels in a DIV</a>
  <li><a href="tests/numeric-axis.html">Numeric Axis</a>
  <li><a href="tests/draw-points.html">Dotted Points</a>

  <li><a href="tests/native-format.html">Native Format</a>
  <li><a href="tests/grid_dot.html">Crazy Styles</a>
  <li><a href="tests/spacing.html">Tick spacing</a>
  <li><a href="tests/callback.html">Callbacks</a>
  <li><a href="tests/crosshair.html">Crosshairs</a>
  <li><a href="tests/hourly.html">Hourly/Minutely data</a>

  <li><a href="tests/isolated-points.html">Isolated Points</a>
  <li><a href="tests/missing-data.html">Missing Data</a>

  <li><a href="tests/border.html">Bordered chart</a>
  <li><a href="tests/custom-bars.html">Custom Bars</a>
  <li><a href="tests/customLabel.html">Custom Label Styles</a>
  <li><a href="tests/dygraph.html">Minimal Example</a>
  <li><a href="tests/negative.html">Negative Numbers</a>
  <li><a href="tests/noise.html">Noisy Data</a>
  <li><a href="tests/two-series.html">Multiple Series</a>
  </ul>
</ul>
</div>

<div id="content">
<p><span style="font-size:28pt;">dygraphs JavaScript Visualization Library</span><br/>
<a href="http://github.com/danvk/dygraphs">http://github.com/danvk/dygraphs</a><br/>
See <a href="http://github.com/danvk/dygraphs/downloads/">downloads</a>, <a href="tests/">gallery</a> and <a href="http://code.google.com/p/dygraphs/issues/">open issues</a></p>

<p>dygraphs is an open source JavaScript library that 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>

<a name="demo">
<p>A demo is worth a thousand words:</p>

<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>
<script type="text/javascript">
  g = new Dygraph(
          document.getElementById("demodiv"),
          "ny-vs-sf.txt",
          {
            rollPeriod: 14,
            showRoller: true,
            customBars: true,
            yAxisLabelWidth: 30
          }
      );
</script>

<p>Some things to notice:</p>
<ul>
<li>There's less seasonal temperature variation in SF than in NY.
<li>The difference is about 15&deg; F for SF vs. 50&deg; F for NY.
<li>The daily data (set rolling period to 1) is quite noisy and hides this conclusion.
<li>Using a 14-day moving average makes it clearer. A 100-day rolling period averages out nearly all the specifics from the data.
<li>There's a gap in the data for SF, when the weather station was down (zoom into October 2007 to see it).
<li>The bands around each point indicate average highs and lows.
<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><a href="http://github.com/danvk/dygraphs/downloads/">dygraph-combined.js</a></code> JavaScript file and instantiate a <code>Dygraph</code> object.</p>

{'fraction_non_alphanumeric': 0.16804828973843058, 'fraction_numerical': 0.012394366197183098, 'mean_word_length': 3.543327239488117, 'pattern_counts': {'":': 0, '<': 453, '<?xml version=': 0, '>': 453, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 5, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4284177', 'n_tokens_mistral': 4508, 'n_tokens_neox': 4225, 'n_words': 1118}