<html lang='en'>
<head>
    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'>

    <meta property='og:image' content='images/logo-blue-64px.png' />

    <meta property='og:type' content='website'/>
    <meta property='og:site_name' content='MetricsViewer.js'/>
    <link href='images/logo-blue-64px.png' rel='icon' type='image/png' />

    <meta property='og:title' content='MetricsViewer'/>
    <meta property='og:description' content='MetricsViewer is a library for displaying
        Dropwizard (codhale/yammer) metrics in line graphs.'/>

    <title>MetricsViewer.js Examples</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='https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css' rel='stylesheet'
          type='text/css'>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel='stylesheet' type='text/css' integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <link href='../lib/css/metrics-graphics/2.15.6/metricsgraphics.css' rel='stylesheet' type='text/css'>
    <link href='css/example.css' rel='stylesheet' type='text/css' id='light'>
    <link href='' rel='stylesheet' type='text/css' id='dark'>
    <link href='css/highlightjs-default.css' rel='stylesheet' type='text/css' id='light-code'>
    <link href='' rel='stylesheet' type='text/css' id='dark-code'>

    <link href='../dist/css/metricsviewer.css' rel='stylesheet' type='text/css'>
    <link href='' rel='stylesheet' type='text/css' id='mv-dark'>

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>

    <script src='../lib/js/d3/v5.16.0/d3.min.js'></script>
    <script src='js/lib/highlight.pack.js'></script>
    <script src='../lib/js/metricsgraphics/2.15.6/metricsgraphics.js'></script>
    <script src='../dist/js/metricsviewer.js'></script>
</head>

<body>
<div class='head'>
    <ul>
        <li><a href='https://indrabasak.github.io/metrics-viewer/'>Home</a></li>
        <li><a href='index.html'>Doc</a></li>
        <li class='divider'>|</li>
        <li><a href='#' id='light-css' class='viewer active'>Light style</a></li>
        <li><a href='#' id='dark-css' class='viewer'>Dark style</a></li>
    </ul>

    <img src='images/logo-pale-blue-_373px.png' id='logo' class='svg' />

    <!--<a class='github-wide' href='https://github.com/ractivejs/ractive'>GitHub</a>-->
    <!--<button id='nav-toggle'>&#9776;</button>-->
</div>

<div class='container'>
    <ul class='examples text-center'>
        <li><a href='#' id='goto-counter' class='viewer'>Counter Metrics</a></li>
        <li><a href='#' id='goto-gauge' class='viewer'>Gauge Metrics</a></li>
        <li><a href='#' id='goto-meter' class='viewer'>Meter Metrics</a></li>
        <li><a href='#' id='goto-timer' class='viewer'>Timer Metrics</a></li>
        <li><a href='#' id='goto-jvm' class='viewer'>JVM Metrics</a></li>
    </ul>

    <div id='trunk'></div>
</div>

<div class='footer'>
    <br/>Created by <a href="https://www.linkedin.com/in/indrabasak">Indra Basak</a>
    <br/>2020 Shared under <a href='https://www.apache.org/licenses/LICENSE-2.0'>
    Apache License Version 2.0</a>
</div>

<script src='js/main.js'>
</script>
</body>
</html>