Merge branch 'master' into refactor/collect-data

pull/81/head
Scott Anderson 2019-02-28 15:57:28 -07:00
commit 56eed11628
37 changed files with 482 additions and 243 deletions

View File

@ -33,14 +33,14 @@ Separating each sentence with a new line makes it easy to parse diffs with the h
**Diff without semantic linefeeds:**
``` diff
-Data are taking off. Those data are time series. You need a database that specializes in time series. You should check out InfluxDB.
+Data are taking off. Those data are time series. You need a database that specializes in time series. You need InfluxDB.
-Data is taking off. This data is time series. You need a database that specializes in time series. You should check out InfluxDB.
+Data is taking off. This data is time series. You need a database that specializes in time series. You need InfluxDB.
```
**Diff with semantic linefeeds:**
``` diff
Data are taking off.
Those data are time series.
Data is taking off.
This data is time series.
You need a database that specializes in time series.
-You should check out InfluxDB.
+You need InfluxDB.
@ -277,6 +277,81 @@ There is also a special use-case designed for listing Flux functions using the `
{{< children type="functions" >}}
```
### Inline icons
The `icon` shortcode allows you to inject icons in paragraph text.
It's meant to clarify references to specific elements in the InfluxDB user interface.
```
{{< icon "icon-name" >}}
```
Below is a list of available icons (some are aliases):
- add-cell
- add-label
- alert
- calendar
- checkmark
- clone
- cog
- config
- copy
- dashboard
- dashboards
- data-explorer
- download
- duplicate
- edit
- expand
- export
- fullscreen
- gear
- graph
- influx
- influx-icon
- nav-admin
- nav-config
- nav-configuration
- nav-dashboards
- nav-data-explorer
- nav-organizations
- nav-orgs
- nav-tasks
- note
- org
- orgs
- pause
- pencil
- play
- plus
- refresh
- remove
- replay
- save-as
- search
- settings
- tasks
- triangle
- wrench
- x
### InfluxDB UI left navigation icons
In many cases, documentation references an item in the left nav of the InfluxDB UI.
To provide a visual example of the the navigation item using the `nav-icon` shortcode.
```
{{< nav-icon "Tasks" >}}
```
The following case insensitive values are supported:
- admin
- data explorer, data-explorer
- dashboards
- tasks
- organizations, orgs
- configuration, config
### Reference content
The InfluxDB documentation is "task-based," meaning content primarily focuses on
what a user is **doing**, not what they are **using**.
@ -299,6 +374,8 @@ menu:
v2_0_ref:
# ...
```
### Image naming conventions
Save images using the following naming format: `version-context-description.png`. For example, `2-0-visualizations-line-graph.png` or `2-0-tasks-add-new.png`. Specify a version other than 2.0 only if the image is specific to that version.
## New Versions of InfluxDB
Version bumps occur regularly in the documentation.

View File

