<commit_before><!DOCTYPE html>
<html>
  <head>
    <title>jqCandlestick examples</title>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.jqcandlestick.min.js"></script>
    
    <link rel="stylesheet" type="text/css" href="css/jqcandlestick.css" />
    
    <style type="text/css">
      body {
        font-family: sans-serif;
      }
      
      .jqcandlestick-container {
        width: 640px;
        height: 480px;
      }
    </style>
  </head>
  <body>
    
    <script type="text/javascript">
      // Generate data
      
      var data = [];
      
      var time = new Date('2013-12-01 12:00').valueOf();
      
      var a = Math.floor(Math.random() * 100);
      
      for (var i = 0; i < 30; i++) {
        data.push([time, a]);
        a += Math.floor(Math.random() * 10 - 5);
        time += 30 * 60000; // Add 30 minutes
      }
    </script>
    
    <h1>Points</h1>
    
    <div id="example-1"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-1').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
          }],
        });
      });
    </script>
    
    <h1>Line</h1>
    
    <div id="example-2"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-2').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
            type: 'line',
          }],
        });
      });
    </script>
    
    <h1>Columns</h1>
    
    <div id="example-3"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-3').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
            type: 'column',
          }],
        });
      });
    </script>
    
    <h1>Lines and points</h1>
    
    <div id="example-4"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-4').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
            type: 'line',
          }, {
            type: 'point',
          }],
        });
      });
    </script>
    
    <h1>Colors</h1>
    
    <div id="example-5"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-5').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
            type: 'line',
            color: '#C00',
            strokeWidth: 3,
          }, {
            type: 'point',
            color: '#FFF',
            stroke: '#C00',
            radius: 5,
            strokeWidth: 3,
          }],
        });
      });
    </script>
  </body>
</html><commit_msg>Add more examples<commit_after><!DOCTYPE html>
<html>
  <head>
    <title>jqCandlestick examples</title>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.jqcandlestick.min.js"></script>
    
    <link rel="stylesheet" type="text/css" href="css/jqcandlestick.css" />
    
    <style type="text/css">
      body {
        font-family: sans-serif;
      }
      
      .jqcandlestick-container {
        width: 640px;
        height: 480px;
      }
    </style>
  </head>
  <body>
    
    <script type="text/javascript">
      // Generate data
      
      var data = [];
      
      var time = new Date('2013-12-01 12:00').valueOf();
      
      var h = Math.floor(Math.random() * 100);
      var l = h - Math.floor(Math.random() * 20);
      var o = h - Math.floor(Math.random() * (h - l));
      var c = h - Math.floor(Math.random() * (h - l));

      var v = Math.floor(Math.random() * 1000);
      
      for (var i = 0; i < 30; i++) {
        data.push([time, o, h, l, c, v]);
        h += Math.floor(Math.random() * 10 - 5);
        l = h - Math.floor(Math.random() * 20);
        o = h - Math.floor(Math.random() * (h - l));
        c = h - Math.floor(Math.random() * (h - l));
        v += Math.floor(Math.random() * 100 - 50);
        time += 30 * 60000; // Add 30 minutes
      }
    </script>
    
    <h1>Points</h1>
    
    <div id="example-1"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-1').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
          }],
        });
      });
    </script>
    
    <h1>Line</h1>
    
    <div id="example-2"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-2').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
            type: 'line',
          }],
        });
      });
    </script>
    
    <h1>Columns</h1>
    
    <div id="example-3"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-3').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
            type: 'column',
          }],
        });
      });
    </script>
    
    <h1>Lines and points</h1>
    
    <div id="example-4"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-4').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
            type: 'line',
          }, {
            type: 'point',
          }],
        });
      });
    </script>
    
    <h1>Colors</h1>
    
    <div id="example-5"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-5').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
            type: 'line',
            color: '#C00',
            strokeWidth: 3,
          }, {
            type: 'point',
            color: '#FFF',
            stroke: '#C00',
            radius: 5,
            strokeWidth: 3,
          }],
        });
      });
    </script>

    <h1>Candlestick</h1>

    <div id="example-6"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-6').jqCandlestick({
          data: data,
          theme: 'light',
          series: [{
            type: 'candlestick',
            color: '#00C',
          }],
        });
      });
    </script>

    <h1>Multiple y-axes</h1>

    <div id="example-7"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-7').jqCandlestick({
          data: data,
          theme: 'light',
          yAxis: [{
            height: 7, // 7 / (7 + 3)
          }, {
            height: 3, // 3 / (7 + 3)
          }],
          series: [{
            type: 'candlestick',
            color: '#00C',
          }, {
            type: 'column',
            name: 'VOLUME',
            yAxis: 1,
            color: '#0C0',
          }],
        });
      });
    </script>

    <h1>Candlestick colors</h1>

    <div id="example-8"></div>
    
    <script type="text/javascript">
      $(function() {
        $('#example-8').jqCandlestick({
          data: data,
          theme: 'light',
          yAxis: [{
            height: 7, // 7 / (7 + 3)
          }, {
            height: 3, // 3 / (7 + 3)
          }],
          series: [{
            type: 'candlestick',
            upStroke: '#0C0',
            downStroke: '#C00',
            downColor: 'rgba(255, 0, 0, 0.4)',
          }, {
            type: 'column',
            name: 'VOLUME',
            yAxis: 1,
            stroke: '#00C',
            color: 'rgba(0, 0, 255, 0.5)',
          }],
        });
      });
    </script>

  </body>
</html>
{'fraction_non_alphanumeric': 0.1848416589373261, 'fraction_numerical': 0.02583808135683053, 'mean_word_length': 1.3390145646110938, 'pattern_counts': {'":': 0, '<': 119, '<?xml version=': 0, '>': 117, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4281680', 'n_tokens_mistral': 2625, 'n_tokens_neox': 2445, 'n_words': 461}