From a3c10e9e5c179509db75aebecb77e6e4b55e8479 Mon Sep 17 00:00:00 2001 From: Andreas Huber Date: Sun, 5 Apr 2020 16:04:40 +0200 Subject: [PATCH] hide help page as long as it is not finished --- pdb-js/src/app/app.component.html | 2 ++ pdb-js/src/app/app.component.scss | 2 +- .../app/help-page/help-page.component.html | 23 +++++++++++-------- pdb-js/src/styles.scss | 11 +++++++++ 4 files changed, 27 insertions(+), 11 deletions(-) diff --git a/pdb-js/src/app/app.component.html b/pdb-js/src/app/app.component.html index 996beba..9f674fa 100644 --- a/pdb-js/src/app/app.component.html +++ b/pdb-js/src/app/app.component.html @@ -13,7 +13,9 @@ + \ No newline at end of file diff --git a/pdb-js/src/app/app.component.scss b/pdb-js/src/app/app.component.scss index e6da2a7..c031ad0 100644 --- a/pdb-js/src/app/app.component.scss +++ b/pdb-js/src/app/app.component.scss @@ -5,7 +5,7 @@ width: 100%; padding-bottom: 0.5em; border-bottom: solid 1px black; - background-color: #ccc; + background-color: #eee; } .right{ diff --git a/pdb-js/src/app/help-page/help-page.component.html b/pdb-js/src/app/help-page/help-page.component.html index d8ef9bf..9982e6d 100644 --- a/pdb-js/src/app/help-page/help-page.component.html +++ b/pdb-js/src/app/help-page/help-page.component.html @@ -11,38 +11,41 @@ This page describes how to use this tool.

+

Use Cases

+This tool was designed to show raw performance data instead of aggregations or statistics. +The scatter plot is the main visualization style. + +

Why not use one of the existing monitoring tools?

There are many tools out there that do monitoring in one way or the other. There are complete closed source solutions like New Relic, Splunk and App Dynamics. -They bring everything you need, a tool to collect logs or metrics, a database, a UI with dashboards and alerting. -

-

+They bring everything you need, a tool to collect logs or metrics, a database, a UI with dashboards and alerting. The OSS community likes to break them down into separate tools. For example the ELK-stack consists of Elasticsearch as database and Kibana as the UI. It is usually combined with Logstash or Filebeat -for logfile collection.

-

+for logfile collection. Another popular UI is Grafana which can be combined with Loki, Prometheus, Graphite or Metrictank (which is an engine for Graphite). -

-

-Newer and popular for its good database is the duo InfluxDB +Relatively new and popular for its good database is the duo InfluxDB + Chronograf.

Apart from the general purpose solutions there are also more specialized tools. For example Nagios/Icinga -which specializes in hardware monitoring. +which specializes in hardware monitoring. Solarwinds +is another tool more suited for hardware monitoring. +

+




@@ -76,5 +79,5 @@ which specializes in hardware monitoring. and many more. None of them provides the visualizations we had in mind. We wanted to plot each value of the time series data individually, so that we can identify the response times of a single request. But tools like Splunk, Kibana, Chronograf or Grafana only plot aggregated data (average, min/max, percentiles).

- + diff --git a/pdb-js/src/styles.scss b/pdb-js/src/styles.scss index 8c9cdce..52e3a5f 100644 --- a/pdb-js/src/styles.scss +++ b/pdb-js/src/styles.scss @@ -31,6 +31,17 @@ $background-color: #CBD7F4; box-sizing: border-box; } +h1 { + font-size: 2rem; + margin-block-start: 0.67rem; + margin-block-end: 0.67rem; +} +h2 { + font-size: 1.5rem; + margin-block-start: 0.83rem; + margin-block-end: 0.83rem; +} + .icon-inline { width: 1em; height: 1em;