@ -0,0 +1,43 @@
// Helper styles for inline icons used with the "icon" shortcode
.article--content {
.inline {
&.middle:before { vertical-align: middle; }
&.xsmall:before { font-size: .8rem; }
&.small:before { font-size: .9rem; }
&.large:before { font-size: 1.1rem; }
&.add-btn-round {
font-family: "icomoon";
color:#fff;
background:#22adf6;
border-radius:50%;
margin:0 .25rem;
display: inline-block;
vertical-align: text-top;
font-size: .7rem;
width: 20px;
height: 20px;
padding-left: .28rem;
line-height: 1.35rem;
}
}
.nav-icon {
background: linear-gradient(to right, #50ABEF, #9195f7);
display: inline-block;
padding: .85rem 1rem;
border-radius: 0 5px 5px 0;
font-size: 1.05rem;
margin-bottom: 1rem;
.icon {
font-size: 1.35rem;
vertical-align: middle;
margin-right: 1.25rem;
}
strong {
color: $g20-white;
}
}
}

View File

@ -51,21 +51,17 @@
transition: right .2s;
.selected {
padding: 0 1.5rem 0 .75rem;
padding: 0 1.75rem 0 .75rem;
line-height: 0;
}
&:after {
content: '';
content: '\e917';
font-family: 'icomoon';
position: absolute;
top: .75rem;
right: .5rem;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 5px 0 5px;
border-color: $g20-white transparent transparent transparent;
transition: all .4s;
top: .45rem;
right: .4rem;
transition: all .3s;
}
&.open {

View File

@ -16,6 +16,7 @@
"layouts/layout-sidebar-toggle",
"layouts/layout-content-wrapper",
"layouts/layout-article",
"layouts/inline-icons",
"layouts/syntax-highlighting",
"layouts/algolia-search-overrides",
"layouts/layout-landing",

View File

@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?rws1o3');
src: url('fonts/icomoon.eot?rws1o3#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?rws1o3') format('truetype'),
url('fonts/icomoon.woff?rws1o3') format('woff'),
url('fonts/icomoon.svg?rws1o3#icomoon') format('svg');
src: url('fonts/icomoon.eot?9ofj87');
src: url('fonts/icomoon.eot?9ofj87#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?9ofj87') format('truetype'),
url('fonts/icomoon.woff?9ofj87') format('woff'),
url('fonts/icomoon.svg?9ofj87#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@ -24,6 +24,90 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-ui-add-cell:before {
content: "\e91f";
}
.icon-ui-alert:before {
content: "\e920";
}
.icon-ui-calendar:before {
content: "\e921";
}
.icon-ui-checkmark:before {
content: "\e922";
}
.icon-ui-cog-thick:before {
content: "\e923";
}
.icon-ui-dashboards:before {
content: "\e924";
}
.icon-ui-data-explorer:before {
content: "\e925";
}
.icon-ui-download:before {
content: "\e926";
}
.icon-ui-duplicate:before {
content: "\e927";
}
.icon-ui-export:before {
content: "\e928";
}
.icon-ui-fullscreen:before {
content: "\e929";
}
.icon-ui-influx-icon:before {
content: "\e92a";
}
.icon-ui-note:before {
content: "\e92b";
}
.icon-ui-organizations:before {
content: "\e92c";
}
.icon-ui-pause:before {
content: "\e92d";
}
.icon-ui-pencil:before {
content: "\e92e";
}
.icon-ui-play:before {
content: "\e92f";
}
.icon-ui-plus:before {
content: "\e930";
}
.icon-ui-refresh:before {
content: "\e931";
}
.icon-ui-remove:before {
content: "\e932";
}
.icon-ui-search:before {
content: "\e933";
}
.icon-ui-triangle:before {
content: "\e935";
}
.icon-ui-wrench:before {
content: "\e936";
}
.icon-moon1:before {
content: "\e904";
}
.icon-sun1:before {
content: "\e906";
}
.icon-search:before {
content: "\e905";
}
.icon-influx-logo:before {
content: "\e900";
}
.icon-influx-logotype:before {
content: "\e901";
}
.icon-alert-triangle:before {
content: "\e902";
}
@ -96,39 +180,30 @@
.icon-settings:before {
content: "\e914";
}
.icon-triangle:before {
content: "\e937";
}
.icon-x:before {
content: "\e938";
}
.icon-zoom-in:before {
content: "\e915";
}
.icon-zoom-out:before {
content: "\e916";
}
.icon-moon1:before {
content: "\e904";
}
.icon-sun1:before {
content: "\e906";
}
.icon-search:before {
content: "\e905";
}
.icon-influx-logo:before {
content: "\e900";
}
.icon-influx-logotype:before {
content: "\e901";
}
.icon-folder-upload:before {
content: "\e934";
}
.icon-map2:before {
content: "\e94c";
}
.icon-cog:before {
content: "\e994";
}
.icon-heart:before {
content: "\e9da";
}
.icon-loop2:before {
content: "\ea2e";
}
.icon-tux:before {
content: "\eabd";
}

View File

@ -11,7 +11,9 @@ draft: true
"v2.0/tags": [influxdb]
---
This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo.
This is a paragraph. Lorem ipsum dolor ({{< icon "wrench" >}}) sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo.
{{< nav-icon "dashboards" >}}
## h2 This is a header2
This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo.

View File

@ -23,7 +23,7 @@ executables, and running the initial setup process.
### Download and install InfluxDB v2.0 alpha
Download InfluxDB v2.0 alpha for macOS.
<a class="btn download" href="https://dl.influxdata.com/influxdb/releases/influxdb_2.0.0-alpha.5_darwin_amd64.tar.gz" download>InfluxDB v2.0 alpha (macOS)</a>
<a class="btn download" href="https://dl.influxdata.com/influxdb/releases/influxdb_2.0.0-alpha.4_darwin_amd64.tar.gz" download>InfluxDB v2.0 alpha (macOS)</a>
### Place the executables in your $PATH
Unpackage the downloaded archive and place the `influx` and `influxd` executables in your system `$PATH`.
@ -32,10 +32,10 @@ _**Note:** The following commands are examples. Adjust the file paths to your ow
```sh
# Unpackage contents to the current working directory
gunzip -c ~/Downloads/influxdb_2.0.0-alpha.5_darwin_amd64.tar.gz | tar xopf -
gunzip -c ~/Downloads/influxdb_2.0.0-alpha.4_darwin_amd64.tar.gz | tar xopf -
# Copy the influx and influxd binary to your $PATH
sudo cp influxdb_2.0.0-alpha.5_darwin_amd64/{influx,influxd} /usr/local/bin/
sudo cp influxdb_2.0.0-alpha.4_darwin_amd64/{influx,influxd} /usr/local/bin/
```
{{% note %}}
@ -80,8 +80,8 @@ influxd --reporting-disabled
### Download and install InfluxDB v2.0 alpha
Download the InfluxDB v2.0 alpha package appropriate for your chipset.
<a class="btn download" href="https://dl.influxdata.com/influxdb/releases/influxdb_2.0.0-alpha.5_linux_amd64.tar.gz" download >InfluxDB v2.0 alpha (amd64)</a>
<a class="btn download" href="https://dl.influxdata.com/influxdb/releases/influxdb_2.0.0-alpha.5_linux_arm64.tar.gz" download >InfluxDB v2.0 alpha (arm)</a>
<a class="btn download" href="https://dl.influxdata.com/influxdb/releases/influxdb_2.0.0-alpha.4_linux_amd64.tar.gz" download >InfluxDB v2.0 alpha (amd64)</a>
<a class="btn download" href="https://dl.influxdata.com/influxdb/releases/influxdb_2.0.0-alpha.4_linux_arm64.tar.gz" download >InfluxDB v2.0 alpha (arm)</a>
### Place the executables in your $PATH
Unpackage the downloaded archive and place the `influx` and `influxd` executables in your system `$PATH`.
@ -90,10 +90,10 @@ _**Note:** The following commands are examples. Adjust the file names, paths, an
```sh
# Unpackage contents to the current working directory
tar xvzf path/to/influxdb_2.0.0-alpha.5_linux_amd64.tar.gz
tar xvzf path/to/influxdb_2.0.0-alpha.4_linux_amd64.tar.gz
# Copy the influx and influxd binary to your $PATH
sudo cp influxdb_2.0.0-alpha.5_linux_amd64/{influx,influxd} /usr/local/bin/
sudo cp influxdb_2.0.0-alpha.4_linux_amd64/{influx,influxd} /usr/local/bin/
```
{{% note %}}

View File

@ -16,7 +16,7 @@ to create a bucket.
1. Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
2. Click on the name of an organization, then select the **Buckets** tab.
3. Click **+ Create Bucket** in the upper right.

View File

@ -16,7 +16,7 @@ to delete a bucket.
1. Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
2. Click on the name of an organization, then select the **Buckets** tab.
3. Hover over the bucket you would like to delete.

View File

@ -16,7 +16,7 @@ to update a bucket.
1. Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
2. Click on the name of an organization, then select the **Buckets** tab. All of the organization's buckets appear.
3. To update a bucket's name or retention policy, click the name of the bucket from the list.

View File

@ -13,7 +13,7 @@ weight: 202
1. Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
2. Click on the name of an organization, then select the **Buckets** tab. All of the organization's buckets appear.
3. Click on a bucket to view details.=

View File

@ -16,7 +16,7 @@ to create an organization.
1. Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
_Complete content coming soon_

View File

@ -16,8 +16,10 @@ to create an organization.
* Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
The list of organizations appears.
{{< nav-icon "orgs" >}}
The list of organizations appears.
* Hover over an organization's name and click **Delete**.
## Delete an organization using the influx CLI

View File

@ -17,7 +17,7 @@ to add a member to an organization.
1. Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
2. Click on the name of an organization, then select the **Members** tab.

View File

@ -17,7 +17,7 @@ to remove a member from an organization.
1. Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
2. Click on the name of an organization, then select the **Members** tab.

View File

@ -16,7 +16,7 @@ to view members of an organization.
* Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
* Click on the name of an organization, then select the **Members** tab. The list of organization members appears.

View File

@ -16,7 +16,7 @@ to update an organization.
1. Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
2. Click on the organization you want to update in the list.
3. To update the organization's name, select the **Options** tab.

View File

@ -16,9 +16,9 @@ to view organizations.
* Click the **Organizations** tab in the navigation bar.
{{< img-hd src="/img/organizations-icon.png" title="Organizations icon" />}}
{{< nav-icon "orgs" >}}
The list of organizations appears.
The list of organizations appears.
## View organizations using the influx CLI

View File

@ -26,7 +26,7 @@ The InfluxDB UI provides multiple ways to create a task:
### Create a task from the Data Explorer
1. Click on the **Data Explorer** icon in the left navigation menu.
{{< img-hd src="/img/data-explorer-icon.png" title="Data Explorer Icon" />}}
{{< nav-icon "data-explorer" >}}
2. Building a query and click **Save As** in the upper right.
3. Select the **Task** option.
@ -39,7 +39,7 @@ The InfluxDB UI provides multiple ways to create a task:
### Create a task in the Task UI
1. Click on the **Tasks** icon in the left navigation menu.
{{< img-hd src="/img/tasks-icon.png" title="Tasks Icon" />}}
{{< nav-icon "tasks" >}}
2. Click **+ Create Task** in the upper right.
3. In the left panel, specify the task options.

View File

@ -14,7 +14,7 @@ weight: 204
## Delete a task in the InfluxDB UI
1. Click the **Tasks** icon in the left navigation menu.
{{< img-hd src="/img/tasks-icon.png" alt="Tasks Icon" />}}
{{< nav-icon "tasks" >}}
2. In the list of tasks, hover over the task you would like to delete.
3. Click **Delete** on the far right.

View File

@ -14,7 +14,7 @@ weight: 203
## Update a task in the InfluxDB UI
To view your tasks, click the **Tasks** icon in the left navigation menu.
{{< img-hd src="/img/tasks-icon.png" alt="Tasks Icon" />}}
{{< nav-icon "tasks" >}}
#### Update a task's Flux script
1. In the list of tasks, click the **Name** of the task you would like to update.

View File

@ -14,7 +14,7 @@ weight: 202
## View tasks in the InfluxDB UI
Click the **Tasks** icon in the left navigation to view the lists of tasks.
{{< img-hd src="/img/tasks-icon.png" alt="Tasks Icon" />}}
{{< nav-icon "tasks" >}}
### Filter the list of tasks

View File

@ -56,9 +56,10 @@ Queried data is returned in annotated CSV format.
In your request, set the following:
- Your organization via the `org` or `orgID` URL parameters.
- `Authorization` header to `Token ` + your authentication token.
- `accept` header to `application/csv`
- `content-type` header to `application/vnd.flux`
- `accept` header to `application/csv`.
- `content-type` header to `application/vnd.flux`.
This allows you to POST the Flux query in plain text and receive the annotated CSV response.
@ -72,7 +73,7 @@ Below is an example `curl` command that queries InfluxDB:
{{% code-tab-content %}}
```bash
curl http://localhost:9999/api/v2/query -XPOST -sS \
curl http://localhost:9999/api/v2/query?org=my-org -XPOST -sS \
-H 'Authorization: Token YOURAUTHTOKEN' \
-H 'accept:application/csv' \
-H 'content-type:application/vnd.flux' \
@ -85,7 +86,7 @@ curl http://localhost:9999/api/v2/query -XPOST -sS \
{{% code-tab-content %}}
```bash
curl http://localhost:9999/api/v2/query -XPOST -sS -H 'Authorization: Token TOKENSTRINGHERE' -H 'accept:application/csv' -H 'content-type:application/vnd.flux' -d 'from(bucket:“test”) |> range(start:-1000h) |> group(columns:[“_measurement”], mode:“by”) |> sum()'
curl http://localhost:9999/api/v2/query?org=my-org -XPOST -sS -H 'Authorization: Token TOKENSTRINGHERE' -H 'accept:application/csv' -H 'content-type:application/vnd.flux' -d 'from(bucket:“test”) |> range(start:-1000h) |> group(columns:[“_measurement”], mode:“by”) |> sum()'
```
{{% /code-tab-content %}}
{{< /code-tabs-wrapper >}}

View File

@ -11,14 +11,6 @@ weight: 101
Create, edit, and manage dashboards from the **Dashboards** tab in the left navigation.
{{< img-hd src="/img/dashboards-icon.png" title="Dashboard icon" />}}
Variable names changed--instead of dashboard time, it's time range start/time range end (double-check).
Window interval replaces interval
Save as somewhere--same as send to dashboard
Also save as dashboard/save as tasks
Multiple tabs, hide/show tabs, rename tabs
## Create a dashboard

View File

@ -18,7 +18,7 @@ Choose between [visualization types](/v2.0/visualize-data/visualization-types/)
To open the **Data Explorer**, click the **Data Explorer** icon in the navigation bar:
{{< img-hd src="/img/data-explorer-icon.png" title="Data Explorer icon" />}}
{{< nav-icon "data-explorer" >}}
## Explore data with Flux

View File

@ -35,9 +35,7 @@ To manage labels, click the **Configuration** icon in the navigation bar and sel
### Add labels to dashboards and tasks
1. In the list view of dashboards or tasks, hover over the item to which you would like to add a label.
2. Click the
<span class="icon-plus" style="color:#fff;background:#22adf6;border-radius:50%;padding:.07rem .1rem;margin:0 .25rem;display: inline-block;width: 20px;height: 20px;"></span>
icon that appears to the right of the name.
2. Click the {{< icon "add-label" >}} icon that appears to the right of the name.
The **Manage Labels** overlay will appear.
3. Type the name of the label you would like to add to filter the list of available labels.
Click the label you would like to add. More than one label can be added.

View File

@ -9,216 +9,166 @@ menu:
parent: Visualize data
weight: 101
---
The InfluxDB's user interface's (UI) dashboard views support the following visualization types,
which can be selected in the **Visualization Type** selection view of the
[Data Explorer](/v2.0/visualize-data/explore-metrics).
[Visualization Type selector](/img/chrono-viz-types-selector.png)
Each of the available visualization types and available user controls are described below.
* [Line Graph](#line-graph)
* [Stacked Graph](#stacked-graph)
* [Step Graph](#step-graph)
* [Graph](#graph)
* [Graph + Single Stat](#graph-single-stat)
* [Histogram](#histogram)
* [Single Stat](#single-stat)
* [Line Graph + Single Stat](#line-graph-single-stat)
* [Bar Graph](#bar-graph)
* [Gauge](#gauge)
* [Table](#table)
### Graphs
### Graph
There are several types of graphs you can create.
#### Line Graph
To select this view, select the **Graph** option from the visualization dropdown in the upper right.
The **Line Graph** view displays a time series in a line graph.
#### Graph Controls
![Line Graph selector](/img/chrono-viz-line-graph-selector.png)
##### Line Graph Controls
![Line Graph Controls](/img/chrono-viz-line-graph-controls.png)
Use the **Line Graph Controls** to specify the following:
To view **Graph** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
* **Geometry**: Select from the following options:
- **Line**: Display a time series in a line graph.
- **Stacked**: Display multiple time series bars as segments stacked on top of each other.
- **Step**: Display a time series in a staircase graph.
- **Bar**: Display the specified time series using a bar chart.
* **Line Colors**: Select a color scheme to use for your graph.
* **Title**: y-axis title. Enter title, if using a custom title.
- **auto**: Enable or disable auto-setting.
* **Min**: Minimum y-axis value.
- **auto**: Enable or disable auto-setting.
- **Auto** or **Custom**: Enable or disable auto-setting.
* **Max**: Maximum y-axis value.
- **auto**: Enable or disable auto-setting.
- **Auto** or **Custom**: Enable or disable auto-setting.
* **Y-Value's Prefix**: Prefix to be added to y-value.
* **Y-Value's Suffix**: Suffix to be added to y-value.
* **Y-Value's Format**: Toggle between **K/M/B** (Thousand/Million/Billion) and **K/M/G** (Kilo/Mega/Giga).
* **Y-Value's Format**: Select between **K/M/B** (Thousand/Million/Billion), **K/M/G** (Kilo/Mega/Giga), or **Raw**.
* **Scale**: Toggle between **Linear** and **Logarithmic**.
* **Static Legend**: Toggle between **Show** and **Hide**.
##### Line Graph example
![Line Graph example](/img/chrono-viz-line-graph-example.png)
#### Stacked Graph
The **Stacked Graph** view displays multiple time series bars as segments stacked on top of each other.
![Stacked Graph selector](/img/chrono-viz-stacked-graph-selector.png)
##### Stacked Graph Controls
![Stacked Graph Controls](/img/chrono-viz-stacked-graph-controls.png)
Use the **Stacked Graph Controls** to specify the following:
* **Title**: y-axis title. Enter title, if using a custom title.
- **auto**: Enable or disable auto-setting.
* **Min**: Minimum y-axis value.
- **auto**: Enable or disable auto-setting.
* **Max**: Maximum y-axis value.
- **auto**: Enable or disable auto-setting.
* **Y-Value's Prefix**: Prefix to be added to y-value.
* **Y-Value's Suffix**: Suffix to be added to y-value.
* **Y-Value's Format**: Toggle between **K/M/B** (Thousand/Million/Billion) and **K/M/G** (Kilo/Mega/Giga).
* **Scale**: Toggle between **Linear** and **Logarithmic**.
* **Static Legend**: Toggle between **Show** and **Hide**.
##### Stacked Graph example
![Stacked Graph example](/img/chrono-viz-stacked-graph-example.png)
### Step Graph
The **Step-Plot Graph** view displays a time series in a staircase graph.
![Step-Plot Graph selector](/img/chrono-viz-step-plot-graph-selector.png)
#### Step Graph Controls
![Step-Plot Graph Controls](/img/chrono-viz-step-plot-graph-controls.png)
Use the **Step-Plot Graph Controls** to specify the following:
* **Title**: y-axis title. Enter title, if using a custom title.
- **auto**: Enable or disable auto-setting.
* **Min**: Minimum y-axis value.
- **auto**: Enable or disable auto-setting.
* **Max**: Maximum y-axis value.
- **auto**: Enable or disable auto-setting.
* **Y-Value's Prefix**: Prefix to be added to y-value.
* **Y-Value's Suffix**: Suffix to be added to y-value.
* **Y-Value's Format**: Toggle between **K/M/B** (Thousand/Million/Billion) and **K/M/G** (Kilo/Mega/Giga).
* **Scale**: Toggle between **Linear** and **Logarithmic**.
#### Step-Plot Graph example
![Step-Plot Graph example](/img/chrono-viz-step-plot-graph-example.png)
### Bar Graph
The **Bar Graph** view displays the specified time series using a bar chart.
To select this view, click the Bar Graph selector icon.
![Bar Graph selector](/img/chrono-viz-bar-graph-selector.png)
#### Bar Graph Controls
![Bar Graph Controls](/img/chrono-viz-bar-graph-controls.png)
Use the **Bar Graph Controls** to specify the following:
* **Title**: y-axis title. Enter title, if using a custom title.
- **auto**: Enable or disable auto-setting.
* **Min**: Minimum y-axis value.
- **auto**: Enable or disable auto-setting.
* **Max**: Maximum y-axis value.
- **auto**: Enable or disable auto-setting.
* **Y-Value's Prefix**: Prefix to be added to y-value.
* **Y-Value's Suffix**: Suffix to be added to y-value.
* **Y-Value's Format**: Toggle between **K/M/B** (Thousand/Million/Billion) and **K/M/G** (Kilo/Mega/Giga).
* **Scale**: Toggle between **Linear** and **Logarithmic**.
#### Bar Graph example
##### Bar Graph example
![Bar Graph example](/img/chrono-viz-bar-graph-example.png)
### Graph + Single Stat
### Line Graph + Single Stat
The **Graph + Single Stat** view displays the specified time series in a line graph and overlays the single most recent value as a large numeric value.
The **Line Graph + Single Stat** view displays the specified time series in a line graph and overlays the single most recent value as a large numeric value.
To select this view, select the **Graph + Single Stat** option from the visualization dropdown in the upper right.
To select this view, click the **Line Graph + Single Stat** view option.
#### Graph + Single Stat Controls
![Line Graph + Single Stat selector](/img/chrono-viz-line-graph-single-stat-selector.png)
To view **Graph + Single Stat** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
#### Line Graph + Single Stat Controls
* **Line Colors**: Select the a color scheme to use for your graph.
![Line Graph + Single Stat Controls](/img/chrono-viz-line-graph-single-stat-controls.png)
* **Left Y Axis** section:
* **Title**: y-axis title. Enter title, if using a custom title.
* **Min**: Minimum y-axis value.
- **Auto** or **Custom**: Enable or disable auto-setting.
* **Max**: Maximum y-axis value.
- **Auto** or **Custom**: Enable or disable auto-setting.
* **Y-Value's Prefix**: Prefix to be added to y-value.
* **Y-Value's Suffix**: Suffix to be added to y-value.
* **Y-Value's Format**: Select between **K/M/B** (Thousand/Million/Billion), **K/M/G** (Kilo/Mega/Giga), or **Raw**.
* **Scale**: Toggle between **Linear** and **Logarithmic**.
Use the **Line Graph + Single Stat Controls** to specify the following:
* **Customize Single-Stat** section:
* **Prefix**: Prefix to be added to the single stat.
* **Suffix**: Suffix to be added to the single stat.
* **Decimal Places**: The number of decimal places to display for the single stat.
- **Auto** or **Custom**: Enable or disable auto-setting.
* **Title**: y-axis title. Enter title, if using a custom title.
- **auto**: Enable or disable auto-setting.
* **Min**: Minimum y-axis value.
- **auto**: Enable or disable auto-setting.
* **Max**: Maximum y-axis value.
- **auto**: Enable or disable auto-setting.
* **Y-Value's Prefix**: Prefix to be added to y-value.
* **Y-Value's Suffix**: Suffix to be added to y-value.
* **Y-Value's Format**: Toggle between **K/M/B** (Thousand/Million/Billion) and **K/M/G** (Kilo/Mega/Giga).
* **Scale**: Toggle between **Linear** and **Logarithmic**.
* **Colorized Thresholds** section:
* **Base Color**: Select a base, or background, color from the selection list.
* **Add a Threshold**: Change the color of the single stat based on the current value.
* **Value is**: Enter the value at which the single stat should appear in the selected color. Choose a color from the dropdown menu next to the value.
* **Colorization**: Choose **Text** for the single stat to change color based on the configured thresholds. Choose **Background** for the background of the graph to change color based on the configured thresholds.
#### Line Graph + Single Stat example
#### Graph + Single Stat example
![Line Graph + Single Stat example](/img/chrono-viz-line-graph-single-stat-example.png)
### Histogram
A histogram is a way to view the distribution of data. Unlike column charts, histograms have no time axis. The y-axis is dedicated to count, and the x-axis is divided into bins.
To select this view, select the **Histogram** option from the visualization dropdown in the upper right.
#### Histogram Controls
To view **Histogram** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
* **Data** section:
* **Column**: The column to select data from.
* **Group By**: The tags to sort by.
* **Options** section:
* **Color Scheme**: Select a color scheme to use for your graph.
* **Positioning**: Select (**Stacked**) to display data stacked on top of each other for each bin, or select
* **Bins**: Enter a number of bins to divide data into or select Auto to automatically calculate the number of bins.
* **Auto** or **Custom**: Enable or disable auto-setting.
#### Histogram example
![Histogram example](/img/histogram_example.png)
### Single Stat
The **Single Stat** view displays the most recent value of the specified time series as a numerical value.
![Single Stat view](/img/chrono-viz-single-stat-selector.png)
To select this view, select the **Single Stat** option from the visualization dropdown in the upper right.
#### Single Stat Controls
Use the **Single Stat Controls** panel to specify one or more thresholds:
To view **Single Stat** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
* **Add Threshold**: Button to add a new threshold.
* **Base Color**: Select a base, or background, color from the selection list.
* Color options: Ruby, Fire, Curacao, Tiger, Pineapple, Thunder, Honeydew, Rainforest, Viridian, Ocean, Pool, Laser (default), Planet, Star, Comet, Pepper, Graphite, White, and Castle.
* **Prefix**: Prefix. For example, `%`, `MPH`, etc.
* **Suffix**: Suffix. For example, `%`, `MPH`, etc.
* Threshold Coloring: Toggle between **Background** and **Text**
* **Customize Single-Stat** section:
* **Prefix**: Prefix to be added to the single stat.
* **Suffix**: Suffix to be added to the single stat.
* **Decimal Places**: The number of decimal places to display for the single stat.
- **Auto** or **Custom**: Enable or disable auto-setting.
* **Colorized Thresholds** section:
* **Base Color**: Select a base, or background, color from the selection list.
* **Add a Threshold**: Change the color of the single stat based on the current value.
* **Value is**: Enter the value at which the single stat should appear in the selected color. Choose a color from the dropdown menu next to the value.
* **Colorization**: Choose **Text** for the single stat to change color based on the configured thresholds. Choose **Background** for the background of the graph to change color based on the configured thresholds.
### Gauge
The **Gauge** view displays the single value most recent value for a time series in a gauge view.
To select this view, click the Gauge selector icon.
![Gauge selector](/img/chrono-viz-gauge-selector.png)
To select this view, select the **Gauge** option from the visualization dropdown in the upper right.
#### Gauge Controls
![Gauge Controls](/img/chrono-viz-gauge-controls.png)
To view **Gauge** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
Use the **Gauge Controls** to specify the following:
* **Customize Gauge** section:
* **Prefix**: Prefix to be added to the gauge.
* **Suffix**: Suffix to be added to the gauge.
* **Decimal Places**: The number of decimal places to display for the the gauge.
- **Auto** or **Custom**: Enable or disable auto-setting.
* **Add Threshold**: Click button to add a threshold.
* **Min**: Minimum value for the threshold.
- Select color to display. Selection list options include: Laser (default), Ruby, Fire, Curacao, Tiger, Pineapple, Thunder, and Honeydew.
* **Max**: Maximum value for the threshold.
- Select color to display. Selection list options include: Laser (default), Ruby, Fire, Curacao, Tiger, Pineapple, Thunder, and Honeydew.
* **Prefix**: Prefix. For example, `%`, `MPH`, etc.
* **Suffix**: Suffix. For example, `%`, `MPH`, etc.
* **Colorized Thresholds** section:
* **Base Color**: Select a base, or background, color from the selection list.
* **Add a Threshold**: Change the color of the gauge based on the current value.
* **Value is**: Enter the value at which the gauge should appear in the selected color. Choose a color from the dropdown menu next to the value.
#### Gauge example
@ -226,35 +176,34 @@ Use the **Gauge Controls** to specify the following:
### Table
The **Table** panel displays the results of queries in a tabular view, which is sometimes easier to analyze than graph views of data.
The **Table** option displays the results of queries in a tabular view, which is sometimes easier to analyze than graph views of data.
![Table selector](/img/chrono-viz-table-selector.png)
To select this view, select the **Table** option from the visualization dropdown in the upper right.
#### Table Controls
![Table Controls](/img/chrono-viz-table-controls.png)
To view **Table** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
Use the **Table Controls** to specify the following:
* **Customize Table** section:
* **Default Sort Field**: Select the default sort field. Default is **time**.
* **Time Format**: Select the time format.
- Options include: `MM/DD/YYYY HH:mm:ss` (default), `MM/DD/YYYY HH:mm:ss.SSS`, `YYYY-MM-DD HH:mm:ss`, `HH:mm:ss`, `HH:mm:ss.SSS`, `MMMM D, YYYY HH:mm:ss`, `dddd, MMMM D, YYYY HH:mm:ss`, or `Custom`.
* **Default Sort Field**: Select the default sort field. Default is **time**.
* **Decimal Places**: Enter the number of decimal places. Default (empty field) is **unlimited**.
- **Auto** or **Custom**: Enable or disable auto-setting.
* **Default Sort Field**: Select the default sort field. Default is **time**.
* **Decimal Places**: Enter the number of decimal places. Default (empty field) is **unlimited**.
* **Time Axis**: Select **Vertical** or **Horizontal**.
* **Time Format**: Select the time format.
- Options include: `MM/DD/YYYY HH:mm:ss` (default), `MM/DD/YYYY HH:mm:ss.SSS`, `YYYY-MM-DD HH:mm:ss`, `HH:mm:ss`, `HH:mm:ss.SSS`, `MMMM D, YYYY HH:mm:ss`, `dddd, MMMM D, YYYY HH:mm:ss`, or `Custom`.
* **Lock First Column**: Lock the first column so that the listings are always visible. Threshold settings do not apply in the first column when locked.
* **Customize Field**:
- **time**: Enter a new name to rename.
- [additional]: Enter name for each additional column.
- Change the order of the column by dragging to the desired position.
* **Thresholds**
* **Column Settings** section:
* **First Column**: Toggle to **Fixed** to lock the first column so that the listings are always visible. Threshold settings do not apply in the first column when locked.
* **Table Columns**:
- Enter a new name to rename any of the columns.
- Click the eye icon next to a column to hide it.
- [additional]: Enter name for each additional column.
- Change the order of the columns by dragging to the desired position.
{{% note %}}
Threshold settings apply to any cells with values, except when they appear in the first column and **Lock First Column** is enabled.
{{% /note %}}
- **Add Threshold** (button): Click to add a threshold.
- **Base Color**: Select a base, or background, color from the selection list.
* Color options: Ruby, Fire, Curacao, Tiger, Pineapple, Thunder, Honeydew, Rainforest, Viridian, Ocean, Pool, Laser (default), Planet, Star, Comet, Pepper, Graphite, White, and Castle.
* **Colorized Thresholds** section:
* **Base Color**: Select a base, or background, color from the selection list.
* **Add a Threshold**: Change the color of the table based on the current value.
* **Value is**: Enter the value at which the table should appear in the selected color. Choose a color from the dropdown menu next to the value.
#### Table view example

View File

@ -0,0 +1,51 @@
{{ $icon := .Get 0 | default "nav-admin" }}
{{ if or (eq $icon "nav-admin") (eq $icon "influx") (eq $icon "influx-icon") }}
<span class="inline icon-ui-influx-icon middle"></span>
{{ else if or (eq $icon "nav-data-explorer") (eq $icon "data-explorer") (eq $icon "graph") }}
<span class="inline icon-ui-data-explorer middle large"></span>
{{ else if or (eq $icon "nav-dashboards") (eq $icon "dashboard") (eq $icon "dashboards") }}
<span class="inline icon-ui-dashboards middle"></span>
{{ else if or (eq $icon "nav-tasks") (eq $icon "calendar") (eq $icon "tasks") }}
<span class="inline icon-ui-calendar"></span>
{{ else if or (eq $icon "nav-organizations") (eq $icon "nav-orgs") (eq $icon "orgs") (eq $icon "org") }}
<span class="inline icon-ui-organizations middle"></span>
{{ else if or (eq $icon "nav-configuration") (eq $icon "nav-config") (eq $icon "wrench") }}
<span class="inline icon-ui-wrench middle large"></span>
{{ else if eq $icon "add-cell" }}
<span class="inline icon-ui-add-cell small"></span>
{{ else if eq $icon "alert" }}
<span class="inline icon-ui-alert middle"></span>
{{ else if or (eq $icon "checkmark") (eq $icon "check") }}
<span class="inline icon-ui-checkmark middle"></span>
{{ else if or (eq $icon "gear") (eq $icon "cog") (eq $icon "settings") (eq $icon "config") }}
<span class="inline icon-ui-cog-thick middle small"></span>
{{ else if eq $icon "download" }}
<span class="inline icon-ui-download middle"></span>
{{ else if or (eq $icon "duplicate") (eq $icon "copy") (eq $icon "clone") }}
<span class="inline icon-ui-duplicate middle small"></span>
{{ else if or (eq $icon "export") (eq $icon "save-as") }}
<span class="inline icon-ui-export middle small"></span>
{{ else if or (eq $icon "expand") (eq $icon "fullscreen") }}
<span class="inline icon-ui-fullscreen middle large"></span>
{{ else if eq $icon "note" }}
<span class="inline icon-ui-note middle small"></span>
{{ else if eq $icon "pause" }}
<span class="inline icon-ui-pause middle"></span>
{{ else if or (eq $icon "pencil") (eq $icon "edit") }}
<span class="inline icon-ui-pencil middle small"></span>
{{ else if eq $icon "play" }}
<span class="inline icon-ui-play middle small"></span>
{{ else if eq $icon "plus" }}
<span class="inline icon-ui-plus middle xsmall"></span>
{{ else if or (eq $icon "refresh") (eq $icon "replay") }}
<span class="inline icon-ui-refresh middle small"></span>
{{ else if or (eq $icon "remove") (eq $icon "x") }}
<span class="inline icon-ui-remove middle small"></span>
{{ else if eq $icon "search" }}
<span class="inline icon-ui-search middle small"></span>
{{ else if eq $icon "triangle" }}
<span class="inline icon-ui-triangle middle"></span>
{{ else if eq $icon "add-label" }}
<span class="inline add-btn-round">&#59696;</span>
{{ end }}

View File

@ -0,0 +1,27 @@
{{ $navIcon := lower (.Get 0) | default "admin" }}
{{ if eq $navIcon "admin" }}
{{ .Scratch.Set "icon" "influx-icon" }}
{{ .Scratch.Set "title" "admin" }}
{{ else if or (eq $navIcon "data-explorer") (eq $navIcon "data explorer") }}
{{ .Scratch.Set "icon" "data-explorer" }}
{{ .Scratch.Set "title" "Data Explorer" }}
{{ else if eq $navIcon "dashboards" }}
{{ .Scratch.Set "icon" "dashboards" }}
{{ .Scratch.Set "title" "Dashboards" }}
{{ else if eq $navIcon "tasks" }}
{{ .Scratch.Set "icon" "calendar" }}
{{ .Scratch.Set "title" "Tasks" }}
{{ else if or (eq $navIcon "organizations") (eq $navIcon "orgs") }}
{{ .Scratch.Set "icon" "organizations" }}
{{ .Scratch.Set "title" "Organizations" }}
{{ else if or (eq $navIcon "configuration") (eq $navIcon "config") }}
{{ .Scratch.Set "icon" "wrench" }}
{{ .Scratch.Set "title" "Configuration" }}
{{ end }}
{{ $icon := .Scratch.Get "icon" }}
{{ $title := .Scratch.Get "title" }}
<div class="nav-icon">
<strong><span class ="icon icon-ui-{{ $icon }}"></span> {{ $title }}</strong>
</div>

Binary file not shown.

View File

@ -38,10 +38,35 @@
<glyph unicode="&#xe91c;" glyph-name="download" d="M896 341.334c-25.6 0-42.667-17.067-42.667-42.667v-170.667c0-25.6-17.067-42.667-42.667-42.667h-597.333c-25.6 0-42.667 17.067-42.667 42.667v170.667c0 25.6-17.067 42.667-42.667 42.667s-42.667-17.067-42.667-42.667v-170.667c0-72.533 55.467-128 128-128h597.333c72.533 0 128 55.467 128 128v170.667c0 25.6-17.067 42.667-42.667 42.667zM482.133 268.8c4.267-4.267 8.533-8.533 12.8-8.533 4.267-4.267 12.8-4.267 17.067-4.267s12.8 0 17.067 4.267c4.267 4.267 8.533 4.267 12.8 8.533l213.333 213.333c17.067 17.067 17.067 42.667 0 59.733s-42.667 17.067-59.733 0l-140.8-140.8v409.6c0 25.6-17.067 42.667-42.667 42.667s-42.667-17.067-42.667-42.667v-409.6l-140.8 140.8c-17.067 17.067-42.667 17.067-59.733 0s-17.067-42.667 0-59.733l213.333-213.333z" />
<glyph unicode="&#xe91d;" glyph-name="minus" d="M810.667 469.334h-597.333c-25.6 0-42.667-17.067-42.667-42.667s17.067-42.667 42.667-42.667h597.333c25.6 0 42.667 17.067 42.667 42.667s-17.067 42.667-42.667 42.667z" />
<glyph unicode="&#xe91e;" glyph-name="plus" d="M810.667 469.334h-256v256c0 25.6-17.067 42.667-42.667 42.667s-42.667-17.067-42.667-42.667v-256h-256c-25.6 0-42.667-17.067-42.667-42.667s17.067-42.667 42.667-42.667h256v-256c0-25.6 17.067-42.667 42.667-42.667s42.667 17.067 42.667 42.667v256h256c25.6 0 42.667 17.067 42.667 42.667s-17.067 42.667-42.667 42.667z" />
<glyph unicode="&#xe91f;" glyph-name="ui-add-cell" d="M416 960h-384c-17.92 0-32-14.080-32-32v-384c0-17.92 14.080-32 32-32h384c17.92 0 32 14.080 32 32v384c0 17.92-14.080 32-32 32zM992 384h-384c-17.92 0-32-14.080-32-32v-384c0-17.92 14.080-32 32-32h384c17.92 0 32 14.080 32 32v384c0 17.92-14.080 32-32 32zM416 384h-384c-17.92 0-32-14.080-32-32v-384c0-17.92 14.080-32 32-32h384c17.92 0 32 14.080 32 32v384c0 17.92-14.080 32-32 32zM608 704h160v-160c0-17.92 14.080-32 32-32s32 14.080 32 32v160h160c17.92 0 32 14.080 32 32s-14.080 32-32 32h-160v160c0 17.92-14.080 32-32 32s-32-14.080-32-32v-160h-160c-17.92 0-32-14.080-32-32s14.080-32 32-32z" />
<glyph unicode="&#xe920;" glyph-name="ui-alert" d="M1005.854 159.754l-438.286 767c-11.394 19.94-32.6 32.246-55.568 32.246s-44.174-12.306-55.568-32.246l-438.286-767c-11.32-19.808-11.238-44.144 0.214-63.876s32.54-31.876 55.354-31.876h876.572c22.814 0 43.904 12.144 55.354 31.876s11.534 44.068 0.214 63.876zM576 192h-128v128h128v-128zM576 384h-128v256h128v-256z" />
<glyph unicode="&#xe921;" glyph-name="ui-calendar" d="M884.364 820.364h-46.545v46.545c0 23.273-23.273 46.545-46.545 46.545s-46.545-23.273-46.545-46.545v-46.545h-465.455v46.545c0 23.273-23.273 46.545-46.545 46.545s-46.545-23.273-46.545-46.545v-46.545h-46.545c-79.127 0-139.636-60.509-139.636-139.636v-605.091c0-74.473 60.509-139.636 139.636-139.636h744.727c79.127 0 139.636 65.164 139.636 139.636v605.091c0 79.127-60.509 139.636-139.636 139.636zM930.909 75.636c0-23.273-23.273-46.545-46.545-46.545h-744.727c-23.273 0-46.545 23.273-46.545 46.545v418.909h837.818v-418.909zM93.091 587.636v93.091c0 23.273 23.273 46.545 46.545 46.545h46.545v-46.545c0-23.273 23.273-46.545 46.545-46.545s46.545 23.273 46.545 46.545v46.545h465.455v-46.545c0-23.273 23.273-46.545 46.545-46.545s46.545 23.273 46.545 46.545v46.545h46.545c23.273 0 46.545-23.273 46.545-46.545v-93.091h-837.818zM372.364 401.455h93.091v-93.091h-93.091v93.091zM558.545 401.455h93.091v-93.091h-93.091v93.091zM186.182 215.273h93.091v-93.091h-93.091v93.091zM372.364 215.273h93.091v-93.091h-93.091v93.091zM558.545 215.273h93.091v-93.091h-93.091v93.091zM744.727 401.455h93.091v-93.091h-93.091v93.091z" />
<glyph unicode="&#xe922;" glyph-name="ui-checkmark" d="M345.6 104.96l-271.36 271.36c-33.28 33.28-38.4 89.6-7.68 128 35.84 38.4 94.72 38.4 130.56 2.56l168.96-168.96c5.12-5.12 12.8-5.12 15.36 0l442.88 442.88c35.84 35.84 94.72 35.84 130.56-2.56 33.28-35.84 28.16-92.16-7.68-128l-542.72-542.72c-15.36-20.48-43.52-20.48-58.88-2.56z" />
<glyph unicode="&#xe923;" glyph-name="ui-cog-thick" d="M985.6 552.96h-92.16c-7.68 30.72-20.48 61.44-35.84 89.6l64 64c15.36 15.36 15.36 40.96 0 53.76l-94.72 97.28c-15.36 15.36-40.96 15.36-53.76 0l-66.56-66.56c-28.16 15.36-56.32 28.16-87.040 35.84v94.72c0 20.48-17.92 38.4-38.4 38.4h-133.12c-20.48 0-38.4-17.92-38.4-38.4v-94.72c-30.72-7.68-61.44-20.48-87.040-35.84l-69.12 66.56c-15.36 15.36-40.96 15.36-56.32 0l-94.72-94.72c-15.36-15.36-15.36-40.96 0-56.32l64-64c-15.36-28.16-28.16-56.32-35.84-89.6h-92.16c-20.48 0-38.4-17.92-38.4-38.4v-133.12c0-20.48 17.92-38.4 38.4-38.4h92.16c7.68-30.72 20.48-61.44 35.84-89.6l-64-64c-15.36-15.36-15.36-40.96 0-53.76l94.72-97.28c15.36-15.36 40.96-15.36 53.76 0l66.56 66.56c28.16-15.36 56.32-28.16 87.040-35.84v-94.72c0-20.48 17.92-38.4 38.4-38.4h133.12c20.48 0 38.4 17.92 38.4 38.4v94.72c30.72 7.68 61.44 20.48 87.040 35.84l66.56-66.56c15.36-15.36 40.96-15.36 53.76 0l94.72 94.72c15.36 15.36 15.36 40.96 0 53.76l-64 64c15.36 28.16 28.16 56.32 35.84 89.6h92.16c20.48 0 38.4 17.92 38.4 38.4v133.12c5.12 25.6-12.8 40.96-33.28 40.96zM512 232.96c-117.76 0-215.040 97.28-215.040 215.040s97.28 215.040 215.040 215.040 215.040-97.28 215.040-215.040-97.28-215.040-215.040-215.040z" />
<glyph unicode="&#xe924;" glyph-name="ui-dashboards" horiz-adv-x="1071" d="M930.909 820.364h-791.273c-79.127 0-139.636-60.509-139.636-139.636v-465.455c0-74.473 60.509-139.636 139.636-139.636h791.273c79.127 0 139.636 65.164 139.636 139.636v465.455c0 79.127-60.509 139.636-139.636 139.636zM93.091 680.727c0 23.273 23.273 46.545 46.545 46.545h186.182v-232.727h-232.727v186.182zM139.636 168.727c-23.273 0-46.545 23.273-46.545 46.545v186.182h232.727v-232.727h-186.182zM418.909 168.727v232.727h232.727v-232.727h-232.727zM977.455 215.273c0-23.273-23.273-46.545-46.545-46.545h-186.182v232.727h232.727v-186.182zM418.909 494.545v232.727h512c23.273 0 46.545-23.273 46.545-46.545v-186.182h-558.545z" />
<glyph unicode="&#xe925;" glyph-name="ui-data-explorer" d="M931.84 583.68c-25.6 15.36-56.32 17.92-81.92 7.68l-120.32 161.28c2.56 2.56 2.56 5.12 5.12 7.68 28.16 48.64 10.24 112.64-38.4 140.8s-112.64 10.24-140.8-38.4c-25.6-43.52-12.8-99.84 25.6-130.56l-197.12-545.28c-12.8 0-23.040-2.56-35.84-5.12l-120.32 158.72c2.56 2.56 2.56 5.12 5.12 7.68 28.16 48.64 10.24 112.64-38.4 140.8s-110.080 10.24-138.24-38.4-10.24-112.64 38.4-140.8c25.6-15.36 56.32-17.92 84.48-7.68l120.32-158.72c-2.56-2.56-2.56-2.56-5.12-5.12-28.16-48.64-10.24-112.64 38.4-140.8s112.64-10.24 140.8 38.4c25.6 46.080 12.8 102.4-25.6 133.12l192 540.16c12.8 0 23.040 2.56 35.84 5.12l120.32-158.72c-2.56-2.56-2.56-5.12-5.12-7.68-28.16-48.64-10.24-112.64 38.4-140.8s112.64-10.24 140.8 38.4 10.24 110.080-38.4 138.24z" />
<glyph unicode="&#xe926;" glyph-name="ui-download" d="M407.040 427.52h-125.44c-35.84 0-56.32-46.080-28.16-71.68l258.56-258.56 261.12 261.12c28.16 28.16 7.68 71.68-28.16 71.68l-128-2.56-5.12 430.080c0 58.88-46.080 102.4-102.4 102.4-58.88 0-102.4-46.080-102.4-102.4v-430.080zM908.8 192v-51.2c0-48.64-40.96-89.6-89.6-89.6h-614.4c-48.64 0-89.6 40.96-89.6 89.6v51.2c0 20.48-17.92 38.4-38.4 38.4s-38.4-17.92-38.4-38.4v-51.2c0-92.16 74.24-166.4 166.4-166.4h614.4c92.16 0 166.4 74.24 166.4 166.4v51.2c0 20.48-17.92 38.4-38.4 38.4v0c-20.48 0-38.4-17.92-38.4-38.4z" />
<glyph unicode="&#xe927;" glyph-name="ui-duplicate" d="M921.6 960h-563.2c-56.32 0-102.4-46.080-102.4-102.4v-153.6h-153.6c-56.32 0-102.4-46.080-102.4-102.4v-563.2c0-56.32 46.080-102.4 102.4-102.4h563.2c56.32 0 102.4 46.080 102.4 102.4v153.6h153.6c56.32 0 102.4 46.080 102.4 102.4v563.2c0 56.32-46.080 102.4-102.4 102.4zM691.2 38.4c0-12.8-12.8-25.6-25.6-25.6h-563.2c-12.8 0-25.6 12.8-25.6 25.6v563.2c0 12.8 12.8 25.6 25.6 25.6h153.6v-332.8c0-56.32 46.080-102.4 102.4-102.4h332.8v-153.6z" />
<glyph unicode="&#xe928;" glyph-name="ui-export" d="M204.8 921.6h230.4c20.48 0 38.4-17.92 38.4-38.4s-17.92-38.4-38.4-38.4h-230.4c-48.64 0-89.6-40.96-89.6-89.6v-614.4c0-48.64 40.96-89.6 89.6-89.6h614.4c48.64 0 89.6 40.96 89.6 89.6v230.4c0 20.48 17.92 38.4 38.4 38.4s38.4-17.92 38.4-38.4v-230.4c0-92.16-74.24-166.4-166.4-166.4h-614.4c-92.16 0-166.4 74.24-166.4 166.4v614.4c0 92.16 74.24 166.4 166.4 166.4zM678.4 760.32l-89.6 89.6c-25.6 25.6-7.68 71.68 30.72 71.68h368.64v-368.64c0-38.4-46.080-56.32-71.68-30.72l-89.6 89.6-250.88-250.88c-40.96-40.96-104.96-40.96-145.92 0s-40.96 104.96 0 145.92l248.32 253.44z" />
<glyph unicode="&#xe929;" glyph-name="ui-fullscreen" d="M870.4 217.6c0-12.8-12.8-25.6-25.6-25.6h-665.6c-12.8 0-25.6 12.8-25.6 25.6v460.8c0 12.8 12.8 25.6 25.6 25.6h665.6c12.8 0 25.6-12.8 25.6-25.6v-460.8zM89.6 780.8h153.6c7.68 0 12.8 5.12 12.8 12.8v51.2c0 7.68-5.12 12.8-12.8 12.8h-166.4c-43.52 0-76.8-33.28-76.8-76.8v-166.4c0-7.68 5.12-12.8 12.8-12.8h51.2c7.68 0 12.8 5.12 12.8 12.8v153.6c0 7.68 5.12 12.8 12.8 12.8zM76.8 128v153.6c0 7.68-5.12 12.8-12.8 12.8h-51.2c-7.68 0-12.8-5.12-12.8-12.8v-166.4c0-43.52 33.28-76.8 76.8-76.8h166.4c7.68 0 12.8 5.12 12.8 12.8v51.2c0 7.68-5.12 12.8-12.8 12.8h-153.6c-7.68 0-12.8 5.12-12.8 12.8zM934.4 115.2h-153.6c-7.68 0-12.8-5.12-12.8-12.8v-51.2c0-7.68 5.12-12.8 12.8-12.8h166.4c43.52 0 76.8 33.28 76.8 76.8v166.4c0 7.68-5.12 12.8-12.8 12.8h-51.2c-7.68 0-12.8-5.12-12.8-12.8v-153.6c0-7.68-5.12-12.8-12.8-12.8zM947.2 768v-153.6c0-7.68 5.12-12.8 12.8-12.8h51.2c7.68 0 12.8 5.12 12.8 12.8v166.4c0 43.52-33.28 76.8-76.8 76.8h-166.4c-7.68 0-12.8-5.12-12.8-12.8v-51.2c0-7.68 5.12-12.8 12.8-12.8h153.6c7.68 0 12.8-5.12 12.8-12.8z" />
<glyph unicode="&#xe92a;" glyph-name="ui-influx-icon" d="M1024 299.055c0 0 0 0 0 0 0 9.309 0 13.964 0 18.618 0 0 0 0 0 0s0 0 0 0 0 0 0 0l-111.709 465.455c0 4.655-4.655 9.309-4.655 13.964 0 0 0 4.655-4.655 4.655-4.655 4.655-4.655 4.655-9.309 9.309 0 0 0 0 0 0-4.655 0-9.309 4.655-9.309 4.655l-465.455 139.636c-9.309 4.655-13.964 4.655-13.964 4.655s0 0 0 0c-9.309 0-13.964 0-18.618-4.655 0 0-4.655 0-4.655 0-4.655 0-9.309-4.655-13.964-9.309l-353.745-325.818c0 0 0 0 0 0s0 0 0 0 0 0 0 0c-4.655 0-4.655-4.655-9.309-9.309 0 0 0-4.655 0-4.655-4.655-4.655-4.655-9.309-4.655-13.964 0 0 0 0 0 0 0-4.655 0-9.309 0-13.964l111.709-465.455c0-4.655 0-4.655 4.655-9.309 0 0 0 0 0 0 4.655-4.655 4.655-9.309 9.309-13.964 0 0 0 0 4.655-4.655s9.309-4.655 13.964-9.309c0 0 0 0 0 0s0 0 0 0 0 0 0 0l465.455-139.636c4.655 0 9.309 0 13.964 0s9.309 0 13.964 4.655c0 0 4.655 0 4.655 0 4.655 0 4.655 4.655 9.309 4.655 0 0 0 0 0 0l353.745 325.818c4.655 4.655 4.655 4.655 9.309 9.309 0 0 0 0 0 0 4.655 4.655 4.655 9.309 9.309 18.618zM214.109 154.764l55.855 172.218 377.018-111.709-55.855-172.218-377.018 111.709zM400.291 848.291l125.673-134.982-283.927-260.655-130.327 134.982 288.582 260.655zM921.6 340.945l-181.527-41.891-88.436 377.018 181.527 41.891 88.436-377.018zM567.855 624.873l74.473-311.855-311.855 93.091 237.382 218.764zM609.745 764.509l-51.2 51.2 125.673-37.236-74.473-13.964zM130.327 429.382l55.855-55.855-23.273-74.473-32.582 130.327zM740.073 205.964l74.473 18.618-97.745-93.091 23.273 74.473z" />
<glyph unicode="&#xe92b;" glyph-name="ui-note" d="M1024 806.4c0-15.36-12.8-25.6-25.6-25.6h-537.6c-12.8 0-25.6 10.24-25.6 25.6v128c0 15.36 12.8 25.6 25.6 25.6h537.6c12.8 0 25.6-10.24 25.6-25.6v-128zM1024 524.8c0-12.8-12.8-25.6-25.6-25.6h-972.8c-15.36 0-25.6 12.8-25.6 25.6v128c0 15.36 10.24 25.6 25.6 25.6h972.8c12.8 0 25.6-10.24 25.6-25.6v-128zM1024 243.2c0-12.8-12.8-25.6-25.6-25.6h-972.8c-15.36 0-25.6 12.8-25.6 25.6v128c0 12.8 10.24 25.6 25.6 25.6h972.8c12.8 0 25.6-12.8 25.6-25.6v-128zM588.8-38.4c0-12.8-12.8-25.6-25.6-25.6h-537.6c-15.36 0-25.6 12.8-25.6 25.6v128c0 12.8 10.24 25.6 25.6 25.6h537.6c12.8 0 25.6-12.8 25.6-25.6v-128z" />
<glyph unicode="&#xe92c;" glyph-name="ui-organizations" horiz-adv-x="931" d="M786.618 643.491c32.582 37.236 51.2 79.127 51.2 130.327 0 102.4-83.782 186.182-186.182 186.182s-186.182-83.782-186.182-186.182c0-51.2 18.618-93.091 51.2-130.327-18.618-9.309-37.236-23.273-51.2-37.236-9.309 93.091-88.436 167.564-186.182 167.564-102.4 0-186.182-83.782-186.182-186.182 0-51.2 18.618-93.091 51.2-125.673-83.782-46.545-144.291-139.636-144.291-246.691v-186.182c0-51.2 41.891-93.091 93.091-93.091h372.364c51.2 0 93.091 41.891 93.091 93.091v93.091h279.273c51.2 0 93.091 41.891 93.091 93.091v176.873c0 107.055-55.855 204.8-144.291 251.345zM651.636 866.909c51.2 0 93.091-41.891 93.091-93.091s-41.891-93.091-93.091-93.091c-51.2 0-93.091 41.891-93.091 93.091s41.891 93.091 93.091 93.091zM186.182 587.636c0 51.2 41.891 93.091 93.091 93.091s93.091-41.891 93.091-93.091c0-51.2-41.891-93.091-93.091-93.091s-93.091 41.891-93.091 93.091zM465.455 29.091h-372.364v186.182c0 102.4 83.782 186.182 186.182 186.182s186.182-83.782 186.182-186.182v-186.182zM837.818 215.273h-279.273c0 79.127-37.236 153.6-88.436 204.8 13.964 83.782 79.127 158.255 162.909 167.564 111.709 9.309 204.8-79.127 204.8-186.182v-186.182z" />
<glyph unicode="&#xe92d;" glyph-name="ui-pause" d="M435.2 102.4c0-20.48-17.92-38.4-38.4-38.4h-128c-20.48 0-38.4 17.92-38.4 38.4v691.2c0 20.48 17.92 38.4 38.4 38.4h128c20.48 0 38.4-17.92 38.4-38.4v-691.2zM793.6 102.4c0-20.48-17.92-38.4-38.4-38.4h-128c-20.48 0-38.4 17.92-38.4 38.4v691.2c0 20.48 17.92 38.4 38.4 38.4h128c20.48 0 38.4-17.92 38.4-38.4v-691.2z" />
<glyph unicode="&#xe92e;" glyph-name="ui-pencil" horiz-adv-x="896" d="M704 896l-128-128 192-192 128 128-192 192zM0 192l0.688-192.562 191.312 0.562 512 512-192 192-512-512zM192 64h-128v128h64v-64h64v-64z" />
<glyph unicode="&#xe92f;" glyph-name="ui-play" d="M783.36 476.16l-458.24 399.36c-17.92 15.36-43.52 2.56-43.52-17.92v-819.2c0-23.040 25.6-33.28 43.52-20.48l458.24 399.36c15.36 17.92 15.36 43.52 0 58.88z" />
<glyph unicode="&#xe930;" glyph-name="ui-plus" d="M929.28 537.6h-302.080c-12.8 0-25.6 10.24-25.6 25.6v302.080c0 48.64-35.84 92.16-84.48 94.72-51.2 2.56-94.72-38.4-94.72-89.6v-307.2c0-12.8-10.24-25.6-25.6-25.6h-302.080c-48.64 0-92.16-35.84-94.72-84.48-2.56-51.2 38.4-94.72 89.6-94.72h307.2c12.8 0 25.6-10.24 25.6-25.6v-302.080c0-48.64 35.84-92.16 84.48-94.72 51.2-2.56 94.72 38.4 94.72 89.6v307.2c0 12.8 10.24 25.6 25.6 25.6h307.2c51.2 0 92.16 43.52 89.6 94.72-2.56 48.64-46.080 84.48-94.72 84.48z" />
<glyph unicode="&#xe931;" glyph-name="ui-refresh" d="M874.24 810.24c-76.8 76.8-176 127.36-284.8 144-135.040 20.48-270.080-12.8-380.8-93.44-110.080-81.28-182.4-200.32-202.88-335.36-5.12-35.2 18.56-67.84 53.76-72.96 3.2-0.64 6.4-0.64 9.6-0.64 31.36 0 58.24 22.4 63.36 54.4 15.36 101.12 69.76 190.72 152.32 251.52s184.32 85.76 285.44 70.4c81.92-12.16 156.16-50.56 213.76-108.16l-144-144h384v384l-149.76-149.76zM964.48 443.52c-35.2 5.12-67.84-18.56-72.96-53.76-32-209.28-228.48-353.92-437.76-321.92-81.28 12.16-156.16 50.56-213.76 108.16l144 144h-384v-384l149.76 149.76c76.8-76.8 176.64-127.36 284.8-144 26.24-3.84 51.84-5.76 77.44-5.76 248.32 0 467.2 181.76 505.6 434.56 5.76 35.2-17.92 67.84-53.12 72.96z" />
<glyph unicode="&#xe932;" glyph-name="ui-remove" d="M640 448l236.16 236.16c24.96 24.96 24.96 65.92 0 90.24l-37.76 37.76c-24.96 24.96-65.92 24.96-90.24 0l-236.16-236.16-236.16 236.16c-24.96 24.96-65.92 24.96-90.24 0l-37.76-37.76c-24.96-24.96-24.96-65.92 0-90.24l236.16-236.16-236.16-236.16c-24.96-24.96-24.96-65.92 0-90.24l37.76-37.76c24.96-24.96 65.92-24.96 90.24 0l236.16 236.16 236.16-236.16c24.96-24.96 65.92-24.96 90.24 0l37.76 37.76c24.96 24.96 24.96 65.92 0 90.24l-236.16 236.16z" />
<glyph unicode="&#xe933;" glyph-name="ui-search" d="M993.28 92.16l-202.24 202.24c40.96 64 64 135.68 64 217.6 0 225.28-181.76 407.040-407.040 407.040s-404.48-184.32-404.48-407.040 181.76-407.040 407.040-407.040c79.36 0 153.6 23.040 217.6 64l202.24-202.24c17.92-17.92 40.96-25.6 64-25.6s46.080 7.68 64 25.6c30.72 33.28 30.72 92.16-5.12 125.44zM145.92 512c0 166.4 135.68 302.080 302.080 302.080s304.64-135.68 304.64-304.64c0-79.36-30.72-151.040-79.36-204.8-2.56-2.56-7.68-5.12-10.24-7.68s-5.12-7.68-7.68-10.24c-53.76-48.64-125.44-79.36-204.8-79.36-168.96 0-304.64 135.68-304.64 304.64z" />
<glyph unicode="&#xe934;" glyph-name="folder-upload" d="M576 704l-128 128h-448v-832h1024v704h-448zM512 480l224-224h-160v-256h-128v256h-160l224 224z" />
<glyph unicode="&#xe935;" glyph-name="ui-triangle" d="M832 38.4h-640c-53.76 0-97.28 20.48-120.32 58.88-20.48 35.84-17.92 84.48 10.24 133.12l320 552.96c28.16 46.080 66.56 74.24 110.080 74.24s81.92-28.16 110.080-74.24l320-552.96c28.16-46.080 30.72-94.72 10.24-133.12-23.040-35.84-66.56-58.88-120.32-58.88zM512 780.8c-15.36 0-30.72-12.8-43.52-35.84l-320-552.96c-12.8-23.040-15.36-43.52-10.24-56.32 7.68-12.8 25.6-20.48 53.76-20.48h640c25.6 0 46.080 7.68 53.76 20.48s5.12 33.28-10.24 56.32l-320 552.96c-12.8 23.040-28.16 35.84-43.52 35.84z" />
<glyph unicode="&#xe936;" glyph-name="ui-wrench-2" d="M199.68-33.28c-43.52 0-87.040 17.92-120.32 51.2-28.16 25.6-48.64 71.68-48.64 117.76 0 43.52 17.92 84.48 48.64 117.76l330.24 327.68c-2.56 17.92-5.12 35.84-5.12 53.76 0 161.28 133.12 294.4 294.4 294.4 35.84 0 66.56-7.68 92.16-15.36s40.96-28.16 43.52-48.64c2.56-17.92 0-35.84-10.24-51.2l-5.12-7.68-110.080-110.080c-2.56-2.56-5.12-5.12-5.12-7.68s2.56-5.12 5.12-7.68l38.4-38.4c5.12-5.12 12.8-5.12 17.92 0l107.52 107.52c12.8 17.92 38.4 25.6 58.88 20.48 20.48-2.56 40.96-17.92 48.64-40.96 7.68-28.16 15.36-58.88 15.36-94.72 0-161.28-133.12-294.4-294.4-294.4-17.92 0-35.84 2.56-53.76 5.12l-330.24-330.24c-33.28-30.72-74.24-48.64-117.76-48.64zM698.88 852.48c-120.32 0-217.6-97.28-217.6-217.6 0-20.48 2.56-35.84 7.68-58.88l5.12-20.48-358.4-358.4c-17.92-17.92-28.16-40.96-28.16-61.44 0-17.92 7.68-46.080 25.6-61.44 38.4-38.4 94.72-38.4 128-5.12l358.4 358.4 20.48-5.12c17.92-5.12 35.84-7.68 56.32-7.68 120.32 0 217.6 97.28 217.6 217.6 0 15.36-2.56 28.16-5.12 46.080l-89.6-92.16c-35.84-35.84-89.6-35.84-125.44 0l-38.4 38.4c-17.92 17.92-25.6 38.4-25.6 64 0 23.040 10.24 46.080 25.6 64l94.72 94.72c-20.48 2.56-35.84 5.12-51.2 5.12z" />
<glyph unicode="&#xe937;" glyph-name="triangle" d="M981.333 192l-358.4 605.867c-17.067 29.867-46.933 51.2-81.067 59.733s-68.267 4.267-98.133-12.8c-17.067-8.533-34.133-25.6-42.667-42.667 0 0 0 0 0 0l-358.4-610.133c-34.133-59.733-12.8-140.8 46.933-174.933 17.067-12.8 38.4-17.067 59.733-17.067h725.333c34.133 0 68.267 12.8 89.6 38.4 25.6 25.6 38.4 55.467 38.4 89.6-4.267 21.333-8.533 46.933-21.333 64zM904.533 98.134c-8.533-8.533-21.333-12.8-29.867-12.8h-725.333c-8.533 0-12.8 0-21.333 4.267-21.333 12.8-25.6 38.4-17.067 59.733l362.667 601.6c4.267 4.267 8.533 12.8 12.8 12.8 21.333 12.8 46.933 4.267 59.733-12.8l362.667-601.6c4.267-4.267 4.267-12.8 4.267-21.333 4.267-12.8-4.267-21.333-8.533-29.867z" />
<glyph unicode="&#xe938;" glyph-name="x" d="M571.733 426.667l226.133 226.133c17.067 17.067 17.067 42.667 0 59.733s-42.667 17.067-59.733 0l-226.133-226.133-226.133 226.133c-17.067 17.067-42.667 17.067-59.733 0s-17.067-42.667 0-59.733l226.133-226.133-226.133-226.133c-17.067-17.067-17.067-42.667 0-59.733 8.533-8.533 17.067-12.8 29.867-12.8s21.333 4.267 29.867 12.8l226.133 226.133 226.133-226.133c8.533-8.533 21.333-12.8 29.867-12.8s21.333 4.267 29.867 12.8c17.067 17.067 17.067 42.667 0 59.733l-226.133 226.133z" />
<glyph unicode="&#xe94c;" glyph-name="map2" d="M672 768l-320 128-352-128v-768l352 128 320-128 352 128v768l-352-128zM384 814.27l256-102.4v-630.138l-256 102.398v630.14zM64 723.172l256 93.090v-631.8l-256-93.088v631.798zM960 172.828l-256-93.092v631.8l256 93.090v-631.798z" />
<glyph unicode="&#xe994;" glyph-name="cog" d="M933.79 349.75c-53.726 93.054-21.416 212.304 72.152 266.488l-100.626 174.292c-28.75-16.854-62.176-26.518-97.846-26.518-107.536 0-194.708 87.746-194.708 195.99h-201.258c0.266-33.41-8.074-67.282-25.958-98.252-53.724-93.056-173.156-124.702-266.862-70.758l-100.624-174.292c28.97-16.472 54.050-40.588 71.886-71.478 53.638-92.908 21.512-211.92-71.708-266.224l100.626-174.292c28.65 16.696 61.916 26.254 97.4 26.254 107.196 0 194.144-87.192 194.7-194.958h201.254c-0.086 33.074 8.272 66.57 25.966 97.218 53.636 92.906 172.776 124.594 266.414 71.012l100.626 174.29c-28.78 16.466-53.692 40.498-71.434 71.228zM512 240.668c-114.508 0-207.336 92.824-207.336 207.334 0 114.508 92.826 207.334 207.336 207.334 114.508 0 207.332-92.826 207.332-207.334-0.002-114.51-92.824-207.334-207.332-207.334z" />
<glyph unicode="&#xe9da;" glyph-name="heart" d="M755.188 896c-107.63 0-200.258-87.554-243.164-179-42.938 91.444-135.578 179-243.216 179-148.382 0-268.808-120.44-268.808-268.832 0-301.846 304.5-380.994 512.022-679.418 196.154 296.576 511.978 387.206 511.978 679.418 0 148.392-120.43 268.832-268.812 268.832z" />
<glyph unicode="&#xea2e;" glyph-name="loop2" d="M889.68 793.68c-93.608 102.216-228.154 166.32-377.68 166.32-282.77 0-512-229.23-512-512h96c0 229.75 186.25 416 416 416 123.020 0 233.542-53.418 309.696-138.306l-149.696-149.694h352v352l-134.32-134.32zM928 448c0-229.75-186.25-416-416-416-123.020 0-233.542 53.418-309.694 138.306l149.694 149.694h-352v-352l134.32 134.32c93.608-102.216 228.154-166.32 377.68-166.32 282.77 0 512 229.23 512 512h-96z" />
<glyph unicode="&#xeabd;" glyph-name="tux" d="M567.656 223.084c-81.944-38.118-158.158-37.716-209.34-34.020-61.052 4.41-110.158 21.124-131.742 35.732-13.3 9.006-31.384 5.522-40.39-7.782-9.004-13.302-5.52-31.386 7.782-40.39 34.698-23.486 96.068-40.954 160.162-45.58 10.866-0.784 22.798-1.278 35.646-1.278 55.782 0 126.626 5.316 202.42 40.57 14.564 6.778 20.878 24.074 14.104 38.64-6.776 14.566-24.076 20.872-38.642 14.108zM890.948 266.184c2.786 252.688 28.762 730.206-454.97 691.612-477.6-38.442-350.964-542.968-358.082-711.95-6.308-89.386-35.978-198.648-77.896-309.846h129.1c13.266 47.122 23.024 93.72 27.232 138.15 7.782-5.428 16.108-10.674 24.994-15.7 14.458-8.518 26.884-19.844 40.040-31.834 30.744-28.018 65.59-59.774 133.712-63.752 4.572-0.262 9.174-0.394 13.676-0.394 68.896 0 116.014 30.154 153.878 54.382 18.14 11.612 33.818 21.64 48.564 26.452 41.91 13.12 78.532 34.296 105.904 61.252 4.276 4.208 8.242 8.538 11.962 12.948 15.246-55.878 36.118-118.758 59.288-181.504h275.65c-66.174 102.224-134.436 202.374-133.052 330.184zM124.11 403.648c0 0.016 0 0.030-0.002 0.046-4.746 82.462 34.71 151.832 88.126 154.936 53.412 3.106 100.56-61.228 105.304-143.692 0-0.014 0.004-0.030 0.004-0.044 0.256-4.446 0.368-8.846 0.37-13.206-16.924-4.256-32.192-10.436-45.872-17.63-0.052 0.612-0.092 1.216-0.152 1.83 0 0.008 0 0.018 0 0.026-4.57 46.81-29.572 82.16-55.852 78.958-26.28-3.204-43.88-43.75-39.312-90.558 0-0.010 0.004-0.018 0.004-0.026 1.992-20.408 7.868-38.636 16.042-52.444-2.034-1.604-7.784-5.812-14.406-10.656-4.97-3.634-11.020-8.058-18.314-13.43-19.882 26.094-33.506 63.58-35.94 105.89zM665.26 199.822c-1.9-43.586-58.908-84.592-111.582-101.044l-0.296-0.096c-21.9-7.102-41.428-19.6-62.104-32.83-34.732-22.224-70.646-45.208-122.522-45.208-3.404 0-6.894 0.104-10.326 0.296-47.516 2.778-69.742 23.032-97.88 48.676-14.842 13.526-30.19 27.514-49.976 39.124l-0.424 0.244c-42.706 24.104-69.212 54.082-70.908 80.194-0.842 12.98 4.938 24.218 17.182 33.4 26.636 19.972 44.478 33.022 56.284 41.658 13.11 9.588 17.068 12.48 20 15.264 2.096 1.986 4.364 4.188 6.804 6.562 24.446 23.774 65.36 63.562 128.15 63.562 38.404 0 80.898-14.8 126.17-43.902 21.324-13.878 39.882-20.286 63.38-28.4 16.156-5.578 34.468-11.902 58.992-22.404l0.396-0.164c22.88-9.404 49.896-26.564 48.66-54.932zM652.646 302.194c-4.4 2.214-8.974 4.32-13.744 6.286-22.106 9.456-39.832 15.874-54.534 20.998 8.116 15.894 13.16 35.72 13.624 57.242 0 0.010 0 0.022 0 0.030 1.126 52.374-25.288 94.896-58.996 94.976-33.71 0.078-61.95-42.314-63.076-94.686 0-0.010 0-0.018 0-0.028-0.038-1.714-0.042-3.416-0.020-5.11-20.762 9.552-41.18 16.49-61.166 20.76-0.092 1.968-0.204 3.932-0.244 5.92 0 0.016 0 0.036 0 0.050-1.938 95.412 56.602 174.39 130.754 176.402 74.15 2.014 135.828-73.7 137.772-169.11 0-0.018 0-0.038 0-0.052 0.874-43.146-10.66-82.866-30.37-113.678z" />
<glyph unicode="&#xeabe;" glyph-name="appleinc" d="M791.498 415.908c-1.294 129.682 105.758 191.876 110.542 194.966-60.152 88.020-153.85 100.078-187.242 101.472-79.742 8.074-155.596-46.948-196.066-46.948-40.368 0-102.818 45.754-168.952 44.552-86.916-1.292-167.058-50.538-211.812-128.38-90.304-156.698-23.126-388.84 64.89-515.926 43.008-62.204 94.292-132.076 161.626-129.58 64.842 2.588 89.362 41.958 167.756 41.958s100.428-41.958 169.050-40.67c69.774 1.296 113.982 63.398 156.692 125.796 49.39 72.168 69.726 142.038 70.924 145.626-1.548 0.706-136.060 52.236-137.408 207.134zM662.562 796.478c35.738 43.358 59.86 103.512 53.28 163.522-51.478-2.096-113.878-34.29-150.81-77.55-33.142-38.376-62.148-99.626-54.374-158.436 57.466-4.484 116.128 29.204 151.904 72.464z" />
<glyph unicode="&#xeac2;" glyph-name="windows8" d="M0.35 448l-0.35 312.074 384 52.144v-364.218zM448 821.518l511.872 74.482v-448h-511.872zM959.998 384l-0.126-448-511.872 72.016v375.984zM384 16.164l-383.688 52.594-0.020 315.242h383.708z" />

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB