<commit_before><html lang="en">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta property="og:title" content="MetricsGraphics.js" />
    <meta property="og:description" content="MetricsGraphics.js is a library optimized 
        for visualizing and laying out time-series data. It provides a simple way to produce 
        common types of charts in a principled, consistent and responsive way." />
    <meta property="og:image" content="http://mozilla.github.io/metrics-graphics/images/og-logo.png" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://mozilla.github.io/metrics-graphics/" />
    <meta property="og:site_name" content="MetricsGraphics.js" />
    
    <title>MetricsGraphics.js</title>
    
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' 
        rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic' 
        rel='stylesheet' type='text/css'>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" 
        rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" id="light">
    <link href="css/metrics-graphics.css" rel="stylesheet" type="text/css" id="light">
    <link href="" rel="stylesheet" type="text/css" id="dark">
    <link href="css/metrics-graphics-demo.css" rel="stylesheet" type="text/css">
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script src='js/metrics-graphics.js'></script>
    <script src='js/main.js'></script>
    
    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-51487512-1', 'metricsgraphicsjs.org');
  ga('send', 'pageview');
    </script>
</head>

<body>
    <div id='container' class='container'>
        <div id='content-body'>
            <div id='head'>
                <ul>
                    <li><a href='https://github.com/mozilla/metrics-graphics'>Code</a></li>
                    <li><a href='https://github.com/mozilla/metrics-graphics/issues'>Issues</a></li>
                    <li class='divider'>|</li>
                    <li><a href="#" id="light-css" class="pill active">Light style</a></li>
                    <li><a href="#" id="dark-css" class="pill">Dark style</a></li>
                </ul>
                
                <img src="images/logo.svg" id="logo" class="svg" />
            </div>

            <div id='description'>
                <p><i>MetricsGraphics.js</i> is a library optimized for visualizing and 
                laying out time-series data. At just 16KB in size, it provides a simple 
                way to produce common types of charts in a principled, consistent and 
                responsive way. The library currently supports a wide variety of line 
                charts, as demonstrated below. Take a look at 
                <a href='https://github.com/mozilla/metrics-graphics/wiki'>the Wiki</a> 
                for more. The data here is synthetic and is generated using the included 
                <i>make_fake_data.py</i> script.</p>
            </div>
<commit_msg>Updated copy in examples page<commit_after><html lang="en">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta property="og:title" content="MetricsGraphics.js" />
    <meta property="og:description" content="MetricsGraphics.js is a library optimized 
        for visualizing and laying out time-series data. It provides a simple way to produce 
        common types of charts in a principled, consistent and responsive way." />
    <meta property="og:image" content="http://mozilla.github.io/metrics-graphics/images/og-logo.png" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://mozilla.github.io/metrics-graphics/" />
    <meta property="og:site_name" content="MetricsGraphics.js" />
    
    <title>MetricsGraphics.js</title>
    
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' 
        rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic' 
        rel='stylesheet' type='text/css'>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" 
        rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" id="light">
    <link href="css/metrics-graphics.css" rel="stylesheet" type="text/css" id="light">
    <link href="" rel="stylesheet" type="text/css" id="dark">
    <link href="css/metrics-graphics-demo.css" rel="stylesheet" type="text/css">
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script src='js/metrics-graphics.js'></script>
    <script src='js/main.js'></script>
    
    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-51487512-1', 'metricsgraphicsjs.org');
  ga('send', 'pageview');
    </script>
</head>

<body>
    <div id='container' class='container'>
        <div id='content-body'>
            <div id='head'>
                <ul>
                    <li><a href='https://github.com/mozilla/metrics-graphics'>Code</a></li>
                    <li><a href='https://github.com/mozilla/metrics-graphics/issues'>Issues</a></li>
                    <li class='divider'>|</li>
                    <li><a href="#" id="light-css" class="pill active">Light style</a></li>
                    <li><a href="#" id="dark-css" class="pill">Dark style</a></li>
                </ul>
                
                <img src="images/logo.svg" id="logo" class="svg" />
            </div>

            <div id='description'>
                <p><i>MetricsGraphics.js</i> is a library optimized for visualizing and 
                laying out time-series data. At just 16KB in size, it provides a simple 
                way to produce common types of charts in a principled, consistent and 
                responsive way. The library currently supports a wide variety of line 
                charts, as demonstrated below. Take a look at 
                <a href='https://github.com/mozilla/metrics-graphics/wiki'>the wiki</a> 
                for more. The data here is synthetic and is generated using the included 
                <i>make_fake_data.py</i> script.</p>
            </div>

{'fraction_non_alphanumeric': 0.17687448503158473, 'fraction_numerical': 0.012908541609447955, 'mean_word_length': 2.8759978712080896, 'pattern_counts': {'":': 0, '<': 137, '<?xml version=': 0, '>': 137, 'https://': 10, 'lorem ipsum': 0, 'www.': 2, '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': '163077', 'n_tokens_mistral': 2415, 'n_tokens_neox': 2278, 'n_words': 432}