diff --git a/README.md b/README.md index d0637b9..2483d3e 100644 --- a/README.md +++ b/README.md @@ -94,6 +94,13 @@ Then, color mapping for status' values should be defined in __Discrete__ color m ![Color mapping](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-mapping.png) +Use can use presets to define a trafic light colors or 8 colors from solarized palette: + +![Color mapping empty](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-mapping-preset-01.png) + +![Color mapping trafic lights](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-mapping-02.png) + + _Note: __Spectrum__ and __Opacity__ color modes function the same way they do in [Heatmap](https://grafana.com/plugins/heatmap) plugin._ @@ -114,7 +121,9 @@ __Null values__ can be treated as empty buckets or displayed with the color of ` __Min width__ and __spacing__ are used to specify minimal bucket width and spacing between buckets. __Rounding__ may be used to round edges. -![Min width, spacing, rounding](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/min-width-spacing-rounding.png) +![Min width, spacing, rounding 1](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/min-width-spacing-rounding-01.png) + +![Min width, spacing, rounding 2](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/min-width-spacing-rounding-02.png) ## Development diff --git a/dist/README.md b/dist/README.md index d0637b9..2483d3e 100644 --- a/dist/README.md +++ b/dist/README.md @@ -94,6 +94,13 @@ Then, color mapping for status' values should be defined in __Discrete__ color m ![Color mapping](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-mapping.png) +Use can use presets to define a trafic light colors or 8 colors from solarized palette: + +![Color mapping empty](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-mapping-preset-01.png) + +![Color mapping trafic lights](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/color-mapping-02.png) + + _Note: __Spectrum__ and __Opacity__ color modes function the same way they do in [Heatmap](https://grafana.com/plugins/heatmap) plugin._ @@ -114,7 +121,9 @@ __Null values__ can be treated as empty buckets or displayed with the color of ` __Min width__ and __spacing__ are used to specify minimal bucket width and spacing between buckets. __Rounding__ may be used to round edges. -![Min width, spacing, rounding](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/min-width-spacing-rounding.png) +![Min width, spacing, rounding 1](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/min-width-spacing-rounding-01.png) + +![Min width, spacing, rounding 2](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/min-width-spacing-rounding-02.png) ## Development diff --git a/dist/img/color-mapping.png b/dist/img/color-mapping.png index d516267..946cf42 100644 Binary files a/dist/img/color-mapping.png and b/dist/img/color-mapping.png differ diff --git a/dist/img/color-preset-01.png b/dist/img/color-preset-01.png new file mode 100644 index 0000000..154ff89 Binary files /dev/null and b/dist/img/color-preset-01.png differ diff --git a/dist/img/color-preset-02.png b/dist/img/color-preset-02.png new file mode 100644 index 0000000..16bb9fb Binary files /dev/null and b/dist/img/color-preset-02.png differ diff --git a/dist/img/min-width-spacing-rounding-01.png b/dist/img/min-width-spacing-rounding-01.png new file mode 100644 index 0000000..b5b68a2 Binary files /dev/null and b/dist/img/min-width-spacing-rounding-01.png differ diff --git a/dist/img/min-width-spacing-rounding-02.png b/dist/img/min-width-spacing-rounding-02.png new file mode 100644 index 0000000..25c7687 Binary files /dev/null and b/dist/img/min-width-spacing-rounding-02.png differ diff --git a/dist/img/min-width-spacing-rounding.png b/dist/img/min-width-spacing-rounding.png deleted file mode 100644 index 5cb824c..0000000 Binary files a/dist/img/min-width-spacing-rounding.png and /dev/null differ diff --git a/dist/img/options-bucket.png b/dist/img/options-bucket.png index 177b582..2e52438 100644 Binary files a/dist/img/options-bucket.png and b/dist/img/options-bucket.png differ diff --git a/src/img/color-mapping.png b/src/img/color-mapping.png index d516267..946cf42 100644 Binary files a/src/img/color-mapping.png and b/src/img/color-mapping.png differ diff --git a/src/img/color-preset-01.png b/src/img/color-preset-01.png new file mode 100644 index 0000000..154ff89 Binary files /dev/null and b/src/img/color-preset-01.png differ diff --git a/src/img/color-preset-02.png b/src/img/color-preset-02.png new file mode 100644 index 0000000..16bb9fb Binary files /dev/null and b/src/img/color-preset-02.png differ diff --git a/src/img/min-width-spacing-rounding-01.png b/src/img/min-width-spacing-rounding-01.png new file mode 100644 index 0000000..b5b68a2 Binary files /dev/null and b/src/img/min-width-spacing-rounding-01.png differ diff --git a/src/img/min-width-spacing-rounding-02.png b/src/img/min-width-spacing-rounding-02.png new file mode 100644 index 0000000..25c7687 Binary files /dev/null and b/src/img/min-width-spacing-rounding-02.png differ diff --git a/src/img/min-width-spacing-rounding.png b/src/img/min-width-spacing-rounding.png deleted file mode 100644 index 5cb824c..0000000 Binary files a/src/img/min-width-spacing-rounding.png and /dev/null differ diff --git a/src/img/options-bucket.png b/src/img/options-bucket.png index 177b582..2e52438 100644 Binary files a/src/img/options-bucket.png and b/src/img/options-bucket.png differ