<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'>☰</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>