From ebf7f3b0bed050087be0de324343036aaf6db80e Mon Sep 17 00:00:00 2001
From: Alexander Lukyanchikov <sqshq@sqshq.com>
Date: Sun, 9 Jun 2019 22:21:26 -0400
Subject: [PATCH] Added component screenshots in README

---
 README.md | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 97bd1d9..56e19d7 100644
--- a/README.md
+++ b/README.md
@@ -41,6 +41,7 @@ Using Sampler is basically a 3-step process:
 
 ### Components
 #### Runchart
+![runchart](https://user-images.githubusercontent.com/6069066/59168666-aff96d00-8b04-11e9-99b6-34d8bae37bd2.png)
 ```yml
 runcharts:
   - title: Search engine response time
@@ -56,17 +57,23 @@ runcharts:
       - label: YAHOO
         sample: curl -o /dev/null -s -w '%{time_total}'  https://search.yahoo.com
       - label: BING
-        sample: curl -o /dev/null -s -w '%{time_total}'  https://www.bing.com    
+        sample: curl -o /dev/null -s -w '%{time_total}'  https://www.bing.com
 ```
 #### Sparkline
+![sparkline](https://user-images.githubusercontent.com/6069066/59167746-de754900-8b00-11e9-9305-c9a4176634d2.png)
 ```yml
 sparklines:
-- title: CPU usage
-  rate-ms: 200          # sampling rate, default = 1000
-  scale: 0              # number of digits after sample decimal point, default = 1
-  sample: ps -A -o %cpu | awk '{s+=$1} END {print s}'
+  - title: CPU usage
+    rate-ms: 200
+    scale: 0
+    sample: ps -A -o %cpu | awk '{s+=$1} END {print s}'
+  - title: Free memory pages
+    rate-ms: 200
+    scale: 0
+    sample: memory_pressure | grep 'Pages free' | awk '{print $3}'
 ```
 #### Barchart
+![barchart](https://user-images.githubusercontent.com/6069066/59167751-de754900-8b00-11e9-8d01-efd04ae1eec6.png)
 ```yml
 barcharts:
   - title: Local network activity
@@ -83,20 +90,29 @@ barcharts:
         sample: nettop -J bytes_out -l 1 -m tcp | awk '{sum += $4} END {print sum}'
 ```
 #### Gauge
+![gauge](https://user-images.githubusercontent.com/6069066/59168667-b0920380-8b04-11e9-852b-5e7810fab640.png)
 ```yml
 gauges:
   - title: Minute progress
     rate-ms: 500        # sampling rate, default = 1000
     scale: 2            # number of digits after sample decimal point, default = 1
-    color: 39           # 8-bit color number, default one is chosen from a pre-defined palette
+    color: 178          # 8-bit color number, default one is chosen from a pre-defined palette
     cur:
       sample: date +%S  # sample script for current value
     max:
       sample: echo 60   # sample script for max value
     min:
       sample: echo 0    # sample script for min value
+  - title: Year progress
+    cur:
+      sample: date +%j
+    max:
+      sample: echo 365
+    min:
+      sample: echo 0
 ```
 #### Textbox
+![textbox](https://user-images.githubusercontent.com/6069066/59167747-de754900-8b00-11e9-887b-a9fce57d9a72.png)
 ```yml
 textboxes:
   - title: Local weather
@@ -109,6 +125,7 @@ textboxes:
     sample: docker stats --no-stream --format "table {{.Name}}\t{{.CPUPerc}}\t{{.MemUsage}}\t{{.PIDs}}"
 ```
 #### Asciibox
+![asciibox](https://user-images.githubusercontent.com/6069066/59167749-de754900-8b00-11e9-9157-cc9809fbc622.png)
 ```yml
 asciiboxes:
   - title: UTC time