diff --git a/content/chronograf/v1.6/_index.md b/content/chronograf/v1.6/_index.md
index 11d494fe0..89b8c182e 100644
--- a/content/chronograf/v1.6/_index.md
+++ b/content/chronograf/v1.6/_index.md
@@ -13,7 +13,7 @@ menu:
Chronograf is InfluxData's open source web application.
Use Chronograf with the other components of the [TICK stack](https://www.influxdata.com/products/) to visualize your monitoring data and easily create alerting and automation rules.
-![Chronograf Collage](/img/chronograf/v1.6/chronograf-collage.png)
+![Chronograf Collage](/img/chronograf/1-6-chronograf-collage.png)
## Key features
diff --git a/content/chronograf/v1.6/administration/chrono-on-clusters.md b/content/chronograf/v1.6/administration/chrono-on-clusters.md
index 92d6c8bb0..2fae79dd0 100644
--- a/content/chronograf/v1.6/administration/chrono-on-clusters.md
+++ b/content/chronograf/v1.6/administration/chrono-on-clusters.md
@@ -14,7 +14,7 @@ When you enter the InfluxDB HTTP bind address in the `Connection String` input,
If it is a data node, Chronograf automatically adds the `Meta Service Connection URL` input to the connection details form.
Enter the HTTP bind address of one of your cluster's meta nodes into that input and Chronograf takes care of the rest.
-![Cluster connection details](/img/chronograf/v1.6/faq-cluster-connection.png)
+![Cluster connection details](/img/chronograf/1-6-faq-cluster-connection.png)
Note that the example above assumes that you do not have authentication enabled.
If you have authentication enabled, the form requires username and password information.
diff --git a/content/chronograf/v1.6/administration/creating-connections.md b/content/chronograf/v1.6/administration/creating-connections.md
index 088db0fb0..151f295c1 100644
--- a/content/chronograf/v1.6/administration/creating-connections.md
+++ b/content/chronograf/v1.6/administration/creating-connections.md
@@ -17,11 +17,11 @@ To create an InfluxDB connection in the Chronograf UI:
1. Open Chronograf and click **Configuration** (wrench icon) in the navigation menu.
2. Click **Add Connection**.
- ![Chronograf connections landing page](/img/chronograf/v1.6/connection-landing-page.png)
+ ![Chronograf connections landing page](/img/chronograf/1-6-connection-landing-page.png)
3. Enter values for the following fields:
- ![InfluxDB connection credentials](/img/chronograf/v1.6/connection-influxdb.png)
+ ![InfluxDB connection credentials](/img/chronograf/1-6-connection-influxdb.png)
* **Connection String**: Enter the hostname or IP address of the InfluxDB instance and the port. The field is prefilled with `http://localhost:8086`.
* **Name**: Enter the name for this connection.
@@ -134,11 +134,11 @@ To create a Kapacitor connection using the Chronograf UI:
1. Open Chronograf and click **Configuration** (wrench icon) in the navigation menu.
2. Next to an existing [InfluxDB connection](#managing-influxdb-connections-using-the-chronograf-ui), click **Add Kapacitor Connection** if there are no existing Kapacitor connections or select **Add Kapacitor Connection** in the **Kapacitor Connection** dropdown list.
-![Add a new Kapacitor connection in Chronograf](/img/chronograf/v1.6/connection-kapacitor.png)
+![Add a new Kapacitor connection in Chronograf](/img/chronograf/1-6-connection-kapacitor.png)
3. In the **Connection Details** section, enter values for the following fields:
- ![Add a new Kapacitor connection details in Chronograf](/img/chronograf/v1.6/connection-kapacitor-details.png)
+ ![Add a new Kapacitor connection details in Chronograf](/img/chronograf/1-6-connection-kapacitor-details.png)
* **Kapacitor URL**: Enter the hostname or IP address of the Kapacitor instance and the port. The field is prefilled with `http://localhost:9092`.
* **Name**: Enter the name for this connection.
diff --git a/content/chronograf/v1.6/administration/import-export-dashboards.md b/content/chronograf/v1.6/administration/import-export-dashboards.md
index a0f4ee460..5c1a39b53 100644
--- a/content/chronograf/v1.6/administration/import-export-dashboards.md
+++ b/content/chronograf/v1.6/administration/import-export-dashboards.md
@@ -20,7 +20,7 @@ This allows you to recreate robust dashboards without having to manually configu
2. Hover over the dashboard you would like to export and click the "Export"
button that appears to the right.
-
+
This downloads a JSON file containing dashboard information including template variables,
cells and cell information such as the query, cell-sizing, color scheme, visualization type, etc.
@@ -35,13 +35,13 @@ cells and cell information such as the query, cell-sizing, color scheme, visuali
The newly imported dashboard will be included in your list of dashboards.
-![Importing a Chronograf dashboard](/img/chronograf/v1.6/dashboard-import.gif)
+![Importing a Chronograf dashboard](/img/chronograf/1-6-dashboard-import.gif)
### Reconciling unmatched sources
If the data sources defined in the imported dashboard JSON file do not match any of your local sources,
you will have to reconcile each of the unmatched sources during the import process.
-![Reconcile unmatched sources](/img/chronograf/v1.6/dashboard-import-reconcile.png)
+![Reconcile unmatched sources](/img/chronograf/1-6-dashboard-import-reconcile.png)
## Required user roles
Depending on the role of your user, there are some restrictions on importing and exporting dashboards:
diff --git a/content/chronograf/v1.6/administration/managing-influxdb-users.md b/content/chronograf/v1.6/administration/managing-influxdb-users.md
index b28697d36..8156390d6 100644
--- a/content/chronograf/v1.6/administration/managing-influxdb-users.md
+++ b/content/chronograf/v1.6/administration/managing-influxdb-users.md
@@ -88,7 +88,7 @@ On the **Chronograf Admin** page:
* Change user passwords
* Assign admin and remove admin permissions to or from a user
-![InfluxDB OSS user management](/img/chronograf/chrono-admin-usermanagement-oss.png)
+![InfluxDB OSS user management](/img/chronograf/1-6-admin-usermanagement-oss.png)
InfluxDB users are either admin users or non-admin users.
See InfluxDB's [authentication and authorization](/influxdb/latest/query_language/authentication_and_authorization/#user-types-and-privileges) documentation for more information about those user types.
@@ -129,7 +129,7 @@ On the `Admin` page:
* Create, edit, and delete roles
* Assign and remove roles to or from a user
-![InfluxDB Enterprise user management](/img/chronograf/chrono-admin-usermanagement-cluster.png)
+![InfluxDB Enterprise user management](/img/chronograf/1-6-admin-usermanagement-cluster.png)
### User types
@@ -306,4 +306,4 @@ For example, the image below contains three roles: `CREATOR`, `DESTROYER`, and `
`CREATOR` includes two permissions (`CreateDatbase` and `CreateUserAndRole`) and is assigned to one user (`chrononut`).
`DESTROYER` also includes two permissions (`DropDatabase` and `DropData`) and is assigned to two users (`chrononut` and `chronelda`).
-![InfluxDB OSS user management](/img/chronograf/chrono-admin-usermanagement-roles.png)
+![InfluxDB OSS user management](/img/chronograf/1-6-admin-usermanagement-roles.png)
diff --git a/content/chronograf/v1.6/administration/transition-web-admin-interface.md b/content/chronograf/v1.6/administration/transition-web-admin-interface.md
index 0e79b678d..7294d37a9 100644
--- a/content/chronograf/v1.6/administration/transition-web-admin-interface.md
+++ b/content/chronograf/v1.6/administration/transition-web-admin-interface.md
@@ -25,7 +25,7 @@ The following sections describe the Chronograf features that relate to the web a
In the web admin interface, users chose the target database in the top right corner and selected from a set of query templates in the `Query Templates` dropdown.
The templates included queries with no user-provided values (example: [`SHOW MEASUREMENTS`](/influxdb/latest/query_language/schema_exploration/#show-measurements)) and queries with user-provided values (example: [`SHOW TAG KEYS FROM ""`](/influxdb/latest/query_language/schema_exploration/#show-tag-keys)).
-![WAI Query Templates](/img/chronograf/v1.6/g-admin-webtemplates.png)
+![WAI Query Templates](/img/chronograf/1-6-g-admin-webtemplates.png)
### Chronograf
@@ -33,7 +33,7 @@ In Chronograf, the same `Query Templates` dropdown appears in the Data Explorer.
To use query templates, select a query from the set of available queries and insert the relevant user-provided values.
Note that unlike the web admin interface, Chronograf does not have a database dropdown; the query must specify the target database.
-![Chronograf Query Templates](/img/chronograf/v1.6/g-admin-chronotemplates.png)
+![Chronograf Query Templates](/img/chronograf/1-6-g-admin-chronotemplates.png)
## Writing data
@@ -41,7 +41,7 @@ Note that unlike the web admin interface, Chronograf does not have a database dr
To write data to InfluxDB, users selected the target database in the top right corner, clicked the `Write Data` icon, and entered their [line protocol](/influxdb/latest/concepts/glossary/#line-protocol) in the text input:
-![WAI Writing Data](/img/chronograf/v1.6/g-admin-write.png)
+![WAI Writing Data](/img/chronograf/1-6-g-admin-write.png)
### Chronograf
@@ -49,7 +49,7 @@ In versions 1.3.2.0+, Chronograf's Data Explorer offers the same write functiona
To write data to InfluxDB, click the `Write Data` icon at the top of the Data Explorer page and select your target database.
Next, enter your line protocol in the main text box and click the `Write` button.
-![Chronograf Writing Data](/img/chronograf/v1.6/g-admin-chronowrite.png)
+![Chronograf Writing Data](/img/chronograf/1-6-g-admin-chronowrite.png)
## Database and retention policy management
@@ -57,7 +57,7 @@ Next, enter your line protocol in the main text box and click the `Write` button
In the web admin interface, the `Query Template` dropdown was the only way to manage databases and [retention policies](/influxdb/latest/concepts/glossary/#retention-policy-rp) (RP):
-![WAI DBRP Management](/img/chronograf/v1.6/g-admin-webdbrp.png)
+![WAI DBRP Management](/img/chronograf/1-6-g-admin-webdbrp.png)
### Chronograf
@@ -65,7 +65,7 @@ In Chronograf, the `Admin` page includes a complete user interface for database
The `Admin` page allows users to view, create, and delete databases and RPs without having to learn the relevant query syntax.
The GIF below shows the process of creating a database, creating an RP, and deleting that database.
-![Chronograf DBRP Management](/img/chronograf/v1.6/g-admin-chronodbrp.gif)
+![Chronograf DBRP Management](/img/chronograf/1-6-g-admin-chronodbrp.gif)
Note that, like the web admin interface, Chronograf's [`Query Templates` dropdown](#chronograf) includes the database- and RP-related queries.
@@ -75,7 +75,7 @@ Note that, like the web admin interface, Chronograf's [`Query Templates` dropdow
In the web admin interface, the `Query Template` dropdown was the only way to manage users:
-![WAI User Management](/img/chronograf/v1.6/g-admin-webuser.png)
+![WAI User Management](/img/chronograf/1-6-g-admin-webuser.png)
### Chronograf
@@ -89,6 +89,6 @@ The `Admin` page allows users to:
* Create, edit, and delete roles (available in InfluxDB Enterprise only)
* Assign and remove roles to or from a user (available in InfluxDB Enterprise only)
-![Chronograf User Management i](/img/chronograf/v1.6/g-admin-chronousers1.png)
+![Chronograf User Management i](/img/chronograf/1-6-g-admin-chronousers1.png)
Note that, like the web admin interface, Chronograf's [`Query Templates` dropdown](#chronograf) includes the user-related queries.
diff --git a/content/chronograf/v1.6/guides/advanced-kapacitor.md b/content/chronograf/v1.6/guides/advanced-kapacitor.md
index bcd4ea02a..2fe8aa6af 100644
--- a/content/chronograf/v1.6/guides/advanced-kapacitor.md
+++ b/content/chronograf/v1.6/guides/advanced-kapacitor.md
@@ -31,7 +31,7 @@ In the Databases tab:
#### Step 1: Locate the `chronograf` database and click on the infinity symbol (∞)
-![RP in practice](/img/chronograf/v1.6/g-advkap-dur.png)
+![RP in practice](/img/chronograf/1-6-g-advkap-dur.png)
#### Step 2: Enter a different duration
@@ -50,7 +50,7 @@ Those alerts no longer appear in your InfluxDB instance or on Chronograf's Alert
Looking at the image below and assuming that the current time is 19:00 on April 27, 2017, only the first three alerts would appear in your alert history; they occurred within the previous hour (18:00 through 19:00).
The fourth alert, which occurred on the same day at 16:58:50, is outside the previous hour and would no longer appear in the InfluxDB `chronograf` database or on the Chronograf Alert History page.
-![RP in practice](/img/chronograf/v1.6/g-advkap-rp.png)
+![RP in practice](/img/chronograf/1-6-g-advkap-rp.png)
## TICKscript management
@@ -69,4 +69,4 @@ You cannot edit pre-existing tasks on the Chronograf Alert Rules page.
The `mytick` task in the image below is a pre-existing task; its name appears on the Alert Rules page but you cannot click on it or edit its TICKscript in the interface.
Currently, you must manually edit your existing tasks and TICKscripts on your machine.
-![Pre-existing task](/img/chronograf/v1.6/g-advkap-pretick.png)
+![Pre-existing task](/img/chronograf/1-6-g-advkap-pretick.png)
diff --git a/content/chronograf/v1.6/guides/analyzing-logs.md b/content/chronograf/v1.6/guides/analyzing-logs.md
index 4d49bf797..8cb14dfbe 100644
--- a/content/chronograf/v1.6/guides/analyzing-logs.md
+++ b/content/chronograf/v1.6/guides/analyzing-logs.md
@@ -18,21 +18,21 @@ Logs data is a first class citizen in InfluxDB and is populated using available
## Viewing logs in Chronograf
Chronograf has a dedicated log viewer accessed by clicking the "Log Viewer" button in the left navigation.
-
+
The log viewer provides a detailed histogram showing the time-based distribution of log entries color-coded by log severity.
It also includes a live stream of logs that can be searched, filtered, and paused to analyze specific time ranges.
Logs are pulled from the `syslog` measurement.
_Other log inputs and alternate log measurement options will be available in future updates._
-
+
### Searching and filtering logs
Logs are searched using keywords or regular expressions.
They can also be filtered by clicking values in the log table such as `severity` or `facility`.
Any tag values included with the log entry can be used as a filter.
-![Searching and filtering logs](/img/chronograf/v1.6/logs-search-filter.gif)
+![Searching and filtering logs](/img/chronograf/1-6-logs-search-filter.gif)
> **Note:** The log search field is case-sensitive.
@@ -45,13 +45,13 @@ Timeframe selection allows you to go to to a specific event and see logs both pr
When viewing logs from a previous time window, first select the target time, then select the offset.
The offset is used to define the upper and lower thresholds of the window from which logs are pulled.
-![Selecting time ranges](/img/chronograf/v1.6/logs-time-range.gif)
+![Selecting time ranges](/img/chronograf/1-6-logs-time-range.gif)
## Configuring the log viewer
The log viewer can be customized to fit your specific needs.
Open the log viewer configuration options by clicking the gear button in the top right corner of the log viewer.
-
+
### Severity colors
Every log severity is assigned a color which is used in the display of log entries.
@@ -68,15 +68,15 @@ Below are the options and how they appear in the log table:
| Severity Format | Display |
| --------------- |:------- |
-| Dot | |
-| Dot + Text | |
-| Text | |
+| Dot | |
+| Dot + Text | |
+| Text | |
## Logs in dashboards
An incredibly powerful way to analyze log data is by creating dashboards that include log data.
This is possible by using the [Table visualization type](/chronograf/v1.6/guides/visualization-types/#table) to display log data in your dashboard.
-![Correlating logs with other metrics](/img/chronograf/v1.6/logs-dashboard-correlation.gif)
+![Correlating logs with other metrics](/img/chronograf/1-6-logs-dashboard-correlation.gif)
This type of visualization allows you to quickly identify anomalies in other metrics and see logs associated with those anomalies.
diff --git a/content/chronograf/v1.6/guides/annotations.md b/content/chronograf/v1.6/guides/annotations.md
index 864e6e694..057e55021 100644
--- a/content/chronograf/v1.6/guides/annotations.md
+++ b/content/chronograf/v1.6/guides/annotations.md
@@ -20,7 +20,7 @@ The following screenshot of five graph views displays annotations for a single p
The text and timestamp for the single point in time can be seem above the annotation line in the graph view on the lower right.
The annotation displays "`Deploy v3.8.1-2`" and the time "`2018/28/02 15:59:30:00`".
-![Annotations on multiple graph views](/img/chronograf/chrono-annotations-example.png)
+![Annotations on multiple graph views](/img/chronograf/1-6-annotations-example.png)
**To add and edit an annotation:**
diff --git a/content/chronograf/v1.6/guides/cloning-in-ui.md b/content/chronograf/v1.6/guides/cloning-in-ui.md
index 4c98255ab..7f42ad691 100644
--- a/content/chronograf/v1.6/guides/cloning-in-ui.md
+++ b/content/chronograf/v1.6/guides/cloning-in-ui.md
@@ -18,11 +18,11 @@ Dashboards in Chronograf can be cloned (or copied) to be used to create a dashbo
1. On the **Dashboards** page, hover your cursor over the listing of the dashboard that you want to clone and click the **Clone** button that appears.
-![Click the Clone button](/img/chronograf/clone-dashboard.png)
+![Click the Clone button](/img/chronograf/1-6-clone-dashboard.png)
The cloned dashboard opens and displays the name of the original dashboard with `(clone)` after it.
-![Cloned dashboard](/img/chronograf/clone-dashboard-clone.png)
+![Cloned dashboard](/img/chronograf/1-6-clone-dashboard-clone.png)
You can now change the dashboard name and customize the dashboard.
@@ -34,10 +34,10 @@ Cells in Chronograf dashboards can be cloned, or copied, to quickly create a cel
1. On the dashboard cell that you want to make a copy of, click the **Clone** icon and then confirm by clicking **Clone Cell**.
-![Click the Clone icon](/img/chronograf/clone-cell-click-button.png)
+![Click the Clone icon](/img/chronograf/1-6-clone-cell-click-button.png)
2. The cloned cell appears in the dashboard displaying the nameof the original cell with `(clone)` after it.
-![Cloned cell](/img/chronograf/clone-cell-cell-copy.png)
+![Cloned cell](/img/chronograf/1-6-clone-cell-cell-copy.png)
You can now change the cell name and customize the cell.
diff --git a/content/chronograf/v1.6/guides/configuring-alert-endpoints.md b/content/chronograf/v1.6/guides/configuring-alert-endpoints.md
index c3893c5d5..f32599ba5 100644
--- a/content/chronograf/v1.6/guides/configuring-alert-endpoints.md
+++ b/content/chronograf/v1.6/guides/configuring-alert-endpoints.md
@@ -58,7 +58,7 @@ For example, Chronograf's Slack integration allows users to specify a default ch
Configure Chronograf to send alert messages to a HipChat room.
The sections below describe each configuration option.
-![HipChat configuration](/img/chronograf/v1.6/g-eventhandlers-hipchat.png)
+![HipChat configuration](/img/chronograf/1-6-g-eventhandlers-hipchat.png)
#### Subdomain
@@ -88,7 +88,7 @@ The following steps describe how to create the API access token:
Your token appears in the table just above the **Create new token** section:
-![HipChat token](/img/chronograf/v1.6/g-eventhandlers-hipchattoken.png)
+![HipChat token](/img/chronograf/1-6-g-eventhandlers-hipchattoken.png)
### Kafka
@@ -226,7 +226,7 @@ Click **Add Another Config** to add additional Slack alert endpoints. Each addit
Configure Chronograf to send alert messages to an existing Telegram bot.
The sections below describe each configuration option.
-![Telegram configuration](/img/chronograf/v1.6/g-eventhandlers-telegram.png)
+![Telegram configuration](/img/chronograf/1-6-g-eventhandlers-telegram.png)
#### Telegram bot
diff --git a/content/chronograf/v1.6/guides/create-a-dashboard.md b/content/chronograf/v1.6/guides/create-a-dashboard.md
index 51c37e9db..348200137 100644
--- a/content/chronograf/v1.6/guides/create-a-dashboard.md
+++ b/content/chronograf/v1.6/guides/create-a-dashboard.md
@@ -14,7 +14,7 @@ This guide shows you how to create custom Chronograf dashboards.
By the end of this guide, you'll be aware of the tools available to you for creating dashboards similar to this example:
-![Oh, the Chronobilities](/img/chronograf/v1.6/g-dashboard-possibilities.png)
+![Oh, the Chronobilities](/img/chronograf/1-6-g-dashboard-possibilities.png)
## Requirements
@@ -36,7 +36,7 @@ Click **Name This Dashboard** and type a new name. In this guide, "ChronoDash" i
In the first cell, titled "Untitled Cell", click **Edit**
to open the cell editor mode.
-![Edit your cell](/img/chronograf/g-dashboard-cell-edit.png)
+![Edit your cell](/img/chronograf/1-6-g-dashboard-cell-edit.png)
### Step 3: Create your query
@@ -51,13 +51,13 @@ Those defaults are configurable using the query builder or by manually editing t
In addition, the time range (`:dashboardTime:`) is [configurable on the dashboard](#step-6-configure-your-dashboard).
-![Build your query](/img/chronograf/v1.6/g-dashboard-builder.png)
+![Build your query](/img/chronograf/1-6-g-dashboard-builder.png)
### Step 4: Choose your visualization type
Chronograf supports many different [visualization types](/chronograf/latest/guides/visualization-types/). To choose a visualization type, click **Visualization** and select **Step-Plot Graph**.
-![Visualization type](/img/chronograf/v1.6/g-dashboard-visualization.png)
+![Visualization type](/img/chronograf/1-6-g-dashboard-visualization.png)
### Step 5: Save your cell
Click **Save** (the green checkmark icon) to save your cell.
diff --git a/content/chronograf/v1.6/guides/create-alert-rules.md b/content/chronograf/v1.6/guides/create-alert-rules.md
index e7dbf8cf5..16107b21b 100644
--- a/content/chronograf/v1.6/guides/create-alert-rules.md
+++ b/content/chronograf/v1.6/guides/create-alert-rules.md
@@ -38,12 +38,12 @@ See the [Configuring Kapacitor Event Handlers](/chronograf/latest/guides/configu
Navigate to the **Manage Tasks** page under **Alerting** in the left navigation, then click **+ Build Alert Rule** in the top right corner.
-![Navigate to Manage Tasks](/img/chronograf/v1.6/alerts-manage-tasks-nav.png)
+![Navigate to Manage Tasks](/img/chronograf/1-6-alerts-manage-tasks-nav.png)
The **Manage Tasks** page is used to create and edit your Chronograf alert rules.
The steps below guide you through the process of creating a Chronograf alert rule.
-![Empty Rule Configuration](/img/chronograf/v1.6/alerts-rule-builder.png)
+![Empty Rule Configuration](/img/chronograf/1-6-alerts-rule-builder.png)
### Step 1: Name the alert rule
@@ -72,7 +72,7 @@ Navigate through databases, measurements, fields, and tags to select the relevan
In this example, select the `telegraf` [database](/influxdb/latest/concepts/glossary/#database), the `autogen` [retention policy](/influxdb/latest/concepts/glossary/#retention-policy-rp), the `cpu` [measurement](/influxdb/latest/concepts/glossary/#measurement), and the `usage_idle` [field](/influxdb/latest/concepts/glossary/#field).
-![Select your data](/img/chronograf/v1.6/alerts-time-series.png)
+![Select your data](/img/chronograf/1-6-alerts-time-series.png)
### Step 4: Define the rule condition
@@ -80,7 +80,7 @@ Define the threshold condition.
Condition options are determined by the [alert type](#step-2-select-the-alert-type).
For this example, the alert conditions are if `usage_idle` is less than `80`.
-![Create a condition](/img/chronograf/v1.6/alerts-conditions.png)
+![Create a condition](/img/chronograf/1-6-alerts-conditions.png)
The graph shows a preview of the relevant data and the threshold number.
By default, the graph shows data from the past 15 minutes.
@@ -98,7 +98,7 @@ Each handler has unique configurable options.
For this example, choose the **slack** alert handler and enter the desired options.
-![Select the alert handler](/img/chronograf/v1.6/alerts-configure-handlers.png)
+![Select the alert handler](/img/chronograf/1-6-alerts-configure-handlers.png)
> Multiple alert handlers can be added to send alerts to multiple endpoints.
@@ -111,7 +111,7 @@ As you type your alert message, clicking the data templates will insert them at
In this example, use the alert message, `Your idle CPU usage is {{.Level}} at {{ index .Fields "value" }}.`.
-![Specify event handler and alert message](/img/chronograf/v1.6/alerts-message.png)
+![Specify event handler and alert message](/img/chronograf/1-6-alerts-message.png)
*View the Kapacitor documentation for more information about [message template data](/kapacitor/latest/nodes/alert_node/#message).*
@@ -120,7 +120,7 @@ In this example, use the alert message, `Your idle CPU usage is {{.Level}} at {{
Click **Save Rule** in the top right corner and navigate to the **Manage Tasks** page to see your rule.
Notice that you can easily enable and disable the rule by toggling the checkbox in the **Enabled** column.
-![See the alert rule](/img/chronograf/v1.6/alerts-view-rules.png)
+![See the alert rule](/img/chronograf/1-6-alerts-view-rules.png)
Next, move on to the section below to experience your alert rule in action.
@@ -149,10 +149,10 @@ Assuming the first step was successful, `#ohnos` should reveal at least two aler
* The first alert message indicates that your idle CPU usage was `CRITICAL`, meaning it dipped below `80%`.
* The second alert message indicates that your idle CPU usage returned to an `OK` level of `80%` or above.
-![See the alerts](/img/chronograf/v1.6/alerts-slack-notifications.png)
+![See the alerts](/img/chronograf/1-6-alerts-slack-notifications.png)
You can also see alerts on the **Alert History** page available under **Alerting** in the left navigation.
-![Chronograf alert history](/img/chronograf/v1.6/alerts-history.png)
+![Chronograf alert history](/img/chronograf/1-6-alerts-history.png)
That's it! You've successfully used Chronograf to configure an alert rule to monitor your idle CPU usage and send notifications to Slack.
diff --git a/content/chronograf/v1.6/guides/dashboard-template-variables.md b/content/chronograf/v1.6/guides/dashboard-template-variables.md
index f636f8361..8305d2d9b 100644
--- a/content/chronograf/v1.6/guides/dashboard-template-variables.md
+++ b/content/chronograf/v1.6/guides/dashboard-template-variables.md
@@ -25,7 +25,7 @@ You can use either [predefined template variables](#predefined-template-variable
or [custom template variables](#create-custom-template-variables).
Variable values are then selected in your dashboard user-interface (UI).
-![Using template variables](/img/chronograf/v1.6/template-vars-use.gif)
+![Using template variables](/img/chronograf/1-6-template-vars-use.gif)
## Predefined template variables
Chronograf includes predefined template variables controlled by elements in the Chrongraf UI.
@@ -38,7 +38,7 @@ These template variables can be used in any of your cells' queries.
### dashboardTime
The `:dashboardTime:` template variable is controlled by the "time" dropdown in your Chronograf dashboard.
-
+
If using relative times, it represents the time offset specified in the dropdown (-5m, -15m, -30m, etc.) and assumes time is relative to "now".
If using absolute times defined by the date picker, `:dashboardTime:` is populated with lower threshold.
@@ -56,7 +56,7 @@ WHERE time > :dashboardTime:
### upperDashboardTime
The `:upperDashboardTime:` template variable is defined by the upper time limit specified using the date picker.
-
+
It will inherit `now()` when using relative time frames or the upper time limit when using absolute timeframes.
@@ -69,7 +69,7 @@ WHERE time > :dashboardTime: AND time < :upperDashboardTime:
### interval
The `:interval:` template variable is defined by the interval dropdown in the Chronograf dashboard.
-
+
In cell queries, it should be used in the `GROUP BY time()` clause that accompanies aggregate functions:
@@ -95,7 +95,7 @@ To create a template variable:
If using the CSV or Map types, upload or input the CSV with the desired values in the appropriate format then select a default value.
5. Click **Create**.
-![Create a template variable](/img/chronograf/v1.6/template-vars-create.gif)
+![Create a template variable](/img/chronograf/1-6-template-vars-create.gif)
Once created, the template variable can be used in any of your cell's queries or titles
and a dropdown for the variable will be included at the top of your dashboard.
@@ -251,7 +251,7 @@ key3,value3
key4,value4
```
-
+
> If values are meant to be used as string field values, wrap them in single quote ([required by InfluxQL](/influxdb/latest/troubleshooting/frequently-asked-questions/#when-should-i-single-quote-and-when-should-i-double-quote-in-queries)). This only pertains to values. String keys do not matter.
@@ -285,7 +285,7 @@ The customer names would populate your template variable dropdown rather than th
Vary part of a query with a customized meta query that pulls a specific array of values from InfluxDB.
These variables allow you to pull a highly customized array of potential values and offer advanced functionality such as [filtering values based on other template variables](#filtering-template-variables-with-other-template-variables).
-
+
_**Example custom meta query variable in a cell query**_
```sql
@@ -330,7 +330,7 @@ For example, let's say you want to list all the field keys associated with a mea
1. Create a template variable named `:measurementVar:` _(the name "measurement" is [reserved]( #reserved-variable-names))_ that uses the [Measurements](#measurements) variable type to pull in all measurements from the `telegraf` database.
-
+
2. Create a template variable named `:fieldKey:` that uses the [custom meta query](#custom-meta-query) variable type.
The following meta query pulls a list of field keys based on the existing `:measurementVar:` template variable.
@@ -339,7 +339,7 @@ The following meta query pulls a list of field keys based on the existing `:meas
SHOW FIELD KEYS ON telegraf FROM :measurementVar:
```
-
+
3. Create a new dashboard cell that uses the `:fieldKey:` and `:measurementVar` template variables in its query.
@@ -349,7 +349,7 @@ The following meta query pulls a list of field keys based on the existing `:meas
The resulting dashboard will work like this:
-![Custom meta query filtering](/img/chronograf/v1.6/custom-meta-query-filtering.gif)
+![Custom meta query filtering](/img/chronograf/1-6-custom-meta-query-filtering.gif)
### Defining template variables in the URL
Chronograf uses URL query parameters (also known as query string parameters) to set both display options and template variables in the URL.
diff --git a/content/chronograf/v1.6/guides/monitoring-influxenterprise-clusters.md b/content/chronograf/v1.6/guides/monitoring-influxenterprise-clusters.md
index d33454c91..3688da390 100644
--- a/content/chronograf/v1.6/guides/monitoring-influxenterprise-clusters.md
+++ b/content/chronograf/v1.6/guides/monitoring-influxenterprise-clusters.md
@@ -32,7 +32,7 @@ Chronograf and the other components of the TICK stack are supported on several o
Before we begin, here's an overview of the final monitoring setup:
-![Architecture diagram](/img/chronograf/chrono-cluster-diagram.png)
+![Architecture diagram](/img/chronograf/1-6-cluster-diagram.png)
The diagram above shows an InfluxDB Enterprise cluster that consists of three meta nodes (M) and three data nodes (D).
Each data node has its own [Telegraf](/telegraf/latest/) instance (T).
@@ -233,7 +233,7 @@ Chronograf can be downloaded from the [InfluxData downloads page](https://portal
To access Chronograf, go to http://localhost:8888.
The welcome page includes instructions for connecting Chronograf to that instance.
-![Connect Chronograf to InfluxDB](/img/chronograf/chrono-cluster-welcome.png)
+![Connect Chronograf to InfluxDB](/img/chronograf/1-6-cluster-welcome.png)
For the `Connection String`, enter the hostname or IP of your InfluxDB OSS instance, and be sure to include the default port: `8086`.
Next, name your data source; this can be anything you want.
@@ -245,17 +245,17 @@ Chronograf works with the Telegraf data in your InfluxDB OSS instance.
The `Host List` page shows your data node's hostnames, their statuses, CPU usage, load, and their configured applications.
In this case, you've only enabled the system stats input plugin so `system` is the single application that appears in the `Apps` column.
-![Host List page](/img/chronograf/chrono-cluster-hostlist.png)
+![Host List page](/img/chronograf/1-6-cluster-hostlist.png)
Click `system` to see the Chronograf canned dashboard for that application.
Keep an eye on your data nodes by viewing that dashboard for each hostname:
-![Pre-created dashboard](/img/chronograf/chrono-cluster-predash.gif)
+![Pre-created dashboard](/img/chronograf/1-6-cluster-predash.gif)
Next, check out the Data Explorer to create a customized graph with the monitoring data.
In the image below, the Chronograf query editor is used to visualize the idle CPU usage data for each data node:
-![Data Explorer](/img/chronograf/chrono-cluster-de.png)
+![Data Explorer](/img/chronograf/1-6-cluster-de.png)
Create more customized graphs and save them to a dashboard on the Dashboard page in Chronograf.
See the [Creating Chronograf dashboards](/chronograf/latest/guides/create-a-dashboard/) guide for more information.
diff --git a/content/chronograf/v1.6/guides/presentation-mode.md b/content/chronograf/v1.6/guides/presentation-mode.md
index dd30157fd..bedea108c 100644
--- a/content/chronograf/v1.6/guides/presentation-mode.md
+++ b/content/chronograf/v1.6/guides/presentation-mode.md
@@ -13,7 +13,7 @@ Presentation mode allows you to view Chronograf in full screen, hiding the left
## Entering presentation mode manually
To enter presentation mode manually, click the icon in the upper right:
-
+
To exit presentation mode, press `ESC`.
diff --git a/content/chronograf/v1.6/guides/visualization-types.md b/content/chronograf/v1.6/guides/visualization-types.md
index 38fcf49e6..d86f614b0 100644
--- a/content/chronograf/v1.6/guides/visualization-types.md
+++ b/content/chronograf/v1.6/guides/visualization-types.md
@@ -10,7 +10,7 @@ menu:
Chronograf's dashboard views support the following visualization types, which can be selected in the **Visualization Type** selection view.
-[Visualization Type selector](/img/chronograf/chrono-viz-types-selector.png)
+[Visualization Type selector](/img/chronograf/1-6-viz-types-selector.png)
Each of the available visualization types and available user controls are described below.
@@ -30,11 +30,11 @@ For information on adding and displaying annotations in graph views, see [Adding
The **Line Graph** view displays a time series in a line graph.
-![Line Graph selector](/img/chronograf/chrono-viz-line-graph-selector.png)
+![Line Graph selector](/img/chronograf/1-6-viz-line-graph-selector.png)
#### Line Graph Controls
-![Line Graph Controls](/img/chronograf/chrono-viz-line-graph-controls.png)
+![Line Graph Controls](/img/chronograf/1-6-viz-line-graph-controls.png)
Use the **Line Graph Controls** to specify the following:
@@ -53,18 +53,18 @@ Use the **Line Graph Controls** to specify the following:
#### Line Graph example
-![Line Graph example](/img/chronograf/chrono-viz-line-graph-example.png)
+![Line Graph example](/img/chronograf/1-6-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/chronograf/chrono-viz-stacked-graph-selector.png)
+![Stacked Graph selector](/img/chronograf/1-6-viz-stacked-graph-selector.png)
#### Stacked Graph Controls
-![Stacked Graph Controls](/img/chronograf/chrono-viz-stacked-graph-controls.png)
+![Stacked Graph Controls](/img/chronograf/1-6-viz-stacked-graph-controls.png)
Use the **Stacked Graph Controls** to specify the following:
@@ -83,18 +83,18 @@ Use the **Stacked Graph Controls** to specify the following:
#### Stacked Graph example
-![Stacked Graph example](/img/chronograf/chrono-viz-stacked-graph-example.png)
+![Stacked Graph example](/img/chronograf/1-6-viz-stacked-graph-example.png)
### Step-Plot Graph
The **Step-Plot Graph** view displays a time series in a staircase graph.
-![Step-Plot Graph selector](/img/chronograf/chrono-viz-step-plot-graph-selector.png)
+![Step-Plot Graph selector](/img/chronograf/1-6-viz-step-plot-graph-selector.png)
#### Step-Plot Graph Controls
-![Step-Plot Graph Controls](/img/chronograf/chrono-viz-step-plot-graph-controls.png)
+![Step-Plot Graph Controls](/img/chronograf/1-6-viz-step-plot-graph-controls.png)
Use the **Step-Plot Graph Controls** to specify the following:
@@ -111,7 +111,7 @@ Use the **Step-Plot Graph Controls** to specify the following:
#### Step-Plot Graph example
-![Step-Plot Graph example](/img/chronograf/chrono-viz-step-plot-graph-example.png)
+![Step-Plot Graph example](/img/chronograf/1-6-viz-step-plot-graph-example.png)
### Bar Graph
@@ -120,11 +120,11 @@ 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/chronograf/chrono-viz-bar-graph-selector.png)
+![Bar Graph selector](/img/chronograf/1-6-viz-bar-graph-selector.png)
#### Bar Graph Controls
-![Bar Graph Controls](/img/chronograf/chrono-viz-bar-graph-controls.png)
+![Bar Graph Controls](/img/chronograf/1-6-viz-bar-graph-controls.png)
Use the **Bar Graph Controls** to specify the following:
@@ -141,7 +141,7 @@ Use the **Bar Graph Controls** to specify the following:
#### Bar Graph example
-![Bar Graph example](/img/chronograf/chrono-viz-bar-graph-example.png)
+![Bar Graph example](/img/chronograf/1-6-viz-bar-graph-example.png)
### Line Graph + Single Stat
@@ -150,11 +150,11 @@ The **Line Graph + Single Stat** view displays the specified time series in a li
To select this view, click the **Line Graph + Single Stat** view option.
-![Line Graph + Single Stat selector](/img/chronograf/chrono-viz-line-graph-single-stat-selector.png)
+![Line Graph + Single Stat selector](/img/chronograf/1-6-viz-line-graph-single-stat-selector.png)
#### Line Graph + Single Stat Controls
-![Line Graph + Single Stat Controls](/img/chronograf/chrono-viz-line-graph-single-stat-controls.png)
+![Line Graph + Single Stat Controls](/img/chronograf/1-6-viz-line-graph-single-stat-controls.png)
Use the **Line Graph + Single Stat Controls** to specify the following:
@@ -171,13 +171,13 @@ Use the **Line Graph + Single Stat Controls** to specify the following:
#### Line Graph + Single Stat example
-![Line Graph + Single Stat example](/img/chronograf/chrono-viz-line-graph-single-stat-example.png)
+![Line Graph + Single Stat example](/img/chronograf/1-6-viz-line-graph-single-stat-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/chronograf/chrono-viz-single-stat-selector.png)
+![Single Stat view](/img/chronograf/1-6-viz-single-stat-selector.png)
If a cell's query includes a [`GROUP BY` tag](/influxdb/latest/query_language/data_exploration/#group-by-tags) clause, Chronograf sorts the different [series](/influxdb/latest/concepts/glossary/#series) lexicographically and shows the most recent [field value](/influxdb/latest/concepts/glossary/#field-value) associated with the first series.
For example, if a query groups by the `name` [tag key](/influxdb/latest/concepts/glossary/#tag-key) and `name` has two [tag values](/influxdb/latest/concepts/glossary/#tag-value) (`chronelda` and `chronz`), Chronograf shows the most recent field value associated with the `chronelda` series.
@@ -203,11 +203,11 @@ The **Gauge** view displays the single value most recent value for a time series
To select this view, click the Gauge selector icon.
-![Gauge selector](/img/chronograf/chrono-viz-gauge-selector.png)
+![Gauge selector](/img/chronograf/1-6-viz-gauge-selector.png)
#### Gauge Controls
-![Gauge Controls](/img/chronograf/chrono-viz-gauge-controls.png)
+![Gauge Controls](/img/chronograf/1-6-viz-gauge-controls.png)
Use the **Gauge Controls** to specify the following:
@@ -221,17 +221,17 @@ Use the **Gauge Controls** to specify the following:
#### Gauge example
-![Gauge example](/img/chronograf/chrono-viz-gauge-example.png)
+![Gauge example](/img/chronograf/1-6-viz-gauge-example.png)
### Table
The **Table** panel displays the results of queries in a tabular view, which is sometimes easier to analyze than graph views of data.
-![Table selector](/img/chronograf/chrono-viz-table-selector.png)
+![Table selector](/img/chronograf/1-6-viz-table-selector.png)
#### Table Controls
-![Table Controls](/img/chronograf/chrono-viz-table-controls.png)
+![Table Controls](/img/chronograf/1-6-viz-table-controls.png)
Use the **Table Controls** to specify the following:
@@ -255,4 +255,4 @@ Use the **Table Controls** to specify the following:
#### Table view example
-![Table example](/img/chronograf/chrono-viz-table-example.png)
+![Table example](/img/chronograf/1-6-viz-table-example.png)
diff --git a/content/chronograf/v1.6/troubleshooting/frequently-asked-questions.md b/content/chronograf/v1.6/troubleshooting/frequently-asked-questions.md
index bf8a06faa..7303d7814 100644
--- a/content/chronograf/v1.6/troubleshooting/frequently-asked-questions.md
+++ b/content/chronograf/v1.6/troubleshooting/frequently-asked-questions.md
@@ -15,7 +15,7 @@ When you enter the InfluxDB HTTP bind address in the `Connection String` input,
If it is a data node, Chronograf automatically adds the `Meta Service Connection URL` input to the connection details form.
Enter the HTTP bind address of one of your cluster's meta nodes into that input and Chronograf takes care of the rest.
-![Cluster connection details](/img/chronograf/v1.6/faq-cluster-connection.png)
+![Cluster connection details](/img/chronograf/1-6-faq-cluster-connection.png)
Note that the example above assumes that you do not have authentication enabled.
If you have authentication enabled, the form requires username and password information.
diff --git a/content/chronograf/v1.7/_index.md b/content/chronograf/v1.7/_index.md
index c53ca055e..1e472fefd 100644
--- a/content/chronograf/v1.7/_index.md
+++ b/content/chronograf/v1.7/_index.md
@@ -10,7 +10,7 @@ menu:
Chronograf is InfluxData's open source web application.
Use Chronograf with the other components of the [TICK stack](https://www.influxdata.com/products/) to visualize your monitoring data and easily create alerting and automation rules.
-![Chronograf Collage](/img/chronograf/v1.7/chronograf-collage.png)
+![Chronograf Collage](/img/chronograf/1-6-chronograf-collage.png)
## Key features
diff --git a/content/chronograf/v1.7/administration/chrono-on-clusters.md b/content/chronograf/v1.7/administration/chrono-on-clusters.md
index 347682a40..24808dd2c 100644
--- a/content/chronograf/v1.7/administration/chrono-on-clusters.md
+++ b/content/chronograf/v1.7/administration/chrono-on-clusters.md
@@ -14,7 +14,7 @@ When you enter the InfluxDB HTTP bind address in the `Connection String` input,
If it is a data node, Chronograf automatically adds the `Meta Service Connection URL` input to the connection details form.
Enter the HTTP bind address of one of your cluster's meta nodes into that input and Chronograf takes care of the rest.
-![Cluster connection details](/img/chronograf/v1.7/faq-cluster-connection.png)
+![Cluster connection details](/img/chronograf/1-6-faq-cluster-connection.png)
Note that the example above assumes that you do not have authentication enabled.
If you have authentication enabled, the form requires username and password information.
diff --git a/content/chronograf/v1.7/administration/creating-connections.md b/content/chronograf/v1.7/administration/creating-connections.md
index d2f5a0523..bc01964a2 100644
--- a/content/chronograf/v1.7/administration/creating-connections.md
+++ b/content/chronograf/v1.7/administration/creating-connections.md
@@ -23,10 +23,10 @@ To create an InfluxDB connection in the Chronograf UI:
1. Open Chronograf and click **Configuration** (wrench icon) in the navigation menu.
2. Click **Add Connection**.
- ![Chronograf connections landing page](/img/chronograf/v1.7/connection-landing-page.png)
+ ![Chronograf connections landing page](/img/chronograf/1-6-connection-landing-page.png)
3. Enter values for the following fields:
-
+
* **Connection URL**: Enter the hostname or IP address of the InfluxDB instance and the port. The field is prefilled with `http://localhost:8086`.
* **Connection Name**: Enter the name for this connection.
@@ -167,11 +167,11 @@ To create a Kapacitor connection using the Chronograf UI:
1. Open Chronograf and click **Configuration** (wrench icon) in the navigation menu.
2. Next to an existing [InfluxDB connection](#managing-influxdb-connections-using-the-chronograf-ui), click **Add Kapacitor Connection** if there are no existing Kapacitor connections or select **Add Kapacitor Connection** in the **Kapacitor Connection** dropdown list.
- ![Add a new Kapacitor connection in Chronograf](/img/chronograf/v1.7/connection-kapacitor.png)
+ ![Add a new Kapacitor connection in Chronograf](/img/chronograf/1-6-connection-kapacitor.png)
3. In the **Connection Details** section, enter values for the following fields:
-
+
* **Kapacitor URL**: Enter the hostname or IP address of the Kapacitor instance and the port. The field is prefilled with `http://localhost:9092`.
* **Name**: Enter the name for this connection.
diff --git a/content/chronograf/v1.7/administration/import-export-dashboards.md b/content/chronograf/v1.7/administration/import-export-dashboards.md
index be794cfff..5ce94796a 100644
--- a/content/chronograf/v1.7/administration/import-export-dashboards.md
+++ b/content/chronograf/v1.7/administration/import-export-dashboards.md
@@ -20,7 +20,7 @@ This allows you to recreate robust dashboards without having to manually configu
2. Hover over the dashboard you would like to export and click the "Export"
button that appears to the right.
-
+
This downloads a JSON file containing dashboard information including template variables,
cells and cell information such as the query, cell-sizing, color scheme, visualization type, etc.
@@ -35,13 +35,13 @@ cells and cell information such as the query, cell-sizing, color scheme, visuali
The newly imported dashboard will be included in your list of dashboards.
-![Importing a Chronograf dashboard](/img/chronograf/v1.7/dashboard-import.gif)
+![Importing a Chronograf dashboard](/img/chronograf/1-6-dashboard-import.gif)
### Reconciling unmatched sources
If the data sources defined in the imported dashboard JSON file do not match any of your local sources,
you will have to reconcile each of the unmatched sources during the import process.
-![Reconcile unmatched sources](/img/chronograf/v1.7/dashboard-import-reconcile.png)
+![Reconcile unmatched sources](/img/chronograf/1-6-dashboard-import-reconcile.png)
## Required user roles
Depending on the role of your user, there are some restrictions on importing and exporting dashboards:
diff --git a/content/chronograf/v1.7/administration/managing-influxdb-users.md b/content/chronograf/v1.7/administration/managing-influxdb-users.md
index 7c660cae6..fecfafba0 100644
--- a/content/chronograf/v1.7/administration/managing-influxdb-users.md
+++ b/content/chronograf/v1.7/administration/managing-influxdb-users.md
@@ -88,7 +88,7 @@ On the **Chronograf Admin** page:
* Change user passwords
* Assign admin and remove admin permissions to or from a user
-![InfluxDB OSS user management](/img/chronograf/chrono-admin-usermanagement-oss.png)
+![InfluxDB OSS user management](/img/chronograf/1-6-admin-usermanagement-oss.png)
InfluxDB users are either admin users or non-admin users.
See InfluxDB's [authentication and authorization](/influxdb/latest/administration/authentication_and_authorization/#user-types-and-privileges) documentation for more information about those user types.
@@ -129,7 +129,7 @@ On the `Admin` page:
* Create, edit, and delete roles
* Assign and remove roles to or from a user
-![InfluxDB Enterprise user management](/img/chronograf/chrono-admin-usermanagement-cluster.png)
+![InfluxDB Enterprise user management](/img/chronograf/1-6-admin-usermanagement-cluster.png)
### User types
@@ -306,4 +306,4 @@ For example, the image below contains three roles: `CREATOR`, `DESTROYER`, and `
`CREATOR` includes two permissions (`CreateDatbase` and `CreateUserAndRole`) and is assigned to one user (`chrononut`).
`DESTROYER` also includes two permissions (`DropDatabase` and `DropData`) and is assigned to two users (`chrononut` and `chronelda`).
-![InfluxDB OSS user management](/img/chronograf/chrono-admin-usermanagement-roles.png)
+![InfluxDB OSS user management](/img/chronograf/1-6-admin-usermanagement-roles.png)
diff --git a/content/chronograf/v1.7/administration/transition-web-admin-interface.md b/content/chronograf/v1.7/administration/transition-web-admin-interface.md
index 60dfc9e4a..3d851f44d 100644
--- a/content/chronograf/v1.7/administration/transition-web-admin-interface.md
+++ b/content/chronograf/v1.7/administration/transition-web-admin-interface.md
@@ -25,7 +25,7 @@ The following sections describe the Chronograf features that relate to the web a
In the web admin interface, users chose the target database in the top right corner and selected from a set of query templates in the `Query Templates` dropdown.
The templates included queries with no user-provided values (example: [`SHOW MEASUREMENTS`](/influxdb/latest/query_language/schema_exploration/#show-measurements)) and queries with user-provided values (example: [`SHOW TAG KEYS FROM ""`](/influxdb/latest/query_language/schema_exploration/#show-tag-keys)).
-![WAI Query Templates](/img/chronograf/v1.7/g-admin-webtemplates.png)
+![WAI Query Templates](/img/chronograf/1-6-g-admin-webtemplates.png)
### Chronograf
@@ -33,7 +33,7 @@ In Chronograf, the same `Query Templates` dropdown appears in the Data Explorer.
To use query templates, select a query from the set of available queries and insert the relevant user-provided values.
Note that unlike the web admin interface, Chronograf does not have a database dropdown; the query must specify the target database.
-![Chronograf Query Templates](/img/chronograf/v1.7/g-admin-chronotemplates.png)
+![Chronograf Query Templates](/img/chronograf/1-6-g-admin-chronotemplates.png)
## Writing data
@@ -41,7 +41,7 @@ Note that unlike the web admin interface, Chronograf does not have a database dr
To write data to InfluxDB, users selected the target database in the top right corner, clicked the `Write Data` icon, and entered their [line protocol](/influxdb/latest/concepts/glossary/#influxdb-line-protocol) in the text input:
-![WAI Writing Data](/img/chronograf/v1.7/g-admin-write.png)
+![WAI Writing Data](/img/chronograf/1-6-g-admin-write.png)
### Chronograf
@@ -49,7 +49,7 @@ In versions 1.3.2.0+, Chronograf's Data Explorer offers the same write functiona
To write data to InfluxDB, click the `Write Data` icon at the top of the Data Explorer page and select your target database.
Next, enter your line protocol in the main text box and click the `Write` button.
-![Chronograf Writing Data](/img/chronograf/v1.7/g-admin-chronowrite.png)
+![Chronograf Writing Data](/img/chronograf/1-6-g-admin-chronowrite.png)
## Database and retention policy management
@@ -57,7 +57,7 @@ Next, enter your line protocol in the main text box and click the `Write` button
In the web admin interface, the `Query Template` dropdown was the only way to manage databases and [retention policies](/influxdb/latest/concepts/glossary/#retention-policy-rp) (RP):
-![WAI DBRP Management](/img/chronograf/v1.7/g-admin-webdbrp.png)
+![WAI DBRP Management](/img/chronograf/1-6-g-admin-webdbrp.png)
### Chronograf
@@ -65,7 +65,7 @@ In Chronograf, the `Admin` page includes a complete user interface for database
The `Admin` page allows users to view, create, and delete databases and RPs without having to learn the relevant query syntax.
The GIF below shows the process of creating a database, creating an RP, and deleting that database.
-![Chronograf DBRP Management](/img/chronograf/v1.7/g-admin-chronodbrp.gif)
+![Chronograf DBRP Management](/img/chronograf/1-6-g-admin-chronodbrp.gif)
Note that, like the web admin interface, Chronograf's [`Query Templates` dropdown](#chronograf) includes the database- and RP-related queries.
@@ -75,7 +75,7 @@ Note that, like the web admin interface, Chronograf's [`Query Templates` dropdow
In the web admin interface, the `Query Template` dropdown was the only way to manage users:
-![WAI User Management](/img/chronograf/v1.7/g-admin-webuser.png)
+![WAI User Management](/img/chronograf/1-6-g-admin-webuser.png)
### Chronograf
@@ -89,6 +89,6 @@ The `Admin` page allows users to:
* Create, edit, and delete roles (available in InfluxEnterprise only)
* Assign and remove roles to or from a user (available in InfluxEnterprise only)
-![Chronograf User Management i](/img/chronograf/v1.7/g-admin-chronousers1.png)
+![Chronograf User Management i](/img/chronograf/1-6-g-admin-chronousers1.png)
Note that, like the web admin interface, Chronograf's [`Query Templates` dropdown](#chronograf) includes the user-related queries.
diff --git a/content/chronograf/v1.7/guides/advanced-kapacitor.md b/content/chronograf/v1.7/guides/advanced-kapacitor.md
index e65c090e6..8e0a0413f 100644
--- a/content/chronograf/v1.7/guides/advanced-kapacitor.md
+++ b/content/chronograf/v1.7/guides/advanced-kapacitor.md
@@ -31,7 +31,7 @@ In the Databases tab:
#### Step 1: Locate the `chronograf` database and click on the infinity symbol (∞)
-![RP in practice](/img/chronograf/v1.7/g-advkap-dur.png)
+![RP in practice](/img/chronograf/1-6-g-advkap-dur.png)
#### Step 2: Enter a different duration
@@ -50,7 +50,7 @@ Those alerts no longer appear in your InfluxDB instance or on Chronograf's Alert
Looking at the image below and assuming that the current time is 19:00 on April 27, 2017, only the first three alerts would appear in your alert history; they occurred within the previous hour (18:00 through 19:00).
The fourth alert, which occurred on the same day at 16:58:50, is outside the previous hour and would no longer appear in the InfluxDB `chronograf` database or on the Chronograf Alert History page.
-![RP in practice](/img/chronograf/v1.7/g-advkap-rp.png)
+![RP in practice](/img/chronograf/1-6-g-advkap-rp.png)
## TICKscript management
@@ -69,4 +69,4 @@ You cannot edit pre-existing tasks on the Chronograf Alert Rules page.
The `mytick` task in the image below is a pre-existing task; its name appears on the Alert Rules page but you cannot click on it or edit its TICKscript in the interface.
Currently, you must manually edit your existing tasks and TICKscripts on your machine.
-![Pre-existing task](/img/chronograf/v1.7/g-advkap-pretick.png)
+![Pre-existing task](/img/chronograf/1-6-g-advkap-pretick.png)
diff --git a/content/chronograf/v1.7/guides/analyzing-logs.md b/content/chronograf/v1.7/guides/analyzing-logs.md
index ae67bbba3..af4dbc67b 100644
--- a/content/chronograf/v1.7/guides/analyzing-logs.md
+++ b/content/chronograf/v1.7/guides/analyzing-logs.md
@@ -18,14 +18,14 @@ Logs data is a first class citizen in InfluxDB and is populated using available
## Viewing logs in Chronograf
Chronograf has a dedicated log viewer accessed by clicking the **Log Viewer** button in the left navigation.
-
+
The log viewer provides a detailed histogram showing the time-based distribution of log entries color-coded by log severity.
It also includes a live stream of logs that can be searched, filtered, and paused to analyze specific time ranges.
Logs are pulled from the `syslog` measurement.
_Other log inputs and alternate log measurement options will be available in future updates._
-
+
### Searching and filtering logs
Search for logs using keywords or regular expressions.
@@ -34,7 +34,7 @@ Any tag values included with the log entry can be used as a filter.
You can also use search operators to filter your results. For example, if you want to find results with a severity of critical that don't mention RSS, you can enter: `severity == crit` and `-RSS`.
-![Searching and filtering logs](/img/chronograf/log-viewer-search-filter.gif)
+![Searching and filtering logs](/img/chronograf/1-7-log-viewer-search-filter.gif)
> **Note:** The log search field is case-sensitive.
@@ -45,13 +45,13 @@ In the log viewer, you can select time ranges from which to view logs.
By default, logs are streamed and displayed relative to "now," but it is possible to view logs from a past window of time.
timeframe selection allows you to go to to a specific event and see logs for a time window both preceding and following that event. The default window is one minute, meaning the graph shows logs from thirty seconds before and the target time. Click the dropdown menu change the window.
-![Selecting time ranges](/img/chronograf/log-viewer-specific-time.gif)
+![Selecting time ranges](/img/chronograf/1-7-log-viewer-specific-time.gif)
## Configuring the log viewer
The log viewer can be customized to fit your specific needs.
Open the log viewer configuration options by clicking the gear button in the top right corner of the log viewer. Once done, click **Save** to apply the changes.
-
+
### Severity colors
Every log severity is assigned a color which is used in the display of log entries.
@@ -67,9 +67,9 @@ Below are the options and how they appear in the log table:
| Severity Format | Display |
| --------------- |:------- |
-| Dot | |
-| Dot + Text | |
-| Text | |
+| Dot | |
+| Dot + Text | |
+| Text | |
### Truncate or wrap log messages
By default, text in Log Viewer columns is truncated if it exceeds the column width. You can choose to wrap the text instead to display the full content of each cell.
@@ -82,6 +82,6 @@ To copy the complete, untruncated log message, select the message cell and click
An incredibly powerful way to analyze log data is by creating dashboards that include log data.
This is possible by using the [Table visualization type](/chronograf/v1.7/guides/visualization-types/#table) to display log data in your dashboard.
-![Correlating logs with other metrics](/img/chronograf/log-viewer-dashboard.gif)
+![Correlating logs with other metrics](/img/chronograf/1-7-log-viewer-dashboard.gif)
This type of visualization allows you to quickly identify anomalies in other metrics and see logs associated with those anomalies.
diff --git a/content/chronograf/v1.7/guides/annotations.md b/content/chronograf/v1.7/guides/annotations.md
index bf66fecb9..9158894c1 100644
--- a/content/chronograf/v1.7/guides/annotations.md
+++ b/content/chronograf/v1.7/guides/annotations.md
@@ -20,7 +20,7 @@ The following screenshot of five graph views displays annotations for a single p
The text and timestamp for the single point in time can be seem above the annotation line in the graph view on the lower right.
The annotation displays "`Deploy v3.8.1-2`" and the time "`2018/28/02 15:59:30:00`".
-![Annotations on multiple graph views](/img/chronograf/chrono-annotations-example.png)
+![Annotations on multiple graph views](/img/chronograf/1-6-annotations-example.png)
**To add an annotation using the Chronograf user interface:**
diff --git a/content/chronograf/v1.7/guides/cloning-in-ui.md b/content/chronograf/v1.7/guides/cloning-in-ui.md
index 35568951d..64f9a7342 100644
--- a/content/chronograf/v1.7/guides/cloning-in-ui.md
+++ b/content/chronograf/v1.7/guides/cloning-in-ui.md
@@ -18,11 +18,11 @@ Dashboards in Chronograf can be cloned (or copied) to be used to create a dashbo
1. On the **Dashboards** page, hover your cursor over the listing of the dashboard that you want to clone and click the **Clone** button that appears.
-![Click the Clone button](/img/chronograf/clone-dashboard.png)
+![Click the Clone button](/img/chronograf/1-6-clone-dashboard.png)
The cloned dashboard opens and displays the name of the original dashboard with `(clone)` after it.
-![Cloned dashboard](/img/chronograf/clone-dashboard-clone.png)
+![Cloned dashboard](/img/chronograf/1-6-clone-dashboard-clone.png)
You can now change the dashboard name and customize the dashboard.
@@ -34,10 +34,10 @@ Cells in Chronograf dashboards can be cloned, or copied, to quickly create a cel
1. On the dashboard cell that you want to make a copy of, click the **Clone** icon and then confirm by clicking **Clone Cell**.
-![Click the Clone icon](/img/chronograf/clone-cell-click-button.png)
+![Click the Clone icon](/img/chronograf/1-6-clone-cell-click-button.png)
2. The cloned cell appears in the dashboard displaying the nameof the original cell with `(clone)` after it.
-![Cloned cell](/img/chronograf/clone-cell-cell-copy.png)
+![Cloned cell](/img/chronograf/1-6-clone-cell-cell-copy.png)
You can now change the cell name and customize the cell.
diff --git a/content/chronograf/v1.7/guides/configuring-alert-endpoints.md b/content/chronograf/v1.7/guides/configuring-alert-endpoints.md
index f29c8838b..df7169a41 100644
--- a/content/chronograf/v1.7/guides/configuring-alert-endpoints.md
+++ b/content/chronograf/v1.7/guides/configuring-alert-endpoints.md
@@ -253,7 +253,7 @@ Click **Add Another Config** to add additional Slack alert endpoints. Each addit
Configure Chronograf to send alert messages to an existing Telegram bot.
The sections below describe each configuration option.
-![Telegram configuration](/img/chronograf/v1.7/g-eventhandlers-telegram.png)
+![Telegram configuration](/img/chronograf/1-6-g-eventhandlers-telegram.png)
#### Telegram bot
diff --git a/content/chronograf/v1.7/guides/create-a-dashboard.md b/content/chronograf/v1.7/guides/create-a-dashboard.md
index fcd2a8f20..915541ec7 100644
--- a/content/chronograf/v1.7/guides/create-a-dashboard.md
+++ b/content/chronograf/v1.7/guides/create-a-dashboard.md
@@ -17,7 +17,7 @@ Chronograf offers a complete dashboard solution for visualizing your data and mo
By the end of this guide, you'll be aware of the tools available to you for creating dashboards similar to this example:
-![Oh, the Chronobilities](/img/chronograf/v1.7/g-dashboard-possibilities.png)
+![Oh, the Chronobilities](/img/chronograf/1-6-g-dashboard-possibilities.png)
## Requirements
@@ -39,7 +39,7 @@ Click **Name This Dashboard** and type a new name. In this guide, "ChronoDash" i
In the first cell, titled "Untitled Cell", click **Edit**
to open the cell editor mode.
-![Edit your cell](/img/chronograf/g-dashboard-cell-edit.png)
+![Edit your cell](/img/chronograf/1-6-g-dashboard-cell-edit.png)
### Step 3: Create your query
@@ -54,13 +54,13 @@ Those defaults are configurable using the query builder or by manually editing t
In addition, the time range (`:dashboardTime:`) is [configurable on the dashboard](#step-6-configure-your-dashboard).
-![Build your query](/img/chronograf/v1.7/g-dashboard-builder.png)
+![Build your query](/img/chronograf/1-6-g-dashboard-builder.png)
### Step 4: Choose your visualization type
Chronograf supports many different [visualization types](/chronograf/latest/guides/visualization-types/). To choose a visualization type, click **Visualization** and select **Step-Plot Graph**.
-![Visualization type](/img/chronograf/v1.7/g-dashboard-visualization.png)
+![Visualization type](/img/chronograf/1-6-g-dashboard-visualization.png)
### Step 5: Save your cell
Click **Save** (the green checkmark icon) to save your cell.
@@ -95,10 +95,10 @@ Now, you're ready to experiment and complete your dashboard by creating, editing
Select from a variety of dashboard templates to import and customize based on which Telegraf plugins you have enabled, such as the following examples:
-
-
-
-
+
+
+
+
**To import dashboard templates:**
@@ -106,7 +106,7 @@ Select from a variety of dashboard templates to import and customize based on wh
2. In the **InfluxDB Connection** window, enter or verify your connection details and click **Add** or **Update Connection**.
3. In the **Dashboards** window, select from the available dashboard templates to import based on which Telegraf plugins you have enabled.
-
+
4. Click **Create (x) Dashboards**.
5. Edit, clone, or configure the dashboards as needed.
diff --git a/content/chronograf/v1.7/guides/create-alert-rules.md b/content/chronograf/v1.7/guides/create-alert-rules.md
index f072b1f0c..bf517385a 100644
--- a/content/chronograf/v1.7/guides/create-alert-rules.md
+++ b/content/chronograf/v1.7/guides/create-alert-rules.md
@@ -38,12 +38,12 @@ See the [Configuring Kapacitor Event Handlers](/chronograf/latest/guides/configu
Navigate to the **Manage Tasks** page under **Alerting** in the left navigation, then click **+ Build Alert Rule** in the top right corner.
-![Navigate to Manage Tasks](/img/chronograf/v1.7/alerts-manage-tasks-nav.png)
+![Navigate to Manage Tasks](/img/chronograf/1-6-alerts-manage-tasks-nav.png)
The **Manage Tasks** page is used to create and edit your Chronograf alert rules.
The steps below guide you through the process of creating a Chronograf alert rule.
-![Empty Rule Configuration](/img/chronograf/v1.7/alerts-rule-builder.png)
+![Empty Rule Configuration](/img/chronograf/1-6-alerts-rule-builder.png)
### Step 1: Name the alert rule
@@ -72,7 +72,7 @@ Navigate through databases, measurements, fields, and tags to select the relevan
In this example, select the `telegraf` [database](/influxdb/latest/concepts/glossary/#database), the `autogen` [retention policy](/influxdb/latest/concepts/glossary/#retention-policy-rp), the `cpu` [measurement](/influxdb/latest/concepts/glossary/#measurement), and the `usage_idle` [field](/influxdb/latest/concepts/glossary/#field).
-![Select your data](/img/chronograf/v1.7/alerts-time-series.png)
+![Select your data](/img/chronograf/1-6-alerts-time-series.png)
### Step 4: Define the rule condition
@@ -80,7 +80,7 @@ Define the threshold condition.
Condition options are determined by the [alert type](#step-2-select-the-alert-type).
For this example, the alert conditions are if `usage_idle` is less than `80`.
-![Create a condition](/img/chronograf/v1.7/alerts-conditions.png)
+![Create a condition](/img/chronograf/1-6-alerts-conditions.png)
The graph shows a preview of the relevant data and the threshold number.
By default, the graph shows data from the past 15 minutes.
@@ -98,7 +98,7 @@ Each handler has unique configurable options.
For this example, choose the **slack** alert handler and enter the desired options.
-![Select the alert handler](/img/chronograf/v1.7/alerts-configure-handlers.png)
+![Select the alert handler](/img/chronograf/1-6-alerts-configure-handlers.png)
> Multiple alert handlers can be added to send alerts to multiple endpoints.
@@ -111,7 +111,7 @@ As you type your alert message, clicking the data templates will insert them at
In this example, use the alert message, `Your idle CPU usage is {{.Level}} at {{ index .Fields "value" }}.`.
-![Specify event handler and alert message](/img/chronograf/v1.7/alerts-message.png)
+![Specify event handler and alert message](/img/chronograf/1-6-alerts-message.png)
*View the Kapacitor documentation for more information about [message template data](/kapacitor/latest/nodes/alert_node/#message).*
@@ -120,7 +120,7 @@ In this example, use the alert message, `Your idle CPU usage is {{.Level}} at {{
Click **Save Rule** in the top right corner and navigate to the **Manage Tasks** page to see your rule.
Notice that you can easily enable and disable the rule by toggling the checkbox in the **Enabled** column.
-![See the alert rule](/img/chronograf/v1.7/alerts-view-rules.png)
+![See the alert rule](/img/chronograf/1-6-alerts-view-rules.png)
Next, move on to the section below to experience your alert rule in action.
@@ -149,10 +149,10 @@ Assuming the first step was successful, `#ohnos` should reveal at least two aler
* The first alert message indicates that your idle CPU usage was `CRITICAL`, meaning it dipped below `80%`.
* The second alert message indicates that your idle CPU usage returned to an `OK` level of `80%` or above.
-![See the alerts](/img/chronograf/v1.7/alerts-slack-notifications.png)
+![See the alerts](/img/chronograf/1-6-alerts-slack-notifications.png)
You can also see alerts on the **Alert History** page available under **Alerting** in the left navigation.
-![Chronograf alert history](/img/chronograf/v1.7/alerts-history.png)
+![Chronograf alert history](/img/chronograf/1-6-alerts-history.png)
That's it! You've successfully used Chronograf to configure an alert rule to monitor your idle CPU usage and send notifications to Slack.
diff --git a/content/chronograf/v1.7/guides/dashboard-template-variables.md b/content/chronograf/v1.7/guides/dashboard-template-variables.md
index f3bcd558a..283efe99d 100644
--- a/content/chronograf/v1.7/guides/dashboard-template-variables.md
+++ b/content/chronograf/v1.7/guides/dashboard-template-variables.md
@@ -25,7 +25,7 @@ You can use either [predefined template variables](#predefined-template-variable
or [custom template variables](#create-custom-template-variables).
Variable values are then selected in your dashboard user-interface (UI).
-![Using template variables](/img/chronograf/v1.7/template-vars-use.gif)
+![Using template variables](/img/chronograf/1-6-template-vars-use.gif)
## Predefined template variables
Chronograf includes predefined template variables controlled by elements in the Chrongraf UI.
@@ -38,7 +38,7 @@ These template variables can be used in any of your cells' queries.
### dashboardTime
The `:dashboardTime:` template variable is controlled by the "time" dropdown in your Chronograf dashboard.
-
+
If using relative times, it represents the time offset specified in the dropdown (-5m, -15m, -30m, etc.) and assumes time is relative to "now".
If using absolute times defined by the date picker, `:dashboardTime:` is populated with lower threshold.
@@ -56,7 +56,7 @@ WHERE time > :dashboardTime:
### upperDashboardTime
The `:upperDashboardTime:` template variable is defined by the upper time limit specified using the date picker.
-
+
It will inherit `now()` when using relative time frames or the upper time limit when using absolute timeframes.
@@ -69,7 +69,7 @@ WHERE time > :dashboardTime: AND time < :upperDashboardTime:
### interval
The `:interval:` template variable is defined by the interval dropdown in the Chronograf dashboard.
-
+
In cell queries, it should be used in the `GROUP BY time()` clause that accompanies aggregate functions:
@@ -95,7 +95,7 @@ To create a template variable:
If using the CSV or Map types, upload or input the CSV with the desired values in the appropriate format then select a default value.
5. Click **Create**.
-![Create a template variable](/img/chronograf/v1.7/template-vars-create.gif)
+![Create a template variable](/img/chronograf/1-6-template-vars-create.gif)
Once created, the template variable can be used in any of your cell's queries or titles
and a dropdown for the variable will be included at the top of your dashboard.
@@ -251,7 +251,7 @@ key3,value3
key4,value4
```
-
+
> If values are meant to be used as string field values, wrap them in single quote ([required by InfluxQL](/influxdb/latest/troubleshooting/frequently-asked-questions/#when-should-i-single-quote-and-when-should-i-double-quote-in-queries)). This only pertains to values. String keys do not matter.
@@ -285,7 +285,7 @@ The customer names would populate your template variable dropdown rather than th
Vary part of a query with a customized meta query that pulls a specific array of values from InfluxDB.
These variables allow you to pull a highly customized array of potential values and offer advanced functionality such as [filtering values based on other template variables](#filtering-template-variables-with-other-template-variables).
-
+
_**Example custom meta query variable in a cell query**_
```sql
@@ -330,7 +330,7 @@ For example, let's say you want to list all the field keys associated with a mea
1. Create a template variable named `:measurementVar:` _(the name "measurement" is [reserved]( #reserved-variable-names))_ that uses the [Measurements](#measurements) variable type to pull in all measurements from the `telegraf` database.
-
+
2. Create a template variable named `:fieldKey:` that uses the [custom meta query](#custom-meta-query) variable type.
The following meta query pulls a list of field keys based on the existing `:measurementVar:` template variable.
@@ -339,7 +339,7 @@ The following meta query pulls a list of field keys based on the existing `:meas
SHOW FIELD KEYS ON telegraf FROM :measurementVar:
```
-
+
3. Create a new dashboard cell that uses the `:fieldKey:` and `:measurementVar` template variables in its query.
@@ -349,7 +349,7 @@ The following meta query pulls a list of field keys based on the existing `:meas
The resulting dashboard will work like this:
-![Custom meta query filtering](/img/chronograf/v1.7/custom-meta-query-filtering.gif)
+![Custom meta query filtering](/img/chronograf/1-6-custom-meta-query-filtering.gif)
### Defining template variables in the URL
Chronograf uses URL query parameters (also known as query string parameters) to set both display options and template variables in the URL.
diff --git a/content/chronograf/v1.7/guides/monitoring-influxenterprise-clusters.md b/content/chronograf/v1.7/guides/monitoring-influxenterprise-clusters.md
index e2f81f207..991eff573 100644
--- a/content/chronograf/v1.7/guides/monitoring-influxenterprise-clusters.md
+++ b/content/chronograf/v1.7/guides/monitoring-influxenterprise-clusters.md
@@ -32,7 +32,7 @@ Chronograf and the other components of the TICK stack are supported on several o
Before we begin, here's an overview of the final monitoring setup:
-![Architecture diagram](/img/chronograf/chrono-cluster-diagram.png)
+![Architecture diagram](/img/chronograf/1-6-cluster-diagram.png)
The diagram above shows an InfluxEnterprise cluster that consists of three meta nodes (M) and three data nodes (D).
Each data node has its own [Telegraf](/telegraf/latest/) instance (T).
@@ -233,7 +233,7 @@ Chronograf can be downloaded from the [InfluxData downloads page](https://portal
To access Chronograf, go to http://localhost:8888.
The welcome page includes instructions for connecting Chronograf to that instance.
-![Connect Chronograf to InfluxDB](/img/chronograf/chrono-cluster-welcome.png)
+![Connect Chronograf to InfluxDB](/img/chronograf/1-6-cluster-welcome.png)
For the `Connection String`, enter the hostname or IP of your InfluxDB OSS instance, and be sure to include the default port: `8086`.
Next, name your data source; this can be anything you want.
@@ -245,17 +245,17 @@ Chronograf works with the Telegraf data in your InfluxDB OSS instance.
The `Host List` page shows your data node's hostnames, their statuses, CPU usage, load, and their configured applications.
In this case, you've only enabled the system stats input plugin so `system` is the single application that appears in the `Apps` column.
-![Host List page](/img/chronograf/chrono-cluster-hostlist.png)
+![Host List page](/img/chronograf/1-6-cluster-hostlist.png)
Click `system` to see the Chronograf canned dashboard for that application.
Keep an eye on your data nodes by viewing that dashboard for each hostname:
-![Pre-created dashboard](/img/chronograf/chrono-cluster-predash.gif)
+![Pre-created dashboard](/img/chronograf/1-6-cluster-predash.gif)
Next, check out the Data Explorer to create a customized graph with the monitoring data.
In the image below, the Chronograf query editor is used to visualize the idle CPU usage data for each data node:
-![Data Explorer](/img/chronograf/chrono-cluster-de.png)
+![Data Explorer](/img/chronograf/1-6-cluster-de.png)
Create more customized graphs and save them to a dashboard on the Dashboard page in Chronograf.
See the [Creating Chronograf dashboards](/chronograf/latest/guides/create-a-dashboard/) guide for more information.
diff --git a/content/chronograf/v1.7/guides/presentation-mode.md b/content/chronograf/v1.7/guides/presentation-mode.md
index 8b31befb5..491b46bc8 100644
--- a/content/chronograf/v1.7/guides/presentation-mode.md
+++ b/content/chronograf/v1.7/guides/presentation-mode.md
@@ -13,7 +13,7 @@ Presentation mode allows you to view Chronograf in full screen, hiding the left
## Entering presentation mode manually
To enter presentation mode manually, click the icon in the upper right:
-
+
To exit presentation mode, press `ESC`.
diff --git a/content/chronograf/v1.7/guides/querying-data.md b/content/chronograf/v1.7/guides/querying-data.md
index 73d7b1fda..c4e73200f 100644
--- a/content/chronograf/v1.7/guides/querying-data.md
+++ b/content/chronograf/v1.7/guides/querying-data.md
@@ -11,7 +11,7 @@ Explore and visualize your data in the **Data Explorer**. For both InfluxQL and
To open the **Data Explorer**, click the **Explore** icon in the navigation bar:
-
+
## Select local time or UTC (Coordinated Universal Time)
@@ -47,7 +47,7 @@ Flux is InfluxData's new functional data scripting language designed for queryin
* To get started with your query, click the **Script Wizard**. In the wizard, you can select a bucket, measurement, fields and an aggregate.
-
+
For example, if you make the above selections, the wizard inserts the following script:
@@ -75,9 +75,9 @@ To add your query and graph to a dashboard:
1. Click **Send to Dashboard** in the upper right.
2. In the **Target Dashboard(s)** dropdown, select at least one existing dashboard to send the cell to, or select **Send to a New Dashboard**.
-
+
3. Enter a name for the new cell and, if you created a new dashboard, the new dashboard.
4. Click **Send to Dashboard(s)**.
-
+
diff --git a/content/chronograf/v1.7/guides/visualization-types.md b/content/chronograf/v1.7/guides/visualization-types.md
index 38589bce8..006062f34 100644
--- a/content/chronograf/v1.7/guides/visualization-types.md
+++ b/content/chronograf/v1.7/guides/visualization-types.md
@@ -10,7 +10,7 @@ menu:
Chronograf's dashboard views support the following visualization types, which can be selected in the **Visualization Type** selection view of the [Data Explorer](/chronograf/latest/querying-data) .
-[Visualization Type selector](/img/chronograf/chrono-viz-types-selector.png)
+[Visualization Type selector](/img/chronograf/1-6-viz-types-selector.png)
Each of the available visualization types and available user controls are described below.
@@ -31,11 +31,11 @@ For information on adding and displaying annotations in graph views, see [Adding
The **Line Graph** view displays a time series in a line graph.
-![Line Graph selector](/img/chronograf/chrono-viz-line-graph-selector.png)
+![Line Graph selector](/img/chronograf/1-6-viz-line-graph-selector.png)
#### Line Graph Controls
-![Line Graph Controls](/img/chronograf/chrono-viz-line-graph-controls.png)
+![Line Graph Controls](/img/chronograf/1-6-viz-line-graph-controls.png)
Use the **Line Graph Controls** to specify the following:
@@ -54,18 +54,18 @@ Use the **Line Graph Controls** to specify the following:
#### Line Graph example
-![Line Graph example](/img/chronograf/chrono-viz-line-graph-example.png)
+![Line Graph example](/img/chronograf/1-6-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/chronograf/chrono-viz-stacked-graph-selector.png)
+![Stacked Graph selector](/img/chronograf/1-6-viz-stacked-graph-selector.png)
#### Stacked Graph Controls
-![Stacked Graph Controls](/img/chronograf/chrono-viz-stacked-graph-controls.png)
+![Stacked Graph Controls](/img/chronograf/1-6-viz-stacked-graph-controls.png)
Use the **Stacked Graph Controls** to specify the following:
@@ -84,18 +84,18 @@ Use the **Stacked Graph Controls** to specify the following:
#### Stacked Graph example
-![Stacked Graph example](/img/chronograf/chrono-viz-stacked-graph-example.png)
+![Stacked Graph example](/img/chronograf/1-6-viz-stacked-graph-example.png)
### Step-Plot Graph
The **Step-Plot Graph** view displays a time series in a staircase graph.
-![Step-Plot Graph selector](/img/chronograf/chrono-viz-step-plot-graph-selector.png)
+![Step-Plot Graph selector](/img/chronograf/1-6-viz-step-plot-graph-selector.png)
#### Step-Plot Graph Controls
-![Step-Plot Graph Controls](/img/chronograf/chrono-viz-step-plot-graph-controls.png)
+![Step-Plot Graph Controls](/img/chronograf/1-6-viz-step-plot-graph-controls.png)
Use the **Step-Plot Graph Controls** to specify the following:
@@ -112,7 +112,7 @@ Use the **Step-Plot Graph Controls** to specify the following:
#### Step-Plot Graph example
-![Step-Plot Graph example](/img/chronograf/chrono-viz-step-plot-graph-example.png)
+![Step-Plot Graph example](/img/chronograf/1-6-viz-step-plot-graph-example.png)
### Bar Graph
@@ -121,11 +121,11 @@ 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/chronograf/chrono-viz-bar-graph-selector.png)
+![Bar Graph selector](/img/chronograf/1-6-viz-bar-graph-selector.png)
#### Bar Graph Controls
-![Bar Graph Controls](/img/chronograf/chrono-viz-bar-graph-controls.png)
+![Bar Graph Controls](/img/chronograf/1-6-viz-bar-graph-controls.png)
Use the **Bar Graph Controls** to specify the following:
@@ -142,7 +142,7 @@ Use the **Bar Graph Controls** to specify the following:
#### Bar Graph example
-![Bar Graph example](/img/chronograf/chrono-viz-bar-graph-example.png)
+![Bar Graph example](/img/chronograf/1-6-viz-bar-graph-example.png)
### Line Graph + Single Stat
@@ -151,11 +151,11 @@ The **Line Graph + Single Stat** view displays the specified time series in a li
To select this view, click the **Line Graph + Single Stat** view option.
-![Line Graph + Single Stat selector](/img/chronograf/chrono-viz-line-graph-single-stat-selector.png)
+![Line Graph + Single Stat selector](/img/chronograf/1-6-viz-line-graph-single-stat-selector.png)
#### Line Graph + Single Stat Controls
-![Line Graph + Single Stat Controls](/img/chronograf/chrono-viz-line-graph-single-stat-controls.png)
+![Line Graph + Single Stat Controls](/img/chronograf/1-6-viz-line-graph-single-stat-controls.png)
Use the **Line Graph + Single Stat Controls** to specify the following:
@@ -172,13 +172,13 @@ Use the **Line Graph + Single Stat Controls** to specify the following:
#### Line Graph + Single Stat example
-![Line Graph + Single Stat example](/img/chronograf/chrono-viz-line-graph-single-stat-example.png)
+![Line Graph + Single Stat example](/img/chronograf/1-6-viz-line-graph-single-stat-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/chronograf/chrono-viz-single-stat-selector.png)
+![Single Stat view](/img/chronograf/1-6-viz-single-stat-selector.png)
If a cell's query includes a [`GROUP BY` tag](/influxdb/latest/query_language/data_exploration/#group-by-tags) clause, Chronograf sorts the different [series](/influxdb/latest/concepts/glossary/#series) lexicographically and shows the most recent [field value](/influxdb/latest/concepts/glossary/#field-value) associated with the first series.
For example, if a query groups by the `name` [tag key](/influxdb/latest/concepts/glossary/#tag-key) and `name` has two [tag values](/influxdb/latest/concepts/glossary/#tag-value) (`chronelda` and `chronz`), Chronograf shows the most recent field value associated with the `chronelda` series.
@@ -204,11 +204,11 @@ The **Gauge** view displays the single value most recent value for a time series
To select this view, click the Gauge selector icon.
-![Gauge selector](/img/chronograf/chrono-viz-gauge-selector.png)
+![Gauge selector](/img/chronograf/1-6-viz-gauge-selector.png)
#### Gauge Controls
-![Gauge Controls](/img/chronograf/chrono-viz-gauge-controls.png)
+![Gauge Controls](/img/chronograf/1-6-viz-gauge-controls.png)
Use the **Gauge Controls** to specify the following:
@@ -222,17 +222,17 @@ Use the **Gauge Controls** to specify the following:
#### Gauge example
-![Gauge example](/img/chronograf/chrono-viz-gauge-example.png)
+![Gauge example](/img/chronograf/1-6-viz-gauge-example.png)
### Table
The **Table** panel displays the results of queries in a tabular view, which is sometimes easier to analyze than graph views of data.
-![Table selector](/img/chronograf/chrono-viz-table-selector.png)
+![Table selector](/img/chronograf/1-6-viz-table-selector.png)
#### Table Controls
-![Table Controls](/img/chronograf/chrono-viz-table-controls.png)
+![Table Controls](/img/chronograf/1-6-viz-table-controls.png)
Use the **Table Controls** to specify the following:
@@ -256,17 +256,17 @@ Use the **Table Controls** to specify the following:
#### Table view example
-![Table example](/img/chronograf/chrono-viz-table-example.png)
+![Table example](/img/chronograf/1-6-viz-table-example.png)
### Note
The **Note** panel displays Markdown-formatted text with your graph.
-![Note selector](/img/chronograf/chrono-viz-note-selector.png)
+![Note selector](/img/chronograf/1-7-viz-note-selector.png)
#### Note Controls
-![Note Controls](/img/chronograf/chrono-viz-note-controls.png)
+![Note Controls](/img/chronograf/1-7-viz-note-controls.png)
Enter your text in the **Add a Note** panel, using Markdown to format the text.
@@ -274,4 +274,4 @@ Enable the **Display note in cell when query returns no results** option to disp
#### Note view example
-![Note example](/img/chronograf/chrono-viz-note-example.png)
+![Note example](/img/chronograf/1-7-viz-note-example.png)
diff --git a/content/chronograf/v1.7/troubleshooting/frequently-asked-questions.md b/content/chronograf/v1.7/troubleshooting/frequently-asked-questions.md
index 434ae5439..ea166032c 100644
--- a/content/chronograf/v1.7/troubleshooting/frequently-asked-questions.md
+++ b/content/chronograf/v1.7/troubleshooting/frequently-asked-questions.md
@@ -15,7 +15,7 @@ When you enter the InfluxDB HTTP bind address in the `Connection String` input,
If it is a data node, Chronograf automatically adds the `Meta Service Connection URL` input to the connection details form.
Enter the HTTP bind address of one of your cluster's meta nodes into that input and Chronograf takes care of the rest.
-![Cluster connection details](/img/chronograf/v1.7/faq-cluster-connection.png)
+![Cluster connection details](/img/chronograf/1-6-faq-cluster-connection.png)
Note that the example above assumes that you do not have authentication enabled.
If you have authentication enabled, the form requires username and password information.
diff --git a/content/chronograf/v1.8/_index.md b/content/chronograf/v1.8/_index.md
index c4acfcc73..41c31dfbb 100644
--- a/content/chronograf/v1.8/_index.md
+++ b/content/chronograf/v1.8/_index.md
@@ -10,7 +10,7 @@ menu:
Chronograf is InfluxData's open source web application.
Use Chronograf with the other components of the [TICK stack](https://www.influxdata.com/products/) to visualize your monitoring data and easily create alerting and automation rules.
-![Chronograf Collage](/img/chronograf/v1.8/chronograf-collage.png)
+![Chronograf Collage](/img/chronograf/1-6-chronograf-collage.png)
## Key features
diff --git a/content/chronograf/v1.8/administration/chrono-on-clusters.md b/content/chronograf/v1.8/administration/chrono-on-clusters.md
index e8b765795..15ce62cf6 100644
--- a/content/chronograf/v1.8/administration/chrono-on-clusters.md
+++ b/content/chronograf/v1.8/administration/chrono-on-clusters.md
@@ -14,7 +14,7 @@ When you enter the InfluxDB HTTP bind address in the `Connection String` input,
If it is a data node, Chronograf automatically adds the `Meta Service Connection URL` input to the connection details form.
Enter the HTTP bind address of one of your cluster's meta nodes into that input and Chronograf takes care of the rest.
-![Cluster connection details](/img/chronograf/v1.8/faq-cluster-connection.png)
+![Cluster connection details](/img/chronograf/1-6-faq-cluster-connection.png)
Note that the example above assumes that you do not have authentication enabled.
If you have authentication enabled, the form requires username and password information.
diff --git a/content/chronograf/v1.8/administration/create-high-availability.md b/content/chronograf/v1.8/administration/create-high-availability.md
index ea0c0d36d..95f14f50f 100644
--- a/content/chronograf/v1.8/administration/create-high-availability.md
+++ b/content/chronograf/v1.8/administration/create-high-availability.md
@@ -17,7 +17,7 @@ Have an existing Chronograf configuration store that you want to use with a Chro
## Architecture
-
+{{< svg "/static/img/chronograf/1-8-ha-architecture.svg" >}}
## Install and start etcd
diff --git a/content/chronograf/v1.8/administration/creating-connections.md b/content/chronograf/v1.8/administration/creating-connections.md
index 59aaaf067..add18e874 100644
--- a/content/chronograf/v1.8/administration/creating-connections.md
+++ b/content/chronograf/v1.8/administration/creating-connections.md
@@ -23,10 +23,10 @@ To create an InfluxDB connection in the Chronograf UI:
1. Open Chronograf and click **Configuration** (wrench icon) in the navigation menu.
2. Click **Add Connection**.
- ![Chronograf connections landing page](/img/chronograf/v1.8/connection-landing-page.png)
+ ![Chronograf connections landing page](/img/chronograf/1-6-connection-landing-page.png)
3. Enter values for the following fields:
-
+
* **Connection URL**: Enter the hostname or IP address of the InfluxDB instance and the port. The field is prefilled with `http://localhost:8086`.
* **Connection Name**: Enter the name for this connection.
@@ -167,11 +167,11 @@ To create a Kapacitor connection using the Chronograf UI:
1. Open Chronograf and click **Configuration** (wrench icon) in the navigation menu.
2. Next to an existing [InfluxDB connection](#managing-influxdb-connections-using-the-chronograf-ui), click **Add Kapacitor Connection** if there are no existing Kapacitor connections or select **Add Kapacitor Connection** in the **Kapacitor Connection** dropdown list.
- ![Add a new Kapacitor connection in Chronograf](/img/chronograf/v1.8/connection-kapacitor.png)
+ ![Add a new Kapacitor connection in Chronograf](/img/chronograf/1-6-connection-kapacitor.png)
3. In the **Connection Details** section, enter values for the following fields:
-
+
* **Kapacitor URL**: Enter the hostname or IP address of the Kapacitor instance and the port. The field is prefilled with `http://localhost:9092`.
* **Name**: Enter the name for this connection.
diff --git a/content/chronograf/v1.8/administration/import-export-dashboards.md b/content/chronograf/v1.8/administration/import-export-dashboards.md
index ca5ab10ab..ed59bf415 100644
--- a/content/chronograf/v1.8/administration/import-export-dashboards.md
+++ b/content/chronograf/v1.8/administration/import-export-dashboards.md
@@ -20,7 +20,7 @@ This allows you to recreate robust dashboards without having to manually configu
2. Hover over the dashboard you would like to export and click the "Export"
button that appears to the right.
-
+
This downloads a JSON file containing dashboard information including template variables,
cells and cell information such as the query, cell-sizing, color scheme, visualization type, etc.
@@ -35,13 +35,13 @@ cells and cell information such as the query, cell-sizing, color scheme, visuali
The newly imported dashboard will be included in your list of dashboards.
-![Importing a Chronograf dashboard](/img/chronograf/v1.8/dashboard-import.gif)
+![Importing a Chronograf dashboard](/img/chronograf/1-6-dashboard-import.gif)
### Reconciling unmatched sources
If the data sources defined in the imported dashboard JSON file do not match any of your local sources,
you will have to reconcile each of the unmatched sources during the import process.
-![Reconcile unmatched sources](/img/chronograf/v1.8/dashboard-import-reconcile.png)
+![Reconcile unmatched sources](/img/chronograf/1-6-dashboard-import-reconcile.png)
## Required user roles
Depending on the role of your user, there are some restrictions on importing and exporting dashboards:
diff --git a/content/chronograf/v1.8/administration/managing-influxdb-users.md b/content/chronograf/v1.8/administration/managing-influxdb-users.md
index c32965bf1..6ca3b4b74 100644
--- a/content/chronograf/v1.8/administration/managing-influxdb-users.md
+++ b/content/chronograf/v1.8/administration/managing-influxdb-users.md
@@ -88,7 +88,7 @@ On the **Chronograf Admin** page:
* Change user passwords
* Assign admin and remove admin permissions to or from a user
-![InfluxDB OSS user management](/img/chronograf/chrono-admin-usermanagement-oss.png)
+![InfluxDB OSS user management](/img/chronograf/1-6-admin-usermanagement-oss.png)
InfluxDB users are either admin users or non-admin users.
See InfluxDB's [authentication and authorization](/influxdb/latest/administration/authentication_and_authorization/#user-types-and-privileges) documentation for more information about those user types.
@@ -129,7 +129,7 @@ On the `Admin` page:
* Create, edit, and delete roles
* Assign and remove roles to or from a user
-![InfluxDB Enterprise user management](/img/chronograf/chrono-admin-usermanagement-cluster.png)
+![InfluxDB Enterprise user management](/img/chronograf/1-6-admin-usermanagement-cluster.png)
### User types
@@ -306,4 +306,4 @@ For example, the image below contains three roles: `CREATOR`, `DESTROYER`, and `
`CREATOR` includes two permissions (`CreateDatbase` and `CreateUserAndRole`) and is assigned to one user (`chrononut`).
`DESTROYER` also includes two permissions (`DropDatabase` and `DropData`) and is assigned to two users (`chrononut` and `chronelda`).
-![InfluxDB OSS user management](/img/chronograf/chrono-admin-usermanagement-roles.png)
+![InfluxDB OSS user management](/img/chronograf/1-6-admin-usermanagement-roles.png)
diff --git a/content/chronograf/v1.8/administration/upgrading.md b/content/chronograf/v1.8/administration/upgrading.md
index 334c74e71..2b13a9210 100644
--- a/content/chronograf/v1.8/administration/upgrading.md
+++ b/content/chronograf/v1.8/administration/upgrading.md
@@ -16,4 +16,4 @@ If you're upgrading from Chronograf 1.4 or later, [download and install](https:/
> ***Note:*** Installing a new version of Chronograf automatically clears the localStorage settings.
-After upgrading, see [Getting Started](/chronograf/latest/introduction/getting-started/) to get up and running.
\ No newline at end of file
+After upgrading, see [Getting Started](/chronograf/latest/introduction/getting-started/) to get up and running.
diff --git a/content/chronograf/v1.8/guides/advanced-kapacitor.md b/content/chronograf/v1.8/guides/advanced-kapacitor.md
index c9fe23458..38c982745 100644
--- a/content/chronograf/v1.8/guides/advanced-kapacitor.md
+++ b/content/chronograf/v1.8/guides/advanced-kapacitor.md
@@ -31,7 +31,7 @@ In the Databases tab:
#### Step 1: Locate the `chronograf` database and click on the infinity symbol (∞)
-![RP in practice](/img/chronograf/v1.8/g-advkap-dur.png)
+![RP in practice](/img/chronograf/1-6-g-advkap-dur.png)
#### Step 2: Enter a different duration
@@ -50,7 +50,7 @@ Those alerts no longer appear in your InfluxDB instance or on Chronograf's Alert
Looking at the image below and assuming that the current time is 19:00 on April 27, 2017, only the first three alerts would appear in your alert history; they occurred within the previous hour (18:00 through 19:00).
The fourth alert, which occurred on the same day at 16:58:50, is outside the previous hour and would no longer appear in the InfluxDB `chronograf` database or on the Chronograf Alert History page.
-![RP in practice](/img/chronograf/v1.8/g-advkap-rp.png)
+![RP in practice](/img/chronograf/1-6-g-advkap-rp.png)
## TICKscript management
@@ -69,4 +69,4 @@ You cannot edit pre-existing tasks on the Chronograf Alert Rules page.
The `mytick` task in the image below is a pre-existing task; its name appears on the Alert Rules page but you cannot click on it or edit its TICKscript in the interface.
Currently, you must manually edit your existing tasks and TICKscripts on your machine.
-![Pre-existing task](/img/chronograf/v1.8/g-advkap-pretick.png)
+![Pre-existing task](/img/chronograf/1-6-g-advkap-pretick.png)
diff --git a/content/chronograf/v1.8/guides/analyzing-logs.md b/content/chronograf/v1.8/guides/analyzing-logs.md
index 338e63b93..f56d87bc0 100644
--- a/content/chronograf/v1.8/guides/analyzing-logs.md
+++ b/content/chronograf/v1.8/guides/analyzing-logs.md
@@ -18,14 +18,14 @@ Logs data is a first class citizen in InfluxDB and is populated using available
## Viewing logs in Chronograf
Chronograf has a dedicated log viewer accessed by clicking the **Log Viewer** button in the left navigation.
-
+
The log viewer provides a detailed histogram showing the time-based distribution of log entries color-coded by log severity.
It also includes a live stream of logs that can be searched, filtered, and paused to analyze specific time ranges.
Logs are pulled from the `syslog` measurement.
_Other log inputs and alternate log measurement options will be available in future updates._
-
+
### Searching and filtering logs
Search for logs using keywords or regular expressions.
@@ -34,7 +34,7 @@ Any tag values included with the log entry can be used as a filter.
You can also use search operators to filter your results. For example, if you want to find results with a severity of critical that don't mention RSS, you can enter: `severity == crit` and `-RSS`.
-![Searching and filtering logs](/img/chronograf/log-viewer-search-filter.gif)
+![Searching and filtering logs](/img/chronograf/1-7-log-viewer-search-filter.gif)
> **Note:** The log search field is case-sensitive.
@@ -45,13 +45,13 @@ In the log viewer, you can select time ranges from which to view logs.
By default, logs are streamed and displayed relative to "now," but it is possible to view logs from a past window of time.
timeframe selection allows you to go to to a specific event and see logs for a time window both preceding and following that event. The default window is one minute, meaning the graph shows logs from thirty seconds before and the target time. Click the dropdown menu change the window.
-![Selecting time ranges](/img/chronograf/log-viewer-specific-time.gif)
+![Selecting time ranges](/img/chronograf/1-7-log-viewer-specific-time.gif)
## Configuring the log viewer
The log viewer can be customized to fit your specific needs.
Open the log viewer configuration options by clicking the gear button in the top right corner of the log viewer. Once done, click **Save** to apply the changes.
-
+
### Severity colors
Every log severity is assigned a color which is used in the display of log entries.
@@ -67,9 +67,9 @@ Below are the options and how they appear in the log table:
| Severity Format | Display |
| --------------- |:------- |
-| Dot | |
-| Dot + Text | |
-| Text | |
+| Dot | |
+| Dot + Text | |
+| Text | |
### Truncate or wrap log messages
By default, text in Log Viewer columns is truncated if it exceeds the column width. You can choose to wrap the text instead to display the full content of each cell.
@@ -82,6 +82,6 @@ To copy the complete, untruncated log message, select the message cell and click
An incredibly powerful way to analyze log data is by creating dashboards that include log data.
This is possible by using the [Table visualization type](/chronograf/v1.8/guides/visualization-types/#table) to display log data in your dashboard.
-![Correlating logs with other metrics](/img/chronograf/log-viewer-dashboard.gif)
+![Correlating logs with other metrics](/img/chronograf/1-7-log-viewer-dashboard.gif)
This type of visualization allows you to quickly identify anomalies in other metrics and see logs associated with those anomalies.
diff --git a/content/chronograf/v1.8/guides/annotations.md b/content/chronograf/v1.8/guides/annotations.md
index 9710ef233..d0d300fc6 100644
--- a/content/chronograf/v1.8/guides/annotations.md
+++ b/content/chronograf/v1.8/guides/annotations.md
@@ -20,7 +20,7 @@ The following screenshot of five graph views displays annotations for a single p
The text and timestamp for the single point in time can be seem above the annotation line in the graph view on the lower right.
The annotation displays "`Deploy v3.8.1-2`" and the time "`2018/28/02 15:59:30:00`".
-![Annotations on multiple graph views](/img/chronograf/chrono-annotations-example.png)
+![Annotations on multiple graph views](/img/chronograf/1-6-annotations-example.png)
**To add an annotation using the Chronograf user interface:**
diff --git a/content/chronograf/v1.8/guides/cloning-in-ui.md b/content/chronograf/v1.8/guides/cloning-in-ui.md
index f193278af..ea94831f5 100644
--- a/content/chronograf/v1.8/guides/cloning-in-ui.md
+++ b/content/chronograf/v1.8/guides/cloning-in-ui.md
@@ -18,11 +18,11 @@ Dashboards in Chronograf can be cloned (or copied) to be used to create a dashbo
1. On the **Dashboards** page, hover your cursor over the listing of the dashboard that you want to clone and click the **Clone** button that appears.
-![Click the Clone button](/img/chronograf/clone-dashboard.png)
+![Click the Clone button](/img/chronograf/1-6-clone-dashboard.png)
The cloned dashboard opens and displays the name of the original dashboard with `(clone)` after it.
-![Cloned dashboard](/img/chronograf/clone-dashboard-clone.png)
+![Cloned dashboard](/img/chronograf/1-6-clone-dashboard-clone.png)
You can now change the dashboard name and customize the dashboard.
@@ -34,10 +34,10 @@ Cells in Chronograf dashboards can be cloned, or copied, to quickly create a cel
1. On the dashboard cell that you want to make a copy of, click the **Clone** icon and then confirm by clicking **Clone Cell**.
-![Click the Clone icon](/img/chronograf/clone-cell-click-button.png)
+![Click the Clone icon](/img/chronograf/1-6-clone-cell-click-button.png)
2. The cloned cell appears in the dashboard displaying the nameof the original cell with `(clone)` after it.
-![Cloned cell](/img/chronograf/clone-cell-cell-copy.png)
+![Cloned cell](/img/chronograf/1-6-clone-cell-cell-copy.png)
You can now change the cell name and customize the cell.
diff --git a/content/chronograf/v1.8/guides/configuring-alert-endpoints.md b/content/chronograf/v1.8/guides/configuring-alert-endpoints.md
index 20ad96738..a9f77d360 100644
--- a/content/chronograf/v1.8/guides/configuring-alert-endpoints.md
+++ b/content/chronograf/v1.8/guides/configuring-alert-endpoints.md
@@ -253,7 +253,7 @@ Click **Add Another Config** to add additional Slack alert endpoints. Each addit
Configure Chronograf to send alert messages to an existing Telegram bot.
The sections below describe each configuration option.
-![Telegram configuration](/img/chronograf/v1.8/g-eventhandlers-telegram.png)
+![Telegram configuration](/img/chronograf/1-6-g-eventhandlers-telegram.png)
#### Telegram bot
diff --git a/content/chronograf/v1.8/guides/create-a-dashboard.md b/content/chronograf/v1.8/guides/create-a-dashboard.md
index 88f523c7e..98570ee80 100644
--- a/content/chronograf/v1.8/guides/create-a-dashboard.md
+++ b/content/chronograf/v1.8/guides/create-a-dashboard.md
@@ -16,7 +16,7 @@ Chronograf offers a complete dashboard solution for visualizing your data and mo
By the end of this guide, you'll be aware of the tools available to you for creating dashboards similar to this example:
-![Oh, the Chronobilities](/img/chronograf/v1.8/g-dashboard-possibilities.png)
+![Oh, the Chronobilities](/img/chronograf/1-6-g-dashboard-possibilities.png)
## Requirements
@@ -38,7 +38,7 @@ Click **Name This Dashboard** and type a new name. In this guide, "ChronoDash" i
In the first cell, titled "Untitled Cell", click **Edit**
to open the cell editor mode.
-![Edit your cell](/img/chronograf/g-dashboard-cell-edit.png)
+![Edit your cell](/img/chronograf/1-6-g-dashboard-cell-edit.png)
### Step 3: Create your query
@@ -53,13 +53,13 @@ Those defaults are configurable using the query builder or by manually editing t
In addition, the time range (`:dashboardTime:` and `:upperDashboardTime:`) are [configurable on the dashboard](#step-6-configure-your-dashboard).
-![Build your query](/img/chronograf/v1.8/g-dashboard-builder.png)
+![Build your query](/img/chronograf/1-6-g-dashboard-builder.png)
### Step 4: Choose your visualization type
Chronograf supports many different [visualization types](/chronograf/latest/guides/visualization-types/). To choose a visualization type, click **Visualization** and select **Step-Plot Graph**.
-![Visualization type](/img/chronograf/v1.8/g-dashboard-visualization.png)
+![Visualization type](/img/chronograf/1-6-g-dashboard-visualization.png)
### Step 5: Save your cell
@@ -102,10 +102,10 @@ Now, you're ready to experiment and complete your dashboard by creating, editing
Select from a variety of dashboard templates to import and customize based on which Telegraf plugins you have enabled, such as the following examples:
-
-
-
-
+
+
+
+
**To import dashboard templates:**
@@ -113,7 +113,7 @@ Select from a variety of dashboard templates to import and customize based on wh
2. In the **InfluxDB Connection** window, enter or verify your connection details and click **Add** or **Update Connection**.
3. In the **Dashboards** window, select from the available dashboard templates to import based on which Telegraf plugins you have enabled.
-
+
4. Click **Create (x) Dashboards**.
5. Edit, clone, or configure the dashboards as needed.
diff --git a/content/chronograf/v1.8/guides/create-alert-rules.md b/content/chronograf/v1.8/guides/create-alert-rules.md
index d6c9eeec0..396da67bf 100644
--- a/content/chronograf/v1.8/guides/create-alert-rules.md
+++ b/content/chronograf/v1.8/guides/create-alert-rules.md
@@ -38,12 +38,12 @@ See the [Configuring Kapacitor Event Handlers](/chronograf/latest/guides/configu
Navigate to the **Manage Tasks** page under **Alerting** in the left navigation, then click **+ Build Alert Rule** in the top right corner.
-![Navigate to Manage Tasks](/img/chronograf/v1.8/alerts-manage-tasks-nav.png)
+![Navigate to Manage Tasks](/img/chronograf/1-6-alerts-manage-tasks-nav.png)
The **Manage Tasks** page is used to create and edit your Chronograf alert rules.
The steps below guide you through the process of creating a Chronograf alert rule.
-![Empty Rule Configuration](/img/chronograf/v1.8/alerts-rule-builder.png)
+![Empty Rule Configuration](/img/chronograf/1-6-alerts-rule-builder.png)
### Step 1: Name the alert rule
@@ -72,7 +72,7 @@ Navigate through databases, measurements, fields, and tags to select the relevan
In this example, select the `telegraf` [database](/influxdb/latest/concepts/glossary/#database), the `autogen` [retention policy](/influxdb/latest/concepts/glossary/#retention-policy-rp), the `cpu` [measurement](/influxdb/latest/concepts/glossary/#measurement), and the `usage_idle` [field](/influxdb/latest/concepts/glossary/#field).
-![Select your data](/img/chronograf/v1.8/alerts-time-series.png)
+![Select your data](/img/chronograf/1-6-alerts-time-series.png)
### Step 4: Define the rule condition
@@ -80,7 +80,7 @@ Define the threshold condition.
Condition options are determined by the [alert type](#step-2-select-the-alert-type).
For this example, the alert conditions are if `usage_idle` is less than `80`.
-![Create a condition](/img/chronograf/v1.8/alerts-conditions.png)
+![Create a condition](/img/chronograf/1-6-alerts-conditions.png)
The graph shows a preview of the relevant data and the threshold number.
By default, the graph shows data from the past 15 minutes.
@@ -98,7 +98,7 @@ Each handler has unique configurable options.
For this example, choose the **slack** alert handler and enter the desired options.
-![Select the alert handler](/img/chronograf/v1.8/alerts-configure-handlers.png)
+![Select the alert handler](/img/chronograf/1-6-alerts-configure-handlers.png)
> Multiple alert handlers can be added to send alerts to multiple endpoints.
@@ -111,7 +111,7 @@ As you type your alert message, clicking the data templates will insert them at
In this example, use the alert message, `Your idle CPU usage is {{.Level}} at {{ index .Fields "value" }}.`.
-![Specify event handler and alert message](/img/chronograf/v1.8/alerts-message.png)
+![Specify event handler and alert message](/img/chronograf/1-6-alerts-message.png)
*View the Kapacitor documentation for more information about [message template data](/kapacitor/latest/nodes/alert_node/#message).*
@@ -120,7 +120,7 @@ In this example, use the alert message, `Your idle CPU usage is {{.Level}} at {{
Click **Save Rule** in the top right corner and navigate to the **Manage Tasks** page to see your rule.
Notice that you can easily enable and disable the rule by toggling the checkbox in the **Enabled** column.
-![See the alert rule](/img/chronograf/v1.8/alerts-view-rules.png)
+![See the alert rule](/img/chronograf/1-6-alerts-view-rules.png)
Next, move on to the section below to experience your alert rule in action.
@@ -149,10 +149,10 @@ Assuming the first step was successful, `#ohnos` should reveal at least two aler
* The first alert message indicates that your idle CPU usage was `CRITICAL`, meaning it dipped below `80%`.
* The second alert message indicates that your idle CPU usage returned to an `OK` level of `80%` or above.
-![See the alerts](/img/chronograf/v1.8/alerts-slack-notifications.png)
+![See the alerts](/img/chronograf/1-6-alerts-slack-notifications.png)
You can also see alerts on the **Alert History** page available under **Alerting** in the left navigation.
-![Chronograf alert history](/img/chronograf/v1.8/alerts-history.png)
+![Chronograf alert history](/img/chronograf/1-6-alerts-history.png)
That's it! You've successfully used Chronograf to configure an alert rule to monitor your idle CPU usage and send notifications to Slack.
diff --git a/content/chronograf/v1.8/guides/dashboard-template-variables.md b/content/chronograf/v1.8/guides/dashboard-template-variables.md
index 5279313dc..0365bf458 100644
--- a/content/chronograf/v1.8/guides/dashboard-template-variables.md
+++ b/content/chronograf/v1.8/guides/dashboard-template-variables.md
@@ -25,7 +25,7 @@ You can use either [predefined template variables](#predefined-template-variable
or [custom template variables](#create-custom-template-variables).
Variable values are then selected in your dashboard user-interface (UI).
-![Using template variables](/img/chronograf/v1.8/template-vars-use.gif)
+![Using template variables](/img/chronograf/1-6-template-vars-use.gif)
## Predefined template variables
Chronograf includes predefined template variables controlled by elements in the Chrongraf UI.
@@ -38,7 +38,7 @@ These template variables can be used in any of your cells' queries.
### dashboardTime
The `:dashboardTime:` template variable is controlled by the "time" dropdown in your Chronograf dashboard.
-
+
If using relative times, it represents the time offset specified in the dropdown (-5m, -15m, -30m, etc.) and assumes time is relative to "now".
If using absolute times defined by the date picker, `:dashboardTime:` is populated with lower threshold.
@@ -56,7 +56,7 @@ WHERE time > :dashboardTime:
### upperDashboardTime
The `:upperDashboardTime:` template variable is defined by the upper time limit specified using the date picker.
-
+
It will inherit `now()` when using relative time frames or the upper time limit when using absolute timeframes.
@@ -70,7 +70,7 @@ WHERE time > :dashboardTime: AND time < :upperDashboardTime:
The `:interval:` template variable is defined by the interval dropdown in the Chronograf dashboard.
-
+
In cell queries, it should be used in the `GROUP BY time()` clause that accompanies aggregate functions:
@@ -251,7 +251,7 @@ key3,value3
key4,value4
```
-
+
> If values are meant to be used as string field values, wrap them in single quote ([required by InfluxQL](/influxdb/latest/troubleshooting/frequently-asked-questions/#when-should-i-single-quote-and-when-should-i-double-quote-in-queries)). This only pertains to values. String keys do not matter.
@@ -285,7 +285,7 @@ The customer names would populate your template variable dropdown rather than th
Vary part of a query with a customized meta query that pulls a specific array of values from InfluxDB.
These variables allow you to pull a highly customized array of potential values and offer advanced functionality such as [filtering values based on other template variables](#filtering-template-variables-with-other-template-variables).
-
+
_**Example custom meta query variable in a cell query**_
```sql
@@ -331,7 +331,7 @@ For example, let's say you want to list all the field keys associated with a mea
1. Create a template variable named `:measurementVar:` _(the name "measurement" is [reserved]( #reserved-variable-names))_ that uses the [Measurements](#measurements) variable type to pull in all measurements from the `telegraf` database.
-
+
2. Create a template variable named `:fieldKey:` that uses the [custom meta query](#custom-meta-query) variable type.
The following meta query pulls a list of field keys based on the existing `:measurementVar:` template variable.
@@ -340,7 +340,7 @@ The following meta query pulls a list of field keys based on the existing `:meas
SHOW FIELD KEYS ON telegraf FROM :measurementVar:
```
-
+
3. Create a new dashboard cell that uses the `:fieldKey:` and `:measurementVar` template variables in its query.
@@ -350,7 +350,7 @@ The following meta query pulls a list of field keys based on the existing `:meas
The resulting dashboard will work like this:
-![Custom meta query filtering](/img/chronograf/v1.8/custom-meta-query-filtering.gif)
+![Custom meta query filtering](/img/chronograf/1-6-custom-meta-query-filtering.gif)
### Defining template variables in the URL
Chronograf uses URL query parameters (also known as query string parameters) to set both display options and template variables in the URL.
diff --git a/content/chronograf/v1.8/guides/monitoring-influxenterprise-clusters.md b/content/chronograf/v1.8/guides/monitoring-influxenterprise-clusters.md
index 7921c8f55..4a314626b 100644
--- a/content/chronograf/v1.8/guides/monitoring-influxenterprise-clusters.md
+++ b/content/chronograf/v1.8/guides/monitoring-influxenterprise-clusters.md
@@ -32,7 +32,7 @@ Chronograf and the other components of the TICK stack are supported on several o
Before we begin, here's an overview of the final monitoring setup:
-![Architecture diagram](/img/chronograf/chrono-cluster-diagram.png)
+![Architecture diagram](/img/chronograf/1-6-cluster-diagram.png)
The diagram above shows an InfluxEnterprise cluster that consists of three meta nodes (M) and three data nodes (D).
Each data node has its own [Telegraf](/telegraf/latest/) instance (T).
@@ -259,7 +259,7 @@ Chronograf can be downloaded from the [InfluxData downloads page](https://portal
To access Chronograf, go to http://localhost:8888.
The welcome page includes instructions for connecting Chronograf to that instance.
-![Connect Chronograf to InfluxDB](/img/chronograf/chrono-cluster-welcome.png)
+![Connect Chronograf to InfluxDB](/img/chronograf/1-6-cluster-welcome.png)
For the `Connection String`, enter the hostname or IP of your InfluxDB OSS instance, and be sure to include the default port: `8086`.
Next, name your data source; this can be anything you want.
@@ -271,17 +271,17 @@ Chronograf works with the Telegraf data in your InfluxDB OSS instance.
The `Host List` page shows your data node's hostnames, their statuses, CPU usage, load, and their configured applications.
In this case, you've only enabled the system stats input plugin so `system` is the single application that appears in the `Apps` column.
-![Host List page](/img/chronograf/chrono-cluster-hostlist.png)
+![Host List page](/img/chronograf/1-6-cluster-hostlist.png)
Click `system` to see the Chronograf canned dashboard for that application.
Keep an eye on your data nodes by viewing that dashboard for each hostname:
-![Pre-created dashboard](/img/chronograf/chrono-cluster-predash.gif)
+![Pre-created dashboard](/img/chronograf/1-6-cluster-predash.gif)
Next, check out the Data Explorer to create a customized graph with the monitoring data.
In the image below, the Chronograf query editor is used to visualize the idle CPU usage data for each data node:
-![Data Explorer](/img/chronograf/chrono-cluster-de.png)
+![Data Explorer](/img/chronograf/1-6-cluster-de.png)
Create more customized graphs and save them to a dashboard on the Dashboard page in Chronograf.
See the [Creating Chronograf dashboards](/chronograf/latest/guides/create-a-dashboard/) guide for more information.
diff --git a/content/chronograf/v1.8/guides/presentation-mode.md b/content/chronograf/v1.8/guides/presentation-mode.md
index 9a420b702..adda52076 100644
--- a/content/chronograf/v1.8/guides/presentation-mode.md
+++ b/content/chronograf/v1.8/guides/presentation-mode.md
@@ -13,7 +13,7 @@ Presentation mode allows you to view Chronograf in full screen, hiding the left
## Entering presentation mode manually
To enter presentation mode manually, click the icon in the upper right:
-
+
To exit presentation mode, press `ESC`.
diff --git a/content/chronograf/v1.8/guides/querying-data.md b/content/chronograf/v1.8/guides/querying-data.md
index b63fec054..e72730c00 100644
--- a/content/chronograf/v1.8/guides/querying-data.md
+++ b/content/chronograf/v1.8/guides/querying-data.md
@@ -11,7 +11,7 @@ Explore and visualize your data in the **Data Explorer**. For both InfluxQL and
To open the **Data Explorer**, click the **Explore** icon in the navigation bar:
-
+
## Select local time or UTC (Coordinated Universal Time)
@@ -47,7 +47,7 @@ Flux is InfluxData's new functional data scripting language designed for queryin
* To get started with your query, click the **Script Wizard**. In the wizard, you can select a bucket, measurement, fields and an aggregate.
-
+
For example, if you make the above selections, the wizard inserts the following script:
@@ -75,9 +75,9 @@ To add your query and graph to a dashboard:
1. Click **Send to Dashboard** in the upper right.
2. In the **Target Dashboard(s)** dropdown, select at least one existing dashboard to send the cell to, or select **Send to a New Dashboard**.
-
+
3. Enter a name for the new cell and, if you created a new dashboard, the new dashboard.
4. Click **Send to Dashboard(s)**.
-
+
diff --git a/content/chronograf/v1.8/guides/visualization-types.md b/content/chronograf/v1.8/guides/visualization-types.md
index e9bdc2123..1ad125bd8 100644
--- a/content/chronograf/v1.8/guides/visualization-types.md
+++ b/content/chronograf/v1.8/guides/visualization-types.md
@@ -10,7 +10,7 @@ menu:
Chronograf's dashboard views support the following visualization types, which can be selected in the **Visualization Type** selection view of the [Data Explorer](/chronograf/latest/querying-data) .
-[Visualization Type selector](/img/chronograf/chrono-viz-types-selector.png)
+[Visualization Type selector](/img/chronograf/1-6-viz-types-selector.png)
Each of the available visualization types and available user controls are described below.
@@ -31,11 +31,11 @@ For information on adding and displaying annotations in graph views, see [Adding
The **Line Graph** view displays a time series in a line graph.
-![Line Graph selector](/img/chronograf/chrono-viz-line-graph-selector.png)
+![Line Graph selector](/img/chronograf/1-6-viz-line-graph-selector.png)
#### Line Graph Controls
-![Line Graph Controls](/img/chronograf/chrono-viz-line-graph-controls.png)
+![Line Graph Controls](/img/chronograf/1-6-viz-line-graph-controls.png)
Use the **Line Graph Controls** to specify the following:
@@ -54,18 +54,18 @@ Use the **Line Graph Controls** to specify the following:
#### Line Graph example
-![Line Graph example](/img/chronograf/chrono-viz-line-graph-example.png)
+![Line Graph example](/img/chronograf/1-6-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/chronograf/chrono-viz-stacked-graph-selector.png)
+![Stacked Graph selector](/img/chronograf/1-6-viz-stacked-graph-selector.png)
#### Stacked Graph Controls
-![Stacked Graph Controls](/img/chronograf/chrono-viz-stacked-graph-controls.png)
+![Stacked Graph Controls](/img/chronograf/1-6-viz-stacked-graph-controls.png)
Use the **Stacked Graph Controls** to specify the following:
@@ -84,18 +84,18 @@ Use the **Stacked Graph Controls** to specify the following:
#### Stacked Graph example
-![Stacked Graph example](/img/chronograf/chrono-viz-stacked-graph-example.png)
+![Stacked Graph example](/img/chronograf/1-6-viz-stacked-graph-example.png)
### Step-Plot Graph
The **Step-Plot Graph** view displays a time series in a staircase graph.
-![Step-Plot Graph selector](/img/chronograf/chrono-viz-step-plot-graph-selector.png)
+![Step-Plot Graph selector](/img/chronograf/1-6-viz-step-plot-graph-selector.png)
#### Step-Plot Graph Controls
-![Step-Plot Graph Controls](/img/chronograf/chrono-viz-step-plot-graph-controls.png)
+![Step-Plot Graph Controls](/img/chronograf/1-6-viz-step-plot-graph-controls.png)
Use the **Step-Plot Graph Controls** to specify the following:
@@ -112,7 +112,7 @@ Use the **Step-Plot Graph Controls** to specify the following:
#### Step-Plot Graph example
-![Step-Plot Graph example](/img/chronograf/chrono-viz-step-plot-graph-example.png)
+![Step-Plot Graph example](/img/chronograf/1-6-viz-step-plot-graph-example.png)
### Bar Graph
@@ -121,11 +121,11 @@ 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/chronograf/chrono-viz-bar-graph-selector.png)
+![Bar Graph selector](/img/chronograf/1-6-viz-bar-graph-selector.png)
#### Bar Graph Controls
-![Bar Graph Controls](/img/chronograf/chrono-viz-bar-graph-controls.png)
+![Bar Graph Controls](/img/chronograf/1-6-viz-bar-graph-controls.png)
Use the **Bar Graph Controls** to specify the following:
@@ -142,7 +142,7 @@ Use the **Bar Graph Controls** to specify the following:
#### Bar Graph example
-![Bar Graph example](/img/chronograf/chrono-viz-bar-graph-example.png)
+![Bar Graph example](/img/chronograf/1-6-viz-bar-graph-example.png)
### Line Graph + Single Stat
@@ -151,11 +151,11 @@ The **Line Graph + Single Stat** view displays the specified time series in a li
To select this view, click the **Line Graph + Single Stat** view option.
-![Line Graph + Single Stat selector](/img/chronograf/chrono-viz-line-graph-single-stat-selector.png)
+![Line Graph + Single Stat selector](/img/chronograf/1-6-viz-line-graph-single-stat-selector.png)
#### Line Graph + Single Stat Controls
-![Line Graph + Single Stat Controls](/img/chronograf/chrono-viz-line-graph-single-stat-controls.png)
+![Line Graph + Single Stat Controls](/img/chronograf/1-6-viz-line-graph-single-stat-controls.png)
Use the **Line Graph + Single Stat Controls** to specify the following:
@@ -172,13 +172,13 @@ Use the **Line Graph + Single Stat Controls** to specify the following:
#### Line Graph + Single Stat example
-![Line Graph + Single Stat example](/img/chronograf/chrono-viz-line-graph-single-stat-example.png)
+![Line Graph + Single Stat example](/img/chronograf/1-6-viz-line-graph-single-stat-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/chronograf/chrono-viz-single-stat-selector.png)
+![Single Stat view](/img/chronograf/1-6-viz-single-stat-selector.png)
If a cell's query includes a [`GROUP BY` tag](/influxdb/latest/query_language/data_exploration/#group-by-tags) clause, Chronograf sorts the different [series](/influxdb/latest/concepts/glossary/#series) lexicographically and shows the most recent [field value](/influxdb/latest/concepts/glossary/#field-value) associated with the first series.
For example, if a query groups by the `name` [tag key](/influxdb/latest/concepts/glossary/#tag-key) and `name` has two [tag values](/influxdb/latest/concepts/glossary/#tag-value) (`chronelda` and `chronz`), Chronograf shows the most recent field value associated with the `chronelda` series.
@@ -204,11 +204,11 @@ The **Gauge** view displays the single value most recent value for a time series
To select this view, click the Gauge selector icon.
-![Gauge selector](/img/chronograf/chrono-viz-gauge-selector.png)
+![Gauge selector](/img/chronograf/1-6-viz-gauge-selector.png)
#### Gauge Controls
-![Gauge Controls](/img/chronograf/chrono-viz-gauge-controls.png)
+![Gauge Controls](/img/chronograf/1-6-viz-gauge-controls.png)
Use the **Gauge Controls** to specify the following:
@@ -222,17 +222,17 @@ Use the **Gauge Controls** to specify the following:
#### Gauge example
-![Gauge example](/img/chronograf/chrono-viz-gauge-example.png)
+![Gauge example](/img/chronograf/1-6-viz-gauge-example.png)
### Table
The **Table** panel displays the results of queries in a tabular view, which is sometimes easier to analyze than graph views of data.
-![Table selector](/img/chronograf/chrono-viz-table-selector.png)
+![Table selector](/img/chronograf/1-6-viz-table-selector.png)
#### Table Controls
-![Table Controls](/img/chronograf/chrono-viz-table-controls.png)
+![Table Controls](/img/chronograf/1-6-viz-table-controls.png)
Use the **Table Controls** to specify the following:
@@ -256,17 +256,17 @@ Use the **Table Controls** to specify the following:
#### Table view example
-![Table example](/img/chronograf/chrono-viz-table-example.png)
+![Table example](/img/chronograf/1-6-viz-table-example.png)
### Note
The **Note** panel displays Markdown-formatted text with your graph.
-![Note selector](/img/chronograf/chrono-viz-note-selector.png)
+![Note selector](/img/chronograf/1-7-viz-note-selector.png)
#### Note Controls
-![Note Controls](/img/chronograf/chrono-viz-note-controls.png)
+![Note Controls](/img/chronograf/1-7-viz-note-controls.png)
Enter your text in the **Add a Note** panel, using Markdown to format the text.
@@ -274,4 +274,4 @@ Enable the **Display note in cell when query returns no results** option to disp
#### Note view example
-![Note example](/img/chronograf/chrono-viz-note-example.png)
+![Note example](/img/chronograf/1-7-viz-note-example.png)
diff --git a/content/chronograf/v1.8/tools/chronoctl/migrate.md b/content/chronograf/v1.8/tools/chronoctl/migrate.md
index f67d35db2..9bbd02478 100644
--- a/content/chronograf/v1.8/tools/chronoctl/migrate.md
+++ b/content/chronograf/v1.8/tools/chronoctl/migrate.md
@@ -22,4 +22,4 @@ chronoctl migrate [flags]
| Flag | Description | Input type |
|:---- |:----------- |:----------: |
| `-f`, `--from` | Full path to BoltDB file or etcd (e.g. 'bolt:///path/to/chronograf-v1.db' or 'etcd://user:pass@localhost:2379 (default: chronograf-v1.db) | string |
-| `-t`, `--to` | Full path to BoltDB file or etcd (e.g. 'bolt:///path/to/chronograf-v1.db' or 'etcd://user:pass@localhost:2379 (default: etcd://localhost:2379) | string |
\ No newline at end of file
+| `-t`, `--to` | Full path to BoltDB file or etcd (e.g. 'bolt:///path/to/chronograf-v1.db' or 'etcd://user:pass@localhost:2379 (default: etcd://localhost:2379) | string |
diff --git a/content/chronograf/v1.8/troubleshooting/frequently-asked-questions.md b/content/chronograf/v1.8/troubleshooting/frequently-asked-questions.md
index 5d6cbdd87..8bb924799 100644
--- a/content/chronograf/v1.8/troubleshooting/frequently-asked-questions.md
+++ b/content/chronograf/v1.8/troubleshooting/frequently-asked-questions.md
@@ -15,7 +15,7 @@ When you enter the InfluxDB HTTP bind address in the `Connection String` input,
If it is a data node, Chronograf automatically adds the `Meta Service Connection URL` input to the connection details form.
Enter the HTTP bind address of one of your cluster's meta nodes into that input and Chronograf takes care of the rest.
-![Cluster connection details](/img/chronograf/v1.8/faq-cluster-connection.png)
+![Cluster connection details](/img/chronograf/1-6-faq-cluster-connection.png)
Note that the example above assumes that you do not have authentication enabled.
If you have authentication enabled, the form requires username and password information.
diff --git a/content/enterprise_influxdb/v1.5/_index.md b/content/enterprise_influxdb/v1.5/_index.md
index 30a8de87c..c114edc05 100644
--- a/content/enterprise_influxdb/v1.5/_index.md
+++ b/content/enterprise_influxdb/v1.5/_index.md
@@ -17,19 +17,19 @@ Use InfluxDB Enterprise to:
* Monitor your cluster
- ![Overview page](/img/chronograf/overview-chrono.png)
+ ![Overview page](/img/chronograf/1-5-overview-chrono.png)
* Manage queries
- ![Query management](/img/chronograf/manage-queries-chrono.png)
+ ![Query management](/img/chronograf/1-5-manage-queries-chrono.png)
* Manage users
- ![User page](/img/chronograf/chrono-admin-usermanagement-cluster.png)
+ ![User page](/img/chronograf/1-6-admin-usermanagement-cluster.png)
* Explore and visualize your data
- ![Data Explorer](/img/chronograf/data-explorer-chrono.png)
+ ![Data Explorer](/img/chronograf/1-6-data-explorer.png)
If you're interested in working with InfluxDB Enterprise, visit
[InfluxPortal](https://portal.influxdata.com/) to sign up, get a license key,
diff --git a/content/enterprise_influxdb/v1.6/_index.md b/content/enterprise_influxdb/v1.6/_index.md
index d9b0b1d1c..dc647fb57 100644
--- a/content/enterprise_influxdb/v1.6/_index.md
+++ b/content/enterprise_influxdb/v1.6/_index.md
@@ -17,19 +17,19 @@ Use InfluxDB Enterprise to:
* Monitor your cluster
- ![Overview page](/img/chronograf/overview-chrono.png)
+ ![Overview page](/img/chronograf/1-5-overview-chrono.png)
* Manage queries
- ![Query management](/img/chronograf/manage-queries-chrono.png)
+ ![Query management](/img/chronograf/1-5-manage-queries-chrono.png)
* Manage users
- ![User page](/img/chronograf/chrono-admin-usermanagement-cluster.png)
+ ![User page](/img/chronograf/1-6-admin-usermanagement-cluster.png)
* Explore and visualize your data
- ![Data Explorer](/img/chronograf/data-explorer-chrono.png)
+ ![Data Explorer](/img/chronograf/1-6-data-explorer.png)
If you're interested in working with InfluxDB Enterprise, visit
[InfluxPortal](https://portal.influxdata.com/) to sign up, get a license key,
diff --git a/content/enterprise_influxdb/v1.6/install-and-deploy/deploying/google-cloud-platform.md b/content/enterprise_influxdb/v1.6/install-and-deploy/deploying/google-cloud-platform.md
index c6b1598c8..f2eb6e7b4 100644
--- a/content/enterprise_influxdb/v1.6/install-and-deploy/deploying/google-cloud-platform.md
+++ b/content/enterprise_influxdb/v1.6/install-and-deploy/deploying/google-cloud-platform.md
@@ -27,11 +27,11 @@ To deploy InfluxDB Enterprise on platforms other than GCP, please see [InfluxDB
To deploy an InfluxDB Enterprise cluster, log in to your Google Cloud Platform account and navigate to [InfluxData's InfluxDB Enterprise (BYOL)](https://console.cloud.google.com/partner/editor/influxdata-public/influxdb-enterprise-byol) solution in the GCP Marketplace.
-![GCP InfluxDB Enterprise solution page](/img/enterprise/gcp/intro-1.png)
+![GCP InfluxDB Enterprise solution page](/img/enterprise/1-6-gcp-intro-1.png)
Click __Launch on compute engine__ to open up the configuration page.
-![GCP InfluxDB Enterprise configuration page](/img/enterprise/gcp/intro-2.png)
+![GCP InfluxDB Enterprise configuration page](/img/enterprise/1-6-gcp-intro-2.png)
Copy the InfluxDB Enterprise license key to the __InfluxDB Enterprise license key__ field or [sign up for a free InfluxDB Enterprise trial for GCP](https://portal.influxdata.com/users/gcp) to obtain a license key.
@@ -39,11 +39,11 @@ Adjust any other fields as desired. The cluster will only be accessible within t
Click __Deploy__ to launch the InfluxDB Enterprise cluster.
-![GCP InfluxDB Enterprise deployment pending page](/img/enterprise/gcp/intro-3.png)
+![GCP InfluxDB Enterprise deployment pending page](/img/enterprise/1-6-gcp-intro-3.png)
The cluster will take up to five minutes to fully deploy. If the deployment does not complete or reports an error, read through the list of [common deployment errors](https://cloud.google.com/marketplace/docs/troubleshooting).
-![GCP InfluxDB Enterprise deployment complete page](/img/enterprise/gcp/intro-4.png)
+![GCP InfluxDB Enterprise deployment complete page](/img/enterprise/1-6-gcp-intro-4.png)
Your cluster is now deployed!
diff --git a/content/enterprise_influxdb/v1.6/install-and-deploy/production_installation/_index.md b/content/enterprise_influxdb/v1.6/install-and-deploy/production_installation/_index.md
index 6ba80a3e8..ec4b35aac 100644
--- a/content/enterprise_influxdb/v1.6/install-and-deploy/production_installation/_index.md
+++ b/content/enterprise_influxdb/v1.6/install-and-deploy/production_installation/_index.md
@@ -21,4 +21,4 @@ Learn how to deploy a cluster on the cloud provider of your choice:
- [GCP](/enterprise_influxdb/v1.7/install-and-deploy/google-cloud-platform/)
- [AWS](/enterprise_influxdb/v1.7/install-and-deploy/aws/)
- - [Azure](/enterprise_influxdb/v1.7/install-and-deploy/deploying/azure/)
\ No newline at end of file
+ - [Azure](/enterprise_influxdb/v1.7/install-and-deploy/deploying/azure/)
diff --git a/content/enterprise_influxdb/v1.7/_index.md b/content/enterprise_influxdb/v1.7/_index.md
index fdc16070b..61b4613d0 100644
--- a/content/enterprise_influxdb/v1.7/_index.md
+++ b/content/enterprise_influxdb/v1.7/_index.md
@@ -17,19 +17,19 @@ Use InfluxDB Enterprise to:
* Monitor your cluster
- ![Overview page](/img/chronograf/overview-chrono.png)
+ ![Overview page](/img/chronograf/1-5-overview-chrono.png)
* Manage queries
- ![Query management](/img/chronograf/manage-queries-chrono.png)
+ ![Query management](/img/chronograf/1-5-manage-queries-chrono.png)
* Manage users
- ![User page](/img/chronograf/chrono-admin-usermanagement-cluster.png)
+ ![User page](/img/chronograf/1-6-admin-usermanagement-cluster.png)
* Explore and visualize your data
- ![Data Explorer](/img/chronograf/data-explorer-chrono.png)
+ ![Data Explorer](/img/chronograf/1-6-data-explorer.png)
If you're interested in working with InfluxDB Enterprise, visit
[InfluxPortal](https://portal.influxdata.com/) to sign up, get a license key,
diff --git a/content/enterprise_influxdb/v1.7/administration/backup-and-restore.md b/content/enterprise_influxdb/v1.7/administration/backup-and-restore.md
index 6b45decc4..5ed854ec0 100644
--- a/content/enterprise_influxdb/v1.7/administration/backup-and-restore.md
+++ b/content/enterprise_influxdb/v1.7/administration/backup-and-restore.md
@@ -454,4 +454,4 @@ First, run two clusters in separate AWS regions, and then transfer your data usi
9. Use a separate data node for monitoring metrics.
- > **Limitations:** This solution cannot handle much backfill. To capture backfill, you must create an ad hoc solution. Also, if your disaster recovery site goes down, data on the active site is still getting backed up into S3, but isn’t imported until your disaster recovery cluster is back up and your import script runs.
\ No newline at end of file
+ > **Limitations:** This solution cannot handle much backfill. To capture backfill, you must create an ad hoc solution. Also, if your disaster recovery site goes down, data on the active site is still getting backed up into S3, but isn’t imported until your disaster recovery cluster is back up and your import script runs.
diff --git a/content/enterprise_influxdb/v1.7/troubleshooting/frequently_asked_questions.md b/content/enterprise_influxdb/v1.7/troubleshooting/frequently_asked_questions.md
index 8c74df7e3..eb00398bc 100644
--- a/content/enterprise_influxdb/v1.7/troubleshooting/frequently_asked_questions.md
+++ b/content/enterprise_influxdb/v1.7/troubleshooting/frequently_asked_questions.md
@@ -97,4 +97,4 @@ If you are getting an error message while attempting to `influxd-ctl join` a new
## Why do I see entropy when rebalancing shards?
-Before rebalancing shards, we recommend enabling anti-entropy (AE) to ensure all shard data is successfully copied. To learn more about AE, see [Use Anti-Entropy service in InfluxDB Enterprise](/enterprise_influxdb/v1.7/administration/anti-entropy).
\ No newline at end of file
+Before rebalancing shards, we recommend enabling anti-entropy (AE) to ensure all shard data is successfully copied. To learn more about AE, see [Use Anti-Entropy service in InfluxDB Enterprise](/enterprise_influxdb/v1.7/administration/anti-entropy).
diff --git a/content/enterprise_influxdb/v1.8/_index.md b/content/enterprise_influxdb/v1.8/_index.md
index 1828ae97b..251e3dcf2 100644
--- a/content/enterprise_influxdb/v1.8/_index.md
+++ b/content/enterprise_influxdb/v1.8/_index.md
@@ -16,19 +16,19 @@ Use InfluxDB Enterprise to:
* Monitor your cluster
- ![Overview page](/img/chronograf/overview-chrono.png)
+ ![Overview page](/img/chronograf/1-5-overview-chrono.png)
* Manage queries
- ![Query management](/img/chronograf/manage-queries-chrono.png)
+ ![Query management](/img/chronograf/1-5-manage-queries-chrono.png)
* Manage users
- ![User page](/img/chronograf/chrono-admin-usermanagement-cluster.png)
+ ![User page](/img/chronograf/1-6-admin-usermanagement-cluster.png)
* Explore and visualize your data
- ![Data Explorer](/img/chronograf/data-explorer-chrono.png)
+ ![Data Explorer](/img/chronograf/1-6-data-explorer.png)
If you're interested in working with InfluxDB Enterprise, visit
[InfluxPortal](https://portal.influxdata.com/) to sign up, get a license key,
diff --git a/content/influxdb/v1.3/guides/hardware_sizing.md b/content/influxdb/v1.3/guides/hardware_sizing.md
index ba846ae53..696940731 100644
--- a/content/influxdb/v1.3/guides/hardware_sizing.md
+++ b/content/influxdb/v1.3/guides/hardware_sizing.md
@@ -157,7 +157,7 @@ A series cardinality around or above 10 million can cause OOM failures even with
The increase in RAM needs relative to series cardinality is exponential where the exponent is between one and two:
-![Series Cardinality](/img/influxdb/series-cardinality.png)
+![Series Cardinality](/img/influxdb/1-3-series-cardinality.png)
# What kind of storage do I need?
InfluxDB is designed to run on SSDs. InfluxData does not test on HDDs or networked storage devices, and we do not recommend them for production. Performance is an order of magnitude lower on spinning disk drives and the system may break down under even moderate load. For best results InfluxDB servers must have at least 1000 IOPS on the storage system.
diff --git a/content/influxdb/v1.3/query_language/functions.md b/content/influxdb/v1.3/query_language/functions.md
index bd4de4a57..4fc8c8180 100644
--- a/content/influxdb/v1.3/query_language/functions.md
+++ b/content/influxdb/v1.3/query_language/functions.md
@@ -3040,7 +3040,7 @@ The example focuses the following subsample of the [`NOAA_water_database` data](
SELECT "water_level" FROM "NOAA_water_database"."autogen"."h2o_feet" WHERE "location"='santa_monica' AND time >= '2015-08-22 22:12:00' AND time <= '2015-08-28 03:00:00'
```
-![Raw Data](/img/influxdb/hw-raw-data-1-2.png)
+![Raw Data](/img/influxdb/1-3-hw-raw-data-1-2.png)
##### Step 1: Match the Trends of the Raw Data
@@ -3060,7 +3060,7 @@ match the time range of the raw data.
The blue line shows the results of the query:
-![First step](/img/influxdb/hw-first-step-1-2.png)
+![First step](/img/influxdb/1-3-hw-first-step-1-2.png)
##### Step 2: Determine the Seasonal Pattern
@@ -3070,7 +3070,7 @@ query in step 1.
Focusing on the blue line in the graph below, the pattern in the `water_level` data repeats about every 25 hours and 15 minutes.
There are four data points per season, so `4` is the seasonal pattern argument.
-![Second step](/img/influxdb/hw-second-step-1-2.png)
+![Second step](/img/influxdb/1-3-hw-second-step-1-2.png)
##### Step 3: Apply the HOLT_WINTERS() function
@@ -3087,7 +3087,7 @@ The second argument in the `HOLT_WINTERS_WITH_FIT()` function (`4`) is the seaso
The blue line shows the results of the query:
-![Third step](/img/influxdb/hw-third-step-1-2.png)
+![Third step](/img/influxdb/1-3-hw-third-step-1-2.png)
### Common Issues with `HOLT_WINTERS()`
diff --git a/content/influxdb/v1.3/tools/_index.md b/content/influxdb/v1.3/tools/_index.md
index 6419d2a0b..0429af648 100644
--- a/content/influxdb/v1.3/tools/_index.md
+++ b/content/influxdb/v1.3/tools/_index.md
@@ -18,7 +18,7 @@ HTTP API that comes with every InfluxDB package.
Use `influx` to write data (manually or from a file), query data interactively,
and view query output in different formats:
-![CLI GIF](/img/influxdb/cli-1.0-beta.gif)
+![CLI GIF](/img/influxdb/1-3-cli-1-0-beta.gif)
Go straight to the documentation on:
diff --git a/content/influxdb/v1.4/guides/hardware_sizing.md b/content/influxdb/v1.4/guides/hardware_sizing.md
index d2942b073..9f6969b03 100644
--- a/content/influxdb/v1.4/guides/hardware_sizing.md
+++ b/content/influxdb/v1.4/guides/hardware_sizing.md
@@ -157,7 +157,7 @@ A series cardinality around or above 10 million can cause OOM failures even with
The increase in RAM needs relative to series cardinality is exponential where the exponent is between one and two:
-![Series Cardinality](/img/influxdb/series-cardinality.png)
+![Series Cardinality](/img/influxdb/1-3-series-cardinality.png)
# What kind of storage do I need?
InfluxDB is designed to run on SSDs. InfluxData does not test on HDDs or networked storage devices, and we do not recommend them for production. Performance is an order of magnitude lower on spinning disk drives and the system may break down under even moderate load. For best results InfluxDB servers must have at least 1000 IOPS on the storage system.
diff --git a/content/influxdb/v1.4/query_language/functions.md b/content/influxdb/v1.4/query_language/functions.md
index 0002184bf..55886cf91 100644
--- a/content/influxdb/v1.4/query_language/functions.md
+++ b/content/influxdb/v1.4/query_language/functions.md
@@ -3040,7 +3040,7 @@ The example focuses the following subsample of the [`NOAA_water_database` data](
SELECT "water_level" FROM "NOAA_water_database"."autogen"."h2o_feet" WHERE "location"='santa_monica' AND time >= '2015-08-22 22:12:00' AND time <= '2015-08-28 03:00:00'
```
-![Raw Data](/img/influxdb/hw-raw-data-1-2.png)
+![Raw Data](/img/influxdb/1-3-hw-raw-data-1-2.png)
##### Step 1: Match the Trends of the Raw Data
@@ -3060,7 +3060,7 @@ match the time range of the raw data.
The blue line shows the results of the query:
-![First step](/img/influxdb/hw-first-step-1-2.png)
+![First step](/img/influxdb/1-3-hw-first-step-1-2.png)
##### Step 2: Determine the Seasonal Pattern
@@ -3070,7 +3070,7 @@ query in step 1.
Focusing on the blue line in the graph below, the pattern in the `water_level` data repeats about every 25 hours and 15 minutes.
There are four data points per season, so `4` is the seasonal pattern argument.
-![Second step](/img/influxdb/hw-second-step-1-2.png)
+![Second step](/img/influxdb/1-3-hw-second-step-1-2.png)
##### Step 3: Apply the HOLT_WINTERS() function
@@ -3087,7 +3087,7 @@ The second argument in the `HOLT_WINTERS_WITH_FIT()` function (`4`) is the seaso
The blue line shows the results of the query:
-![Third step](/img/influxdb/hw-third-step-1-2.png)
+![Third step](/img/influxdb/1-3-hw-third-step-1-2.png)
### Common Issues with `HOLT_WINTERS()`
diff --git a/content/influxdb/v1.4/tools/_index.md b/content/influxdb/v1.4/tools/_index.md
index bf00d9f6d..336f17ada 100644
--- a/content/influxdb/v1.4/tools/_index.md
+++ b/content/influxdb/v1.4/tools/_index.md
@@ -18,7 +18,7 @@ HTTP API that comes with every InfluxDB package.
Use `influx` to write data (manually or from a file), query data interactively,
and view query output in different formats:
-![CLI GIF](/img/influxdb/cli-1.0-beta.gif)
+![CLI GIF](/img/influxdb/1-3-cli-1-0-beta.gif)
Go straight to the documentation on:
diff --git a/content/influxdb/v1.5/guides/calculating_percentages.md b/content/influxdb/v1.5/guides/calculating_percentages.md
index 1c7762b44..411b92dd4 100644
--- a/content/influxdb/v1.5/guides/calculating_percentages.md
+++ b/content/influxdb/v1.5/guides/calculating_percentages.md
@@ -83,7 +83,7 @@ FROM "apple_stand"."autogen"."variety"'>
If visualized as a [stacked graph](/chronograf/v1.5/guides/visualization-types/#stacked-graph)
in Chronograf, it would look like:
-![Percentage of total per apple variety](/img/influxdb/calc-percentage-apple-variety.png)
+![Percentage of total per apple variety](/img/influxdb/1-5-calc-percentage-apple-variety.png)
### Calculating aggregate percentage per variety
The following query calculates the average percentage of the total weight each variety
@@ -112,4 +112,4 @@ _**Note the following about this query:**_
If visualized as a [stacked graph](/chronograf/v1.5/guides/visualization-types/#stacked-graph)
in Chronograf, it would look like:
-![Hourly average percentage of total per apple variety](/img/influxdb/calc-percentage-hourly-apple-variety.png)
+![Hourly average percentage of total per apple variety](/img/influxdb/1-5-calc-percentage-hourly-apple-variety.png)
diff --git a/content/influxdb/v1.5/query_language/functions.md b/content/influxdb/v1.5/query_language/functions.md
index 8f3007dc3..8797fb55c 100644
--- a/content/influxdb/v1.5/query_language/functions.md
+++ b/content/influxdb/v1.5/query_language/functions.md
@@ -3041,7 +3041,7 @@ The example focuses the following subsample of the [`NOAA_water_database` data](
SELECT "water_level" FROM "NOAA_water_database"."autogen"."h2o_feet" WHERE "location"='santa_monica' AND time >= '2015-08-22 22:12:00' AND time <= '2015-08-28 03:00:00'
```
-![Raw Data](/img/influxdb/hw-raw-data-1-2.png)
+![Raw Data](/img/influxdb/1-3-hw-raw-data-1-2.png)
##### Step 1: Match the Trends of the Raw Data
@@ -3061,7 +3061,7 @@ match the time range of the raw data.
The blue line shows the results of the query:
-![First step](/img/influxdb/hw-first-step-1-2.png)
+![First step](/img/influxdb/1-3-hw-first-step-1-2.png)
##### Step 2: Determine the Seasonal Pattern
@@ -3071,7 +3071,7 @@ query in step 1.
Focusing on the blue line in the graph below, the pattern in the `water_level` data repeats about every 25 hours and 15 minutes.
There are four data points per season, so `4` is the seasonal pattern argument.
-![Second step](/img/influxdb/hw-second-step-1-2.png)
+![Second step](/img/influxdb/1-3-hw-second-step-1-2.png)
##### Step 3: Apply the HOLT_WINTERS() function
@@ -3088,7 +3088,7 @@ The second argument in the `HOLT_WINTERS_WITH_FIT()` function (`4`) is the seaso
The blue line shows the results of the query:
-![Third step](/img/influxdb/hw-third-step-1-2.png)
+![Third step](/img/influxdb/1-3-hw-third-step-1-2.png)
### Common Issues with `HOLT_WINTERS()`
diff --git a/content/influxdb/v1.5/tools/_index.md b/content/influxdb/v1.5/tools/_index.md
index c97152daa..2debcb346 100644
--- a/content/influxdb/v1.5/tools/_index.md
+++ b/content/influxdb/v1.5/tools/_index.md
@@ -19,7 +19,7 @@ HTTP API that comes with every InfluxDB package.
Use `influx` to write data (manually or from a file), query data interactively,
and view query output in different formats:
-![CLI GIF](/img/influxdb/cli-1.0-beta.gif)
+![CLI GIF](/img/influxdb/1-3-cli-1-0-beta.gif)
Go straight to the documentation on:
diff --git a/content/influxdb/v1.6/guides/calculating_percentages.md b/content/influxdb/v1.6/guides/calculating_percentages.md
index 86251ffb3..42c4c93ac 100644
--- a/content/influxdb/v1.6/guides/calculating_percentages.md
+++ b/content/influxdb/v1.6/guides/calculating_percentages.md
@@ -83,7 +83,7 @@ FROM "apple_stand"."autogen"."variety"'>
If visualized as a [stacked graph](/chronograf/v1.6/guides/visualization-types/#stacked-graph)
in Chronograf, it would look like:
-![Percentage of total per apple variety](/img/influxdb/calc-percentage-apple-variety.png)
+![Percentage of total per apple variety](/img/influxdb/1-5-calc-percentage-apple-variety.png)
### Calculating aggregate percentage per variety
The following query calculates the average percentage of the total weight each variety
@@ -112,4 +112,4 @@ _**Note the following about this query:**_
If visualized as a [stacked graph](/chronograf/v1.6/guides/visualization-types/#stacked-graph)
in Chronograf, it would look like:
-![Hourly average percentage of total per apple variety](/img/influxdb/calc-percentage-hourly-apple-variety.png)
+![Hourly average percentage of total per apple variety](/img/influxdb/1-5-calc-percentage-hourly-apple-variety.png)
diff --git a/content/influxdb/v1.6/query_language/functions.md b/content/influxdb/v1.6/query_language/functions.md
index a3b6b8925..a842d46ff 100644
--- a/content/influxdb/v1.6/query_language/functions.md
+++ b/content/influxdb/v1.6/query_language/functions.md
@@ -6010,7 +6010,7 @@ The example focuses the following subsample of the [`NOAA_water_database` data](
SELECT "water_level" FROM "NOAA_water_database"."autogen"."h2o_feet" WHERE "location"='santa_monica' AND time >= '2015-08-22 22:12:00' AND time <= '2015-08-28 03:00:00'
```
-![Raw Data](/img/influxdb/hw-raw-data-1-2.png)
+![Raw Data](/img/influxdb/1-3-hw-raw-data-1-2.png)
##### Step 1: Match the Trends of the Raw Data
@@ -6030,7 +6030,7 @@ match the time range of the raw data.
The blue line shows the results of the query:
-![First step](/img/influxdb/hw-first-step-1-2.png)
+![First step](/img/influxdb/1-3-hw-first-step-1-2.png)
##### Step 2: Determine the Seasonal Pattern
@@ -6040,7 +6040,7 @@ query in step 1.
Focusing on the blue line in the graph below, the pattern in the `water_level` data repeats about every 25 hours and 15 minutes.
There are four data points per season, so `4` is the seasonal pattern argument.
-![Second step](/img/influxdb/hw-second-step-1-2.png)
+![Second step](/img/influxdb/1-3-hw-second-step-1-2.png)
##### Step 3: Apply the HOLT_WINTERS() function
@@ -6057,7 +6057,7 @@ The second argument in the `HOLT_WINTERS_WITH_FIT()` function (`4`) is the seaso
The blue line shows the results of the query:
-![Third step](/img/influxdb/hw-third-step-1-2.png)
+![Third step](/img/influxdb/1-3-hw-third-step-1-2.png)
### Common Issues with `HOLT_WINTERS()`
diff --git a/content/influxdb/v1.6/tools/_index.md b/content/influxdb/v1.6/tools/_index.md
index 9adca19b0..03bc17a2d 100644
--- a/content/influxdb/v1.6/tools/_index.md
+++ b/content/influxdb/v1.6/tools/_index.md
@@ -19,7 +19,7 @@ HTTP API that comes with every InfluxDB package.
Use `influx` to write data (manually or from a file), query data interactively,
and view query output in different formats:
-![CLI GIF](/img/influxdb/cli-1.0-beta.gif)
+![CLI GIF](/img/influxdb/1-3-cli-1-0-beta.gif)
Go straight to the documentation on:
diff --git a/content/influxdb/v1.7/guides/calculating_percentages.md b/content/influxdb/v1.7/guides/calculating_percentages.md
index 51a7178d9..129a136e1 100644
--- a/content/influxdb/v1.7/guides/calculating_percentages.md
+++ b/content/influxdb/v1.7/guides/calculating_percentages.md
@@ -83,7 +83,7 @@ FROM "apple_stand"."autogen"."variety"'>
If visualized as a [stacked graph](/chronograf/v1.7/guides/visualization-types/#stacked-graph)
in Chronograf, it would look like:
-![Percentage of total per apple variety](/img/influxdb/calc-percentage-apple-variety.png)
+![Percentage of total per apple variety](/img/influxdb/1-5-calc-percentage-apple-variety.png)
### Calculating aggregate percentage per variety
The following query calculates the average percentage of the total weight each variety
@@ -112,4 +112,4 @@ _**Note the following about this query:**_
If visualized as a [stacked graph](/chronograf/v1.7/guides/visualization-types/#stacked-graph)
in Chronograf, it would look like:
-![Hourly average percentage of total per apple variety](/img/influxdb/calc-percentage-hourly-apple-variety.png)
+![Hourly average percentage of total per apple variety](/img/influxdb/1-5-calc-percentage-hourly-apple-variety.png)
diff --git a/content/influxdb/v1.7/query_language/functions.md b/content/influxdb/v1.7/query_language/functions.md
index abd0476f6..f3761d909 100644
--- a/content/influxdb/v1.7/query_language/functions.md
+++ b/content/influxdb/v1.7/query_language/functions.md
@@ -6236,7 +6236,7 @@ The example focuses on the following subsample of the [`NOAA_water_database` dat
SELECT "water_level" FROM "NOAA_water_database"."autogen"."h2o_feet" WHERE "location"='santa_monica' AND time >= '2015-08-22 22:12:00' AND time <= '2015-08-28 03:00:00'
```
-![Raw Data](/img/influxdb/hw-raw-data-1-2.png)
+![Raw Data](/img/influxdb/1-3-hw-raw-data-1-2.png)
###### Step 1: Match the Trends of the Raw Data
@@ -6256,7 +6256,7 @@ match the time range of the raw data.
The blue line shows the results of the query:
-![First step](/img/influxdb/hw-first-step-1-2.png)
+![First step](/img/influxdb/1-3-hw-first-step-1-2.png)
###### Step 2: Determine the Seasonal Pattern
@@ -6266,7 +6266,7 @@ query in step 1.
Focusing on the blue line in the graph below, the pattern in the `water_level` data repeats about every 25 hours and 15 minutes.
There are four data points per season, so `4` is the seasonal pattern argument.
-![Second step](/img/influxdb/hw-second-step-1-2.png)
+![Second step](/img/influxdb/1-3-hw-second-step-1-2.png)
###### Step 3: Apply the HOLT_WINTERS() function
@@ -6283,7 +6283,7 @@ The second argument in the `HOLT_WINTERS_WITH_FIT()` function (`4`) is the seaso
The blue line shows the results of the query:
-![Third step](/img/influxdb/hw-third-step-1-2.png)
+![Third step](/img/influxdb/1-3-hw-third-step-1-2.png)
#### Common Issues with `HOLT_WINTERS()`
diff --git a/content/influxdb/v1.8/guides/calculate_percentages.md b/content/influxdb/v1.8/guides/calculate_percentages.md
index 172f4ed70..c38dcef1d 100644
--- a/content/influxdb/v1.8/guides/calculate_percentages.md
+++ b/content/influxdb/v1.8/guides/calculate_percentages.md
@@ -228,7 +228,7 @@ FROM "apple_stand"."autogen"."variety"'>
If visualized as a [stacked graph](/chronograf/v1.8/guides/visualization-types/#stacked-graph)
in Chronograf, it would look like:
-![Percentage of total per apple variety](/img/influxdb/calc-percentage-apple-variety.png)
+![Percentage of total per apple variety](/img/influxdb/1-5-calc-percentage-apple-variety.png)
### Calculating aggregate percentage per variety
@@ -258,7 +258,7 @@ _**Note the following about this query:**_
If visualized as a [stacked graph](/chronograf/v1.8/guides/visualization-types/#stacked-graph)
in Chronograf, it would look like:
-![Hourly average percentage of total per apple variety](/img/influxdb/calc-percentage-hourly-apple-variety.png)
+![Hourly average percentage of total per apple variety](/img/influxdb/1-5-calc-percentage-hourly-apple-variety.png)
{{% /tab-content %}}
{{< /tabs-wrapper >}}
diff --git a/content/influxdb/v1.8/guides/hardware_sizing.md b/content/influxdb/v1.8/guides/hardware_sizing.md
index d1448fe60..0723bd30a 100644
--- a/content/influxdb/v1.8/guides/hardware_sizing.md
+++ b/content/influxdb/v1.8/guides/hardware_sizing.md
@@ -115,7 +115,7 @@ In general, more RAM helps queries return faster. Your RAM requirements are prim
The increase in RAM needs relative to series cardinality is exponential where the exponent is between one and two:
-![Series Cardinality](/img/influxdb/series-cardinality.png)
+![Series Cardinality](/img/influxdb/1-3-series-cardinality.png)
## Guidelines per cluster
diff --git a/content/influxdb/v1.8/query_language/functions.md b/content/influxdb/v1.8/query_language/functions.md
index f00e88222..2e561e0c5 100644
--- a/content/influxdb/v1.8/query_language/functions.md
+++ b/content/influxdb/v1.8/query_language/functions.md
@@ -6236,7 +6236,7 @@ The example focuses on the following subsample of the [`NOAA_water_database` dat
SELECT "water_level" FROM "NOAA_water_database"."autogen"."h2o_feet" WHERE "location"='santa_monica' AND time >= '2015-08-22 22:12:00' AND time <= '2015-08-28 03:00:00'
```
-![Raw Data](/img/influxdb/hw-raw-data-1-2.png)
+![Raw Data](/img/influxdb/1-3-hw-raw-data-1-2.png)
###### Step 1: Match the Trends of the Raw Data
@@ -6256,7 +6256,7 @@ match the time range of the raw data.
The blue line shows the results of the query:
-![First step](/img/influxdb/hw-first-step-1-2.png)
+![First step](/img/influxdb/1-3-hw-first-step-1-2.png)
###### Step 2: Determine the Seasonal Pattern
@@ -6266,7 +6266,7 @@ query in step 1.
Focusing on the blue line in the graph below, the pattern in the `water_level` data repeats about every 25 hours and 15 minutes.
There are four data points per season, so `4` is the seasonal pattern argument.
-![Second step](/img/influxdb/hw-second-step-1-2.png)
+![Second step](/img/influxdb/1-3-hw-second-step-1-2.png)
###### Step 3: Apply the HOLT_WINTERS() function
@@ -6283,7 +6283,7 @@ The second argument in the `HOLT_WINTERS_WITH_FIT()` function (`4`) is the seaso
The blue line shows the results of the query:
-![Third step](/img/influxdb/hw-third-step-1-2.png)
+![Third step](/img/influxdb/1-3-hw-third-step-1-2.png)
#### Common Issues with `HOLT_WINTERS()`
diff --git a/content/influxdb/v2.0/account-management/data-usage.md b/content/influxdb/v2.0/account-management/data-usage.md
index 87dd38ebf..399b36942 100644
--- a/content/influxdb/v2.0/account-management/data-usage.md
+++ b/content/influxdb/v2.0/account-management/data-usage.md
@@ -29,7 +29,7 @@ Find data usage information for the time frame specified in the drop-down at the
- **Rate Limits over the specified time period:** A list of rate limit events over
the specified time period.
-{{< img-hd src="/img/2-0-cloud-usage.png" />}}
+{{< img-hd src="/img/influxdb/2-0-cloud-usage.png" />}}
## Exceeded rate limits
diff --git a/content/influxdb/v2.0/example.md b/content/influxdb/v2.0/example.md
index 6e83f1909..2d2a02f4e 100644
--- a/content/influxdb/v2.0/example.md
+++ b/content/influxdb/v2.0/example.md
@@ -61,7 +61,7 @@ WHERE time > now() - 15m
### h3 This is a header3
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.
-![Test image](http://docs.influxdata.com/img/chronograf/v1.7/alerts-conditions.png)
+![Test image](http://docs.influxdata.com/img/chronograf/1-6-alerts-conditions.png)
{{< img-hd src="/img/test-image-2.png" alt="Test Image" />}}
diff --git a/content/influxdb/v2.0/query-data/execute-queries.md b/content/influxdb/v2.0/query-data/execute-queries.md
index 7bc163189..99ed461dc 100644
--- a/content/influxdb/v2.0/query-data/execute-queries.md
+++ b/content/influxdb/v2.0/query-data/execute-queries.md
@@ -23,7 +23,7 @@ This guide covers the different options:
## Data Explorer
Queries can be built, executed, and visualized in InfluxDB UI's Data Explorer.
-![Data Explorer with Flux](/img/data-explorer-beta-8.png)
+![Data Explorer with Flux](/img/influxdb/2-0-data-explorer.png)
## Influx REPL
The [`influx repl` command](/v2.0/reference/cli/influx/repl) starts an interactive
diff --git a/content/influxdb/v2.0/query-data/flux/group-data.md b/content/influxdb/v2.0/query-data/flux/group-data.md
index 5904475e4..c154ea09c 100644
--- a/content/influxdb/v2.0/query-data/flux/group-data.md
+++ b/content/influxdb/v2.0/query-data/flux/group-data.md
@@ -164,7 +164,7 @@ Table: keys: [_start, _stop, _field, _measurement, cpu]
**Note that the group key is output with each table: `Table: keys: `.**
-![Group example data set](/img/grouping-data-set.png)
+![Group example data set](/img/flux/grouping-data-set.png)
### Group by CPU
Group the `dataSet` stream by the `cpu` column.
@@ -253,7 +253,7 @@ Table: keys: [cpu]
The visualization remains the same.
-![Group by CPU](/img/grouping-data-set.png)
+![Group by CPU](/img/flux/grouping-data-set.png)
### Group by time
Grouping data by the `_time` column is a good illustration of how grouping changes the structure of your data.
@@ -378,7 +378,7 @@ Table: keys: [_time]
Because each timestamp is structured as a separate table, when visualized, all
points that share the same timestamp appear connected.
-![Group by time](/img/grouping-by-time.png)
+![Group by time](/img/flux/grouping-by-time.png)
{{% note %}}
With some further processing, you could calculate the average CPU usage across all CPUs per point
@@ -670,7 +670,7 @@ Table: keys: [_time, cpu]
When visualized, tables appear as individual, unconnected points.
-![Group by CPU and time](/img/grouping-by-cpu-time.png)
+![Group by CPU and time](/img/flux/grouping-by-cpu-time.png)
Grouping by `cpu` and `_time` is a good illustration of how grouping works.
diff --git a/content/influxdb/v2.0/query-data/flux/histograms.md b/content/influxdb/v2.0/query-data/flux/histograms.md
index 2682db59f..c9dcd8b0d 100644
--- a/content/influxdb/v2.0/query-data/flux/histograms.md
+++ b/content/influxdb/v2.0/query-data/flux/histograms.md
@@ -76,7 +76,7 @@ logarithmicBins(start: 1.0, factor: 2.0, count: 10, infinity: true)
The [Histogram visualization type](/v2.0/visualize-data/visualization-types/histogram/)
automatically converts query results into a binned and segmented histogram.
-{{< img-hd src="/img/2-0-visualizations-histogram-example.png" alt="Histogram visualization" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-histogram-example.png" alt="Histogram visualization" />}}
Use the [Histogram visualization controls](/v2.0/visualize-data/visualization-types/histogram/#histogram-controls)
to specify the number of bins and define groups in bins.
@@ -190,4 +190,4 @@ from(bucket: "example-bucket")
In the Histogram visualization options, select `_time` as the **X Column**
and `severity` as the **Group By** option:
-{{< img-hd src="/img/2-0-visualizations-histogram-errors.png" alt="Logs by severity histogram" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-histogram-errors.png" alt="Logs by severity histogram" />}}
diff --git a/content/influxdb/v2.0/query-data/flux/sql.md b/content/influxdb/v2.0/query-data/flux/sql.md
index 8e91357fb..a15c0c6d3 100644
--- a/content/influxdb/v2.0/query-data/flux/sql.md
+++ b/content/influxdb/v2.0/query-data/flux/sql.md
@@ -184,7 +184,7 @@ sql.from(
Use the variable to manipulate queries in your dashboards.
-{{< img-hd src="/img/2-0-sql-dashboard-variable.png" alt="Dashboard variable from SQL query results" />}}
+{{< img-hd src="/img/influxdb/2-0-sql-dashboard-variable.png" alt="Dashboard variable from SQL query results" />}}
---
diff --git a/content/influxdb/v2.0/query-data/flux/window-aggregate.md b/content/influxdb/v2.0/query-data/flux/window-aggregate.md
index 6acb098a1..bdd7f8933 100644
--- a/content/influxdb/v2.0/query-data/flux/window-aggregate.md
+++ b/content/influxdb/v2.0/query-data/flux/window-aggregate.md
@@ -187,7 +187,7 @@ Table: keys: [_start, _stop, _field, _measurement]
When visualized in the InfluxDB UI, each window table is displayed in a different color.
-![Windowed data](/img/simple-windowed-data.png)
+![Windowed data](/img/flux/simple-windowed-data.png)
## Aggregate data
[Aggregate functions](/v2.0/reference/flux/stdlib/built-in/transformations/aggregates) take the values
@@ -249,7 +249,7 @@ Table: keys: [_start, _stop, _field, _measurement]
Because each data point is contained in its own table, when visualized,
they appear as single, unconnected points.
-![Aggregated windowed data](/img/simple-windowed-aggregate-data.png)
+![Aggregated windowed data](/img/flux/simple-windowed-aggregate-data.png)
### Recreate the time column
**Notice the `_time` column is not in the [aggregated output tables](#mean-output-tables).**
@@ -343,7 +343,7 @@ Table: keys: [_start, _stop, _field, _measurement]
With the aggregate values in a single table, data points in the visualization are connected.
-![Unwindowed aggregate data](/img/simple-unwindowed-data.png)
+![Unwindowed aggregate data](/img/flux/simple-unwindowed-data.png)
## Summing up
You have now created a Flux query that windows and aggregates data.
diff --git a/content/influxdb/v2.0/query-data/get-started/transform-data.md b/content/influxdb/v2.0/query-data/get-started/transform-data.md
index 7e8bdd48b..4470693e0 100644
--- a/content/influxdb/v2.0/query-data/get-started/transform-data.md
+++ b/content/influxdb/v2.0/query-data/get-started/transform-data.md
@@ -83,7 +83,7 @@ from(bucket:"example-bucket")
As data is gathered into windows of time, each window is output as its own table.
When visualized, each table is assigned a unique color.
-![Windowed data tables](/img/flux-windowed-data.png)
+![Windowed data tables](/img/flux/windowed-data.png)
## Aggregate windowed data
Flux aggregate functions take the `_value`s in each table and aggregate them in some way.
@@ -104,7 +104,7 @@ from(bucket:"example-bucket")
As rows in each window are aggregated, their output table contains only a single row with the aggregate value.
Windowed tables are all still separate and, when visualized, will appear as single, unconnected points.
-![Windowed aggregate data](/img/flux-windowed-aggregates.png)
+![Windowed aggregate data](/img/flux/windowed-aggregates.png)
## Add times to your aggregates
As values are aggregated, the resulting tables do not have a `_time` column because
@@ -150,7 +150,7 @@ from(bucket:"example-bucket")
Once ungrouped and combined into a single table, the aggregate data points will appear connected in your visualization.
-![Unwindowed aggregate data](/img/flux-windowed-aggregates-ungrouped.png)
+![Unwindowed aggregate data](/img/flux/windowed-aggregates-ungrouped.png)
## Helper functions
This may seem like a lot of coding just to build a query that aggregates data, however going through the
diff --git a/content/influxdb/v2.0/visualize-data/dashboards/control-dashboard.md b/content/influxdb/v2.0/visualize-data/dashboards/control-dashboard.md
index 13cd138a6..a179889e5 100644
--- a/content/influxdb/v2.0/visualize-data/dashboards/control-dashboard.md
+++ b/content/influxdb/v2.0/visualize-data/dashboards/control-dashboard.md
@@ -33,13 +33,13 @@ For details on using the Data Explorer, see [Explore metrics](/v2.0/visualize-da
Click the timezone dropdown to select a timezone to use for the dashboard. Select either the local time (default) or UTC.
-{{< img-hd src="/img/2-0-controls-timezone.png" alt="Select timezone" />}}
+{{< img-hd src="/img/influxdb/2-0-controls-timezone.png" alt="Select timezone" />}}
### Select auto-refresh interval
Select how frequently to refresh the dashboard's data. By default, refreshing is paused.
-{{< img-hd src="/img/2-0-controls-refresh-interval.png" alt="Select refresh interval" />}}
+{{< img-hd src="/img/influxdb/2-0-controls-refresh-interval.png" alt="Select refresh interval" />}}
### Manually refresh dashboard
@@ -49,7 +49,7 @@ Click the refresh button (**{{< icon "refresh" >}}**) to manually refresh the da
1. Select from the time range options in the dropdown menu.
- {{< img-hd src="/img/2-0-controls-time-range.png" alt="Select time range" />}}
+ {{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Select time range" />}}
2. Select **Custom Time Range** to enter a custom time range with precision up to nanoseconds.
The default time range is 5 minutes.
@@ -67,4 +67,4 @@ Click the fullscreen icon (**{{< icon "fullscreen" >}}**) to enter presentation
### Toggle dark mode and light mode
Click the moon or sun icons to toggle your dashboard between **dark mode** and **light mode.**
-{{< img-hd src="/img/2-0-controls-dark-light-mode.png" alt="Dark & light mode"/>}}
+{{< img-hd src="/img/influxdb/2-0-controls-dark-light-mode.png" alt="Dark & light mode"/>}}
diff --git a/content/influxdb/v2.0/visualize-data/explore-metrics.md b/content/influxdb/v2.0/visualize-data/explore-metrics.md
index 075d4dab5..ab93d827c 100644
--- a/content/influxdb/v2.0/visualize-data/explore-metrics.md
+++ b/content/influxdb/v2.0/visualize-data/explore-metrics.md
@@ -51,7 +51,7 @@ See [Get started with Flux](/v2.0/query-data/get-started) to learn more about Fl
- Select an available [visualization types](/v2.0/visualize-data/visualization-types/) from the dropdown menu in the upper-left:
- {{< img-hd src="/img/2-0-visualizations-dropdown.png" title="Visualization dropdown" />}}
+ {{< img-hd src="/img/influxdb/2-0-visualizations-dropdown.png" title="Visualization dropdown" />}}
## Control your dashboard cell
@@ -62,7 +62,7 @@ To open the cell editor overlay, click the gear icon in the upper right of a cel
Toggle the **View Raw Data** {{< icon "toggle" >}} option to see your data in table format instead of a graph. Use this option when data can't be visualized using a visualization type.
- {{< img-hd src="/img/beta-8-raw-data.png" alt="View raw data" />}}
+ {{< img-hd src="/img/influxdb/2-0-controls-view-raw-data.png" alt="View raw data" />}}
### Save as CSV
@@ -72,7 +72,7 @@ Click the CSV icon to save the cells contents as a CSV file.
Select how frequently to refresh the dashboard's data. By default, refreshing is paused.
-{{< img-hd src="/img/beta-8-interval-dropdown.png" alt="Select refresh interval" />}}
+{{< img-hd src="/img/influxdb-influxdb/2-0-controls-refresh-interval.png" alt="Select refresh interval" />}}
### Manually refresh dashboard
@@ -82,7 +82,7 @@ Click the refresh button ({{< icon "refresh" >}}) to manually refresh the dashbo
1. Select from the time range options in the dropdown menu.
- {{< img-hd src="/img/2-0-controls-time-range.png" alt="Select time range" />}}
+ {{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Select time range" />}}
2. Select **Custom Time Range** to enter a custom time range with precision up to nanoseconds.
The default time range is 5m.
diff --git a/content/influxdb/v2.0/visualize-data/other-tools/grafana.md b/content/influxdb/v2.0/visualize-data/other-tools/grafana.md
index 4e1760ab4..4fa9d2d4c 100644
--- a/content/influxdb/v2.0/visualize-data/other-tools/grafana.md
+++ b/content/influxdb/v2.0/visualize-data/other-tools/grafana.md
@@ -61,7 +61,7 @@ configure your InfluxDB connection:
- **Default Bucket**: The default [bucket](/v2.0/organizations/buckets/) to use in Flux queries.
- **Min time interval**: The [Grafana minimum time interval](https://grafana.com/docs/grafana/latest/features/datasources/influxdb/#min-time-interval).
- {{< img-hd src="/img/2-0-visualize-grafana.png" />}}
+ {{< img-hd src="/img/influxdb/2-0-visualize-grafana.png" />}}
2. Click **Save & Test**. Grafana attempts to connect to the InfluxDB 2.0 datasource
and returns the results of the test.
@@ -100,7 +100,7 @@ configure your InfluxDB connection:
- **HTTP Method**: Select **GET**.
- **Min time interval**: The [Grafana minimum time interval](https://grafana.com/docs/grafana/latest/features/datasources/influxdb/#min-time-interval).
- {{< img-hd src="/img/2-0-visualize-grafana-influxql.png" />}}
+ {{< img-hd src="/img/influxdb/2-0-visualize-grafana-influxql.png" />}}
5. Click **Save & Test**. Grafana attempts to connect to the InfluxDB 2.0 datasource
and returns the results of the test.
diff --git a/content/influxdb/v2.0/visualize-data/templates/create-template.md b/content/influxdb/v2.0/visualize-data/templates/create-template.md
index 484c0b729..b74369eab 100644
--- a/content/influxdb/v2.0/visualize-data/templates/create-template.md
+++ b/content/influxdb/v2.0/visualize-data/templates/create-template.md
@@ -35,7 +35,7 @@ Only [user templates](/v2.0/visualize-data/templates/#dashboard-template-types)
3. Select **User Templates**.
- {{< img-hd src="/img/2-0-templates-type-select.png" alt="Select User Templates" />}}
+ {{< img-hd src="/img/influxdb/2-0-templates-type-select.png" alt="Select User Templates" />}}
4. Hover over the template you want to clone and click **{{< icon "clone" >}}**.
5. Click **Clone** to confirm. The cloned template appears in your list.
diff --git a/content/influxdb/v2.0/visualize-data/templates/use-template.md b/content/influxdb/v2.0/visualize-data/templates/use-template.md
index d03f172a7..f71d77809 100644
--- a/content/influxdb/v2.0/visualize-data/templates/use-template.md
+++ b/content/influxdb/v2.0/visualize-data/templates/use-template.md
@@ -20,7 +20,7 @@ To create a new dashboard from an InfluxDB dashboard template:
3. Select the [template type](/v2.0/visualize-data/templates/#dashboard-template-types).
- {{< img-hd src="/img/2-0-templates-type-select.png" alt="Select User Templates" />}}
+ {{< img-hd src="/img/influxdb/2-0-templates-type-select.png" alt="Select User Templates" />}}
4. Hover over the template you want to use and click **Create**.
A notification appears confirming the dashboard was created.
diff --git a/content/influxdb/v2.0/visualize-data/templates/view-template.md b/content/influxdb/v2.0/visualize-data/templates/view-template.md
index d757959e3..fb400bd8d 100644
--- a/content/influxdb/v2.0/visualize-data/templates/view-template.md
+++ b/content/influxdb/v2.0/visualize-data/templates/view-template.md
@@ -20,7 +20,7 @@ To view templates in the InfluxDB userface (UI):
3. Select templates to view:
- {{< img-hd src="/img/2-0-templates-type-select.png" alt="Select User Templates" />}}
+ {{< img-hd src="/img/influxdb/2-0-templates-type-select.png" alt="Select User Templates" />}}
- **Static Templates:** templates included with InfluxDB.
For more information, see [Static templates](#static-templates) below.
diff --git a/content/influxdb/v2.0/visualize-data/variables/_index.md b/content/influxdb/v2.0/visualize-data/variables/_index.md
index 2b646b877..9b4fcc052 100644
--- a/content/influxdb/v2.0/visualize-data/variables/_index.md
+++ b/content/influxdb/v2.0/visualize-data/variables/_index.md
@@ -33,7 +33,7 @@ from(bucket: v.bucket)
When building Flux queries for dashboard cells, view available dashboard variables
in the **Variables** tab next to the Functions tab.
-{{< img-hd src="/img/2-0-variables-data-explorer-view.png" />}}
+{{< img-hd src="/img/influxdb/2-0-variables-data-explorer-view.png" />}}
Click a variable name to add it to your query and select a value from the **Value** dropdown.
diff --git a/content/influxdb/v2.0/visualize-data/variables/view-variables.md b/content/influxdb/v2.0/visualize-data/variables/view-variables.md
index ab0c02c39..98f923304 100644
--- a/content/influxdb/v2.0/visualize-data/variables/view-variables.md
+++ b/content/influxdb/v2.0/visualize-data/variables/view-variables.md
@@ -30,4 +30,4 @@ View a list of dashboard variables in the InfluxDB user interface (UI) from an o
2. Switch to **Script Editor**.
3. Click the **Variables** tab to the right of the script editor.
- {{< img-hd src="/img/2-0-variables-data-explorer-view.png" />}}
+ {{< img-hd src="/img/influxdb/2-0-variables-data-explorer-view.png" />}}
diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md b/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md
index 241a00093..3c70333c5 100644
--- a/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md
+++ b/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md
@@ -1,7 +1,7 @@
---
title: Gauge visualization
list_title: Gauge
-list_image: /img/2-0-visualizations-gauge-example.png
+list_image: /img/influxdb/2-0-visualizations-gauge-example.png
description: >
The Gauge view displays the single value most recent value for a time series in a gauge view.
weight: 206
@@ -15,7 +15,7 @@ menu:
The **Gauge** visualization displays the most recent value for a time series in a gauge.
-{{< img-hd src="/img/2-0-visualizations-gauge-example-8.png" alt="Gauge example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-gauge-example-8.png" alt="Gauge example" />}}
Select the **Gauge** option from the visualization dropdown in the upper right.
@@ -66,4 +66,4 @@ from(bucket: "example-bucket")
```
###### Visualization options for pressure gauge
-{{< img-hd src="/img/2-0-visualizations-gauge-pressure-8.png" alt="Pressure guage example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-gauge-pressure-8.png" alt="Pressure guage example" />}}
diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/graph-single-stat.md b/content/influxdb/v2.0/visualize-data/visualization-types/graph-single-stat.md
index 8064ec2d8..7c10d31a4 100644
--- a/content/influxdb/v2.0/visualize-data/visualization-types/graph-single-stat.md
+++ b/content/influxdb/v2.0/visualize-data/visualization-types/graph-single-stat.md
@@ -1,7 +1,7 @@
---
title: Graph + Single Stat visualization
list_title: Graph + Single Stat
-list_image: /img/2-0-visualizations-line-graph-single-stat-example.png
+list_image: /img/influxdb/2-0-visualizations-line-graph-single-stat-example.png
description: >
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.
@@ -20,7 +20,7 @@ related:
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.
-{{< img-hd src="/img/2-0-visualizations-line-graph-single-stat-example-8.png" alt="Line Graph + Single Stat example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-line-graph-single-stat-example-8.png" alt="Line Graph + Single Stat example" />}}
Select the **Graph + Single Stat** option from the visualization dropdown in the upper right.
@@ -95,4 +95,4 @@ from(bucket: "example-bucket")
)
```
###### Memory allocations visualization
-{{< img-hd src="/img/2-0-visualizations-graph-single-stat-mem-8.png" alt="Graph + Single Stat Memory Usage Example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-graph-single-stat-mem-8.png" alt="Graph + Single Stat Memory Usage Example" />}}
diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/graph.md b/content/influxdb/v2.0/visualize-data/visualization-types/graph.md
index e77730c4b..6c76dc5d6 100644
--- a/content/influxdb/v2.0/visualize-data/visualization-types/graph.md
+++ b/content/influxdb/v2.0/visualize-data/visualization-types/graph.md
@@ -1,7 +1,7 @@
---
title: Graph visualization
list_title: Graph
-list_image: /img/2-0-visualizations-line-graph-example.png
+list_image: /img/influxdb/2-0-visualizations-line-graph-example.png
description: >
The Graph view lets you select from multiple graph types such as line graphs and bar graphs *(Coming)*.
weight: 201
@@ -16,7 +16,7 @@ menu:
The Graph visualization provides several types of graphs, each configured through
the [Graph controls](#graph-controls).
-{{< img-hd src="/img/2-0-visualizations-line-graph-example-8.png" alt="Line Graph example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-line-graph-example-8.png" alt="Line Graph example" />}}
Select the **Graph** option from the visualization dropdown in the upper right.
@@ -61,13 +61,13 @@ the visualization dropdown.
## Graph Examples
##### Graph with linear interpolation
-{{< img-hd src="/img/2-0-visualizations-line-graph-example-8.png" alt="Line Graph example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-line-graph-example-8.png" alt="Line Graph example" />}}
##### Graph with smooth interpolation
-{{< img-hd src="/img/2-0-visualizations-line-graph-smooth-example-8.png" alt="Step-Plot Graph example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-line-graph-smooth-example-8.png" alt="Step-Plot Graph example" />}}
##### Graph with step interpolation
-{{< img-hd src="/img/2-0-visualizations-line-graph-step-example-8.png" alt="Step-Plot Graph example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-line-graph-step-example-8.png" alt="Step-Plot Graph example" />}}
diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md b/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md
index 7606580d3..5a32e2866 100644
--- a/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md
+++ b/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md
@@ -1,7 +1,7 @@
---
title: Heatmap visualization
list_title: Heatmap
-list_image: /img/2-0-visualizations-heatmap-example.png
+list_image: /img/influxdb/2-0-visualizations-heatmap-example.png
description: >
A Heatmap displays the distribution of data on an x and y axes where color
represents different concentrations of data points.
@@ -19,7 +19,7 @@ related:
A **Heatmap** displays the distribution of data on an x and y axes where color
represents different concentrations of data points.
-{{< img-hd src="/img/2-0-visualizations-heatmap-example.png" alt="Heatmap example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-heatmap-example.png" alt="Heatmap example" />}}
Select the **Heatmap** option from the visualization dropdown in the upper right.
@@ -98,7 +98,7 @@ and `_value_mem` is selected as the [Y Column](#data).
The domain for each axis is also customized to account for the scale difference
between column values.
-{{< img-hd src="/img/2-0-visualizations-heatmap-correlation.png" alt="Heatmap correlation example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-heatmap-correlation.png" alt="Heatmap correlation example" />}}
## Important notes
@@ -110,7 +110,7 @@ However, in certain cases, heatmaps provide better visibility into point density
For example, the dashboard cells below visualize the same query results:
-{{< img-hd src="/img/2-0-visualizations-heatmap-vs-scatter.png" alt="Heatmap vs Scatter plot" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-heatmap-vs-scatter.png" alt="Heatmap vs Scatter plot" />}}
The heatmap indicates isolated high point density, which isn't visible in the scatter plot.
In the scatter plot visualization, points that share the same X and Y coordinates
diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md b/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md
index 56493428c..393b69289 100644
--- a/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md
+++ b/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md
@@ -1,7 +1,7 @@
---
title: Histogram visualization
list_title: Histogram
-list_image: /img/2-0-visualizations-histogram-example.png
+list_image: /img/influxdb/2-0-visualizations-histogram-example.png
description: >
A histogram is a way to view the distribution of data.
The y-axis is dedicated to count, and the x-axis is divided into bins.
@@ -17,7 +17,7 @@ menu:
A histogram is a way to view the distribution of data.
The y-axis is dedicated to count, and the X-axis is divided into bins.
-{{< img-hd src="/img/2-0-visualizations-histogram-example.png" alt="Histogram example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-histogram-example.png" alt="Histogram example" />}}
Select the **Histogram** option from the visualization dropdown in the upper right.
@@ -79,4 +79,4 @@ from(bucket: "example-bucket")
In the Histogram visualization options, select `_time` as the [X Column](#data)
and `severity` as the [Group By](#data) option:
-{{< img-hd src="/img/2-0-visualizations-histogram-errors.png" alt="Errors histogram" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-histogram-errors.png" alt="Errors histogram" />}}
diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md b/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md
index f1605db0f..6051b4e82 100644
--- a/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md
+++ b/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md
@@ -1,7 +1,7 @@
---
title: Scatter visualization
list_title: Scatter
-list_image: /img/2-0-visualizations-scatter-example.png
+list_image: /img/influxdb/2-0-visualizations-scatter-example.png
description: >
The Scatter view uses a scatter plot to display time series data.
weight: 208
@@ -17,7 +17,7 @@ related:
The **Scatter** view uses a scatter plot to display time series data.
-{{< img-hd src="/img/2-0-visualizations-scatter-example.png" alt="Scatter plot example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-scatter-example.png" alt="Scatter plot example" />}}
Select the **Scatter** option from the visualization dropdown in the upper right.
@@ -93,7 +93,7 @@ union(tables: [cpu, mem])
###### Use a scatter plot to visualize correlation
In the Scatter visualization controls, points are differentiated based on their group keys.
-{{< img-hd src="/img/2-0-visualizations-scatter-correlation.png" alt="Heatmap correlation example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-scatter-correlation.png" alt="Heatmap correlation example" />}}
## Important notes
@@ -104,7 +104,7 @@ However, in certain cases, scatterplots can "hide" points if they share the same
For example, the dashboard cells below visualize the same query results:
-{{< img-hd src="/img/2-0-visualizations-heatmap-vs-scatter.png" alt="Heatmap vs Scatter plot" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-heatmap-vs-scatter.png" alt="Heatmap vs Scatter plot" />}}
The heatmap indicates isolated high point density, which isn't visible in the scatter plot.
In the scatter plot visualization, points that share the same X and Y coordinates
diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/single-stat.md b/content/influxdb/v2.0/visualize-data/visualization-types/single-stat.md
index c3f489b43..8f86e31ac 100644
--- a/content/influxdb/v2.0/visualize-data/visualization-types/single-stat.md
+++ b/content/influxdb/v2.0/visualize-data/visualization-types/single-stat.md
@@ -1,7 +1,7 @@
---
title: Single Stat visualization
list_title: Single stat
-list_image: /img/2-0-visualizations-single-stat-example.png
+list_image: /img/influxdb/2-0-visualizations-single-stat-example.png
description: >
The Single Stat view displays the most recent value of the specified time series as a numerical value.
weight: 205
@@ -15,7 +15,7 @@ menu:
The **Single Stat** view displays the most recent value of the specified time series as a numerical value.
-{{< img-hd src="/img/2-0-visualizations-single-stat-example-8.png" alt="Single stat example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-single-stat-example-8.png" alt="Single stat example" />}}
Select the **Single Stat** option from the visualization dropdown in the upper right.
@@ -64,4 +64,4 @@ from(bucket: "example-bucket")
```
###### Memory usage as a single stat
-{{< img-hd src="/img/2-0-visualizations-single-stat-example-8.png" alt="Graph + Single Stat Memory Usage Example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-single-stat-example-8.png" alt="Graph + Single Stat Memory Usage Example" />}}
diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/table.md b/content/influxdb/v2.0/visualize-data/visualization-types/table.md
index cb0151e83..e506a2623 100644
--- a/content/influxdb/v2.0/visualize-data/visualization-types/table.md
+++ b/content/influxdb/v2.0/visualize-data/visualization-types/table.md
@@ -1,7 +1,7 @@
---
title: Table visualization
list_title: Table
-list_image: /img/2-0-visualizations-table-example.png
+list_image: /img/influxdb/2-0-visualizations-table-example.png
description: >
The Table option displays the results of queries in a tabular view, which is
sometimes easier to analyze than graph views of data.
@@ -17,7 +17,7 @@ menu:
The **Table** option displays the results of queries in a tabular view, which is
sometimes easier to analyze than graph views of data.
-{{< img-hd src="/img/2-0-visualizations-table-example.png" alt="Table example" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-table-example.png" alt="Table example" />}}
Select the **Table** option from the visualization dropdown in the upper right.
@@ -82,4 +82,4 @@ from(bucket: "example-bucket")
```
###### Cluster metrics in a table
-{{< img-hd src="/img/2-0-visualizations-table-human-readable.png" alt="Human readable metrics in a table" />}}
+{{< img-hd src="/img/influxdb/2-0-visualizations-table-human-readable.png" alt="Human readable metrics in a table" />}}
diff --git a/content/platform/install-and-deploy/deploying/google-cloud-platform.md b/content/platform/install-and-deploy/deploying/google-cloud-platform.md
index c90b9e6f8..087513f2c 100644
--- a/content/platform/install-and-deploy/deploying/google-cloud-platform.md
+++ b/content/platform/install-and-deploy/deploying/google-cloud-platform.md
@@ -28,11 +28,11 @@ To deploy InfluxDB Enterprise on platforms other than GCP, please see [InfluxDB
To deploy an InfluxDB Enterprise cluster, log in to your Google Cloud Platform account and navigate to [InfluxData's InfluxDB Enterprise (BYOL)](https://console.cloud.google.com/partner/editor/influxdata-public/influxdb-enterprise-byol) solution in the GCP Marketplace.
-![GCP InfluxDB Enterprise solution page](/img/enterprise/gcp/intro-1.png)
+![GCP InfluxDB Enterprise solution page](/img/enterprise/1-6-gcp-intro-1.png)
Click __Launch on compute engine__ to open up the configuration page.
-![GCP InfluxDB Enterprise configuration page](/img/enterprise/gcp/intro-2.png)
+![GCP InfluxDB Enterprise configuration page](/img/enterprise/1-6-gcp-intro-2.png)
Copy the InfluxDB Enterprise license key to the __InfluxDB Enterprise license key__ field or [sign up for a free InfluxDB Enterprise trial for GCP](https://portal.influxdata.com/users/gcp) to obtain a license key.
@@ -40,11 +40,11 @@ Adjust any other fields as desired. The cluster will only be accessible within t
Click __Deploy__ to launch the InfluxDB Enterprise cluster.
-![GCP InfluxDB Enterprise deployment pending page](/img/enterprise/gcp/intro-3.png)
+![GCP InfluxDB Enterprise deployment pending page](/img/enterprise/1-6-gcp-intro-3.png)
The cluster will take up to five minutes to fully deploy. If the deployment does not complete or reports an error, read through the list of [common deployment errors](https://cloud.google.com/marketplace/docs/troubleshooting).
-![GCP InfluxDB Enterprise deployment complete page](/img/enterprise/gcp/intro-4.png)
+![GCP InfluxDB Enterprise deployment complete page](/img/enterprise/1-6-gcp-intro-4.png)
Your cluster is now deployed!
diff --git a/content/platform/introduction/getting-started.md b/content/platform/introduction/getting-started.md
index 39069573b..6fe5890f1 100644
--- a/content/platform/introduction/getting-started.md
+++ b/content/platform/introduction/getting-started.md
@@ -8,7 +8,7 @@ menu:
---
## Overview
-![Getting started setup](/img/chronograf/v1.6/intro-gs-diagram.png)
+![Getting started setup](/img/chronograf/1-6-intro-gs-diagram.png)
Before following the steps below, [download and install](/platform/install-and-deploy/install/) each component of the TICK stack, or [Install the InfluxData Sandbox](/platform/install-and-deploy/deploying/sandbox-install/).
diff --git a/content/telegraf/v1.13/guides/using_http.md b/content/telegraf/v1.13/guides/using_http.md
index 028c367cf..0bf88ccd8 100644
--- a/content/telegraf/v1.13/guides/using_http.md
+++ b/content/telegraf/v1.13/guides/using_http.md
@@ -113,4 +113,4 @@ citibikenyc,id=304,stationName=Broadway\ &\ Battery\ Pl statusValue="In Service"
Now, you can explore and query the Citi Bike data in InfluxDB. The example below is an InfluxQL query and visualization showing the number of available bikes over the past 15 minutes at the Broadway and West 29th Street station.
-![Citi Bike visualization](/img/citibike_query.png)
+![Citi Bike visualization](/img/telegraf/1-13-citibike_query.png)
diff --git a/content/telegraf/v1.14/data_formats/input/form-urlencoded.md b/content/telegraf/v1.14/data_formats/input/form-urlencoded.md
index 7009f548d..8f077edc1 100644
--- a/content/telegraf/v1.14/data_formats/input/form-urlencoded.md
+++ b/content/telegraf/v1.14/data_formats/input/form-urlencoded.md
@@ -57,4 +57,4 @@ curl -i -XGET 'http://localhost:8080/telegraf?tag1=foo&field1=0.42&field2=42'
```sh
mymetric,tag1=foo field1=0.42,field2=42
-```
\ No newline at end of file
+```
diff --git a/content/telegraf/v1.14/data_formats/output/wavefront.md b/content/telegraf/v1.14/data_formats/output/wavefront.md
index cca582a1c..83a0a7719 100644
--- a/content/telegraf/v1.14/data_formats/output/wavefront.md
+++ b/content/telegraf/v1.14/data_formats/output/wavefront.md
@@ -48,4 +48,4 @@ Serializes into the following Wavefront metrics:
"cpu.user" 12.000000 1234567890 source="testHost" "cpu"="cpu0"
"cpu.idle" 88.000000 1234567890 source="testHost" "cpu"="cpu0"
"cpu.system" 0.000000 1234567890 source="testHost" "cpu"="cpu0"
-```
\ No newline at end of file
+```
diff --git a/content/telegraf/v1.14/guides/using_http.md b/content/telegraf/v1.14/guides/using_http.md
index deea852e8..03a81850f 100644
--- a/content/telegraf/v1.14/guides/using_http.md
+++ b/content/telegraf/v1.14/guides/using_http.md
@@ -113,4 +113,4 @@ citibikenyc,id=304,stationName=Broadway\ &\ Battery\ Pl statusValue="In Service"
Now, you can explore and query the Citi Bike data in InfluxDB. The example below is an InfluxQL query and visualization showing the number of available bikes over the past 15 minutes at the Broadway and West 29th Street station.
-![Citi Bike visualization](/img/citibike_query.png)
+![Citi Bike visualization](/img/telegraf/1-13-citibike_query.png)
diff --git a/content/telegraf/v1.15/guides/using_http.md b/content/telegraf/v1.15/guides/using_http.md
index 8699a009c..787b2d25e 100644
--- a/content/telegraf/v1.15/guides/using_http.md
+++ b/content/telegraf/v1.15/guides/using_http.md
@@ -113,4 +113,4 @@ citibikenyc,id=304,stationName=Broadway\ &\ Battery\ Pl statusValue="In Service"
Now, you can explore and query the Citi Bike data in InfluxDB. The example below is an InfluxQL query and visualization showing the number of available bikes over the past 15 minutes at the Broadway and West 29th Street station.
-![Citi Bike visualization](/img/citibike_query.png)
+![Citi Bike visualization](/img/telegraf/1-13-citibike_query.png)
diff --git a/static/img/2-0-data-explorer-save-as-task.png b/static/img/2-0-data-explorer-save-as-task.png
deleted file mode 100644
index 8da0ad122..000000000
Binary files a/static/img/2-0-data-explorer-save-as-task.png and /dev/null differ
diff --git a/static/img/2-0-data-explorer-ui.png b/static/img/2-0-data-explorer-ui.png
deleted file mode 100644
index 1c5d770e3..000000000
Binary files a/static/img/2-0-data-explorer-ui.png and /dev/null differ
diff --git a/static/img/2-0-visualizations-graph-single-stat-mem.png b/static/img/2-0-visualizations-graph-single-stat-mem.png
deleted file mode 100644
index 6b5c77b8d..000000000
Binary files a/static/img/2-0-visualizations-graph-single-stat-mem.png and /dev/null differ
diff --git a/static/img/2-0-visualizations-guage-pressure.png b/static/img/2-0-visualizations-guage-pressure.png
deleted file mode 100644
index e75c53983..000000000
Binary files a/static/img/2-0-visualizations-guage-pressure.png and /dev/null differ
diff --git a/static/img/2-0-visualizations-line-graph-smooth-example.png b/static/img/2-0-visualizations-line-graph-smooth-example.png
deleted file mode 100644
index 9ae3ad804..000000000
Binary files a/static/img/2-0-visualizations-line-graph-smooth-example.png and /dev/null differ
diff --git a/static/img/2-0-visualizations-line-graph-step-example.png b/static/img/2-0-visualizations-line-graph-step-example.png
deleted file mode 100644
index ecbf26722..000000000
Binary files a/static/img/2-0-visualizations-line-graph-step-example.png and /dev/null differ
diff --git a/static/img/2-0-visualizations-single-stat-memor.png b/static/img/2-0-visualizations-single-stat-memor.png
deleted file mode 100644
index ddd161159..000000000
Binary files a/static/img/2-0-visualizations-single-stat-memor.png and /dev/null differ
diff --git a/static/img/beta-8-interval-dropdown.png b/static/img/beta-8-interval-dropdown.png
deleted file mode 100644
index a5e9712c3..000000000
Binary files a/static/img/beta-8-interval-dropdown.png and /dev/null differ
diff --git a/static/img/beta-8-raw-data.png b/static/img/beta-8-raw-data.png
deleted file mode 100644
index 83abb17b7..000000000
Binary files a/static/img/beta-8-raw-data.png and /dev/null differ
diff --git a/static/img/chronograf/1-5-manage-queries-chrono.png b/static/img/chronograf/1-5-manage-queries-chrono.png
new file mode 100644
index 000000000..332c991f4
Binary files /dev/null and b/static/img/chronograf/1-5-manage-queries-chrono.png differ
diff --git a/static/img/chronograf/1-5-overview-chrono.png b/static/img/chronograf/1-5-overview-chrono.png
new file mode 100644
index 000000000..f9bd714ea
Binary files /dev/null and b/static/img/chronograf/1-5-overview-chrono.png differ
diff --git a/static/img/chronograf/1-6-admin-usermanagement-cluster.png b/static/img/chronograf/1-6-admin-usermanagement-cluster.png
new file mode 100644
index 000000000..e75ffad2b
Binary files /dev/null and b/static/img/chronograf/1-6-admin-usermanagement-cluster.png differ
diff --git a/static/img/chronograf/1-6-admin-usermanagement-oss.png b/static/img/chronograf/1-6-admin-usermanagement-oss.png
new file mode 100644
index 000000000..59d5df866
Binary files /dev/null and b/static/img/chronograf/1-6-admin-usermanagement-oss.png differ
diff --git a/static/img/chronograf/1-6-admin-usermanagement-roles.png b/static/img/chronograf/1-6-admin-usermanagement-roles.png
new file mode 100644
index 000000000..567cb7b48
Binary files /dev/null and b/static/img/chronograf/1-6-admin-usermanagement-roles.png differ
diff --git a/static/img/chronograf/1-6-alerts-conditions.png b/static/img/chronograf/1-6-alerts-conditions.png
new file mode 100644
index 000000000..b778ff7ee
Binary files /dev/null and b/static/img/chronograf/1-6-alerts-conditions.png differ
diff --git a/static/img/chronograf/1-6-alerts-configure-handlers.png b/static/img/chronograf/1-6-alerts-configure-handlers.png
new file mode 100644
index 000000000..551e9079c
Binary files /dev/null and b/static/img/chronograf/1-6-alerts-configure-handlers.png differ
diff --git a/static/img/chronograf/1-6-alerts-history.png b/static/img/chronograf/1-6-alerts-history.png
new file mode 100644
index 000000000..4cd2ad139
Binary files /dev/null and b/static/img/chronograf/1-6-alerts-history.png differ
diff --git a/static/img/chronograf/1-6-alerts-manage-tasks-nav.png b/static/img/chronograf/1-6-alerts-manage-tasks-nav.png
new file mode 100644
index 000000000..3a3bc803d
Binary files /dev/null and b/static/img/chronograf/1-6-alerts-manage-tasks-nav.png differ
diff --git a/static/img/chronograf/1-6-alerts-message.png b/static/img/chronograf/1-6-alerts-message.png
new file mode 100644
index 000000000..b858b5146
Binary files /dev/null and b/static/img/chronograf/1-6-alerts-message.png differ
diff --git a/static/img/chronograf/1-6-alerts-rule-builder.png b/static/img/chronograf/1-6-alerts-rule-builder.png
new file mode 100644
index 000000000..7d155159e
Binary files /dev/null and b/static/img/chronograf/1-6-alerts-rule-builder.png differ
diff --git a/static/img/chronograf/1-6-alerts-slack-notifications.png b/static/img/chronograf/1-6-alerts-slack-notifications.png
new file mode 100644
index 000000000..6c7d79571
Binary files /dev/null and b/static/img/chronograf/1-6-alerts-slack-notifications.png differ
diff --git a/static/img/chronograf/1-6-alerts-time-series.png b/static/img/chronograf/1-6-alerts-time-series.png
new file mode 100644
index 000000000..bc07b0d26
Binary files /dev/null and b/static/img/chronograf/1-6-alerts-time-series.png differ
diff --git a/static/img/chronograf/1-6-alerts-view-rules.png b/static/img/chronograf/1-6-alerts-view-rules.png
new file mode 100644
index 000000000..7372ea805
Binary files /dev/null and b/static/img/chronograf/1-6-alerts-view-rules.png differ
diff --git a/static/img/chronograf/1-6-annotations-example.png b/static/img/chronograf/1-6-annotations-example.png
new file mode 100644
index 000000000..950f40dce
Binary files /dev/null and b/static/img/chronograf/1-6-annotations-example.png differ
diff --git a/static/img/chronograf/1-6-chronograf-collage.png b/static/img/chronograf/1-6-chronograf-collage.png
new file mode 100644
index 000000000..9ce7a9f8a
Binary files /dev/null and b/static/img/chronograf/1-6-chronograf-collage.png differ
diff --git a/static/img/chronograf/1-6-clone-cell-cell-copy.png b/static/img/chronograf/1-6-clone-cell-cell-copy.png
new file mode 100644
index 000000000..2de1d4250
Binary files /dev/null and b/static/img/chronograf/1-6-clone-cell-cell-copy.png differ
diff --git a/static/img/chronograf/1-6-clone-cell-click-button.png b/static/img/chronograf/1-6-clone-cell-click-button.png
new file mode 100644
index 000000000..8549b67e7
Binary files /dev/null and b/static/img/chronograf/1-6-clone-cell-click-button.png differ
diff --git a/static/img/chronograf/1-6-clone-dashboard-clone.png b/static/img/chronograf/1-6-clone-dashboard-clone.png
new file mode 100644
index 000000000..d065c3e07
Binary files /dev/null and b/static/img/chronograf/1-6-clone-dashboard-clone.png differ
diff --git a/static/img/chronograf/1-6-clone-dashboard.png b/static/img/chronograf/1-6-clone-dashboard.png
new file mode 100644
index 000000000..b27f752ed
Binary files /dev/null and b/static/img/chronograf/1-6-clone-dashboard.png differ
diff --git a/static/img/chronograf/1-6-cluster-de.png b/static/img/chronograf/1-6-cluster-de.png
new file mode 100644
index 000000000..53c68ffaf
Binary files /dev/null and b/static/img/chronograf/1-6-cluster-de.png differ
diff --git a/static/img/chronograf/1-6-cluster-diagram.png b/static/img/chronograf/1-6-cluster-diagram.png
new file mode 100644
index 000000000..ba6bb5c77
Binary files /dev/null and b/static/img/chronograf/1-6-cluster-diagram.png differ
diff --git a/static/img/chronograf/1-6-cluster-hostlist.png b/static/img/chronograf/1-6-cluster-hostlist.png
new file mode 100644
index 000000000..9c211c008
Binary files /dev/null and b/static/img/chronograf/1-6-cluster-hostlist.png differ
diff --git a/static/img/chronograf/1-6-cluster-predash.gif b/static/img/chronograf/1-6-cluster-predash.gif
new file mode 100644
index 000000000..257ac3e36
Binary files /dev/null and b/static/img/chronograf/1-6-cluster-predash.gif differ
diff --git a/static/img/chronograf/1-6-cluster-welcome.png b/static/img/chronograf/1-6-cluster-welcome.png
new file mode 100644
index 000000000..bcc0cb1d4
Binary files /dev/null and b/static/img/chronograf/1-6-cluster-welcome.png differ
diff --git a/static/img/chronograf/1-6-connection-influxdb.png b/static/img/chronograf/1-6-connection-influxdb.png
new file mode 100644
index 000000000..40bfb4e41
Binary files /dev/null and b/static/img/chronograf/1-6-connection-influxdb.png differ
diff --git a/static/img/chronograf/1-6-connection-kapacitor-details.png b/static/img/chronograf/1-6-connection-kapacitor-details.png
new file mode 100644
index 000000000..34bda8879
Binary files /dev/null and b/static/img/chronograf/1-6-connection-kapacitor-details.png differ
diff --git a/static/img/chronograf/1-6-connection-kapacitor.png b/static/img/chronograf/1-6-connection-kapacitor.png
new file mode 100644
index 000000000..385b69b8d
Binary files /dev/null and b/static/img/chronograf/1-6-connection-kapacitor.png differ
diff --git a/static/img/chronograf/1-6-connection-landing-page.png b/static/img/chronograf/1-6-connection-landing-page.png
new file mode 100644
index 000000000..b1cfe76fd
Binary files /dev/null and b/static/img/chronograf/1-6-connection-landing-page.png differ
diff --git a/static/img/chronograf/1-6-custom-meta-query-filtering.gif b/static/img/chronograf/1-6-custom-meta-query-filtering.gif
new file mode 100644
index 000000000..758fffea7
Binary files /dev/null and b/static/img/chronograf/1-6-custom-meta-query-filtering.gif differ
diff --git a/static/img/chronograf/1-6-dashboard-export.png b/static/img/chronograf/1-6-dashboard-export.png
new file mode 100644
index 000000000..5f0468e6a
Binary files /dev/null and b/static/img/chronograf/1-6-dashboard-export.png differ
diff --git a/static/img/chronograf/1-6-dashboard-import-reconcile.png b/static/img/chronograf/1-6-dashboard-import-reconcile.png
new file mode 100644
index 000000000..d24193951
Binary files /dev/null and b/static/img/chronograf/1-6-dashboard-import-reconcile.png differ
diff --git a/static/img/chronograf/1-6-dashboard-import.gif b/static/img/chronograf/1-6-dashboard-import.gif
new file mode 100644
index 000000000..99eae6427
Binary files /dev/null and b/static/img/chronograf/1-6-dashboard-import.gif differ
diff --git a/static/img/chronograf/1-6-data-explorer.png b/static/img/chronograf/1-6-data-explorer.png
new file mode 100644
index 000000000..3fc7aae78
Binary files /dev/null and b/static/img/chronograf/1-6-data-explorer.png differ
diff --git a/static/img/chronograf/1-6-faq-cluster-connection.png b/static/img/chronograf/1-6-faq-cluster-connection.png
new file mode 100644
index 000000000..30ebc80ac
Binary files /dev/null and b/static/img/chronograf/1-6-faq-cluster-connection.png differ
diff --git a/static/img/chronograf/1-6-g-admin-chronodbrp.gif b/static/img/chronograf/1-6-g-admin-chronodbrp.gif
new file mode 100644
index 000000000..9a0e77a1c
Binary files /dev/null and b/static/img/chronograf/1-6-g-admin-chronodbrp.gif differ
diff --git a/static/img/chronograf/1-6-g-admin-chronotemplates.png b/static/img/chronograf/1-6-g-admin-chronotemplates.png
new file mode 100644
index 000000000..52841bd03
Binary files /dev/null and b/static/img/chronograf/1-6-g-admin-chronotemplates.png differ
diff --git a/static/img/chronograf/1-6-g-admin-chronousers1.png b/static/img/chronograf/1-6-g-admin-chronousers1.png
new file mode 100644
index 000000000..ef6fc6aef
Binary files /dev/null and b/static/img/chronograf/1-6-g-admin-chronousers1.png differ
diff --git a/static/img/chronograf/1-6-g-admin-chronowrite.png b/static/img/chronograf/1-6-g-admin-chronowrite.png
new file mode 100644
index 000000000..1cd213358
Binary files /dev/null and b/static/img/chronograf/1-6-g-admin-chronowrite.png differ
diff --git a/static/img/chronograf/1-6-g-admin-webdbrp.png b/static/img/chronograf/1-6-g-admin-webdbrp.png
new file mode 100644
index 000000000..b0be990ea
Binary files /dev/null and b/static/img/chronograf/1-6-g-admin-webdbrp.png differ
diff --git a/static/img/chronograf/1-6-g-admin-webtemplates.png b/static/img/chronograf/1-6-g-admin-webtemplates.png
new file mode 100644
index 000000000..a6b4e42bb
Binary files /dev/null and b/static/img/chronograf/1-6-g-admin-webtemplates.png differ
diff --git a/static/img/chronograf/1-6-g-admin-webuser.png b/static/img/chronograf/1-6-g-admin-webuser.png
new file mode 100644
index 000000000..d753bf852
Binary files /dev/null and b/static/img/chronograf/1-6-g-admin-webuser.png differ
diff --git a/static/img/chronograf/1-6-g-admin-write.png b/static/img/chronograf/1-6-g-admin-write.png
new file mode 100644
index 000000000..d1207d1ee
Binary files /dev/null and b/static/img/chronograf/1-6-g-admin-write.png differ
diff --git a/static/img/chronograf/1-6-g-advkap-dur.png b/static/img/chronograf/1-6-g-advkap-dur.png
new file mode 100644
index 000000000..13c4d9eec
Binary files /dev/null and b/static/img/chronograf/1-6-g-advkap-dur.png differ
diff --git a/static/img/chronograf/1-6-g-advkap-pretick.png b/static/img/chronograf/1-6-g-advkap-pretick.png
new file mode 100644
index 000000000..83e3b819d
Binary files /dev/null and b/static/img/chronograf/1-6-g-advkap-pretick.png differ
diff --git a/static/img/chronograf/1-6-g-advkap-rp.png b/static/img/chronograf/1-6-g-advkap-rp.png
new file mode 100644
index 000000000..fe6470beb
Binary files /dev/null and b/static/img/chronograf/1-6-g-advkap-rp.png differ
diff --git a/static/img/chronograf/1-6-g-dashboard-builder.png b/static/img/chronograf/1-6-g-dashboard-builder.png
new file mode 100644
index 000000000..302de6f51
Binary files /dev/null and b/static/img/chronograf/1-6-g-dashboard-builder.png differ
diff --git a/static/img/chronograf/1-6-g-dashboard-cell-edit.png b/static/img/chronograf/1-6-g-dashboard-cell-edit.png
new file mode 100644
index 000000000..f98e1b7a3
Binary files /dev/null and b/static/img/chronograf/1-6-g-dashboard-cell-edit.png differ
diff --git a/static/img/chronograf/1-6-g-dashboard-edit.png b/static/img/chronograf/1-6-g-dashboard-edit.png
new file mode 100644
index 000000000..d7d924983
Binary files /dev/null and b/static/img/chronograf/1-6-g-dashboard-edit.png differ
diff --git a/static/img/chronograf/1-6-g-dashboard-possibilities.png b/static/img/chronograf/1-6-g-dashboard-possibilities.png
new file mode 100644
index 000000000..9308bad2c
Binary files /dev/null and b/static/img/chronograf/1-6-g-dashboard-possibilities.png differ
diff --git a/static/img/chronograf/1-6-g-dashboard-rename.png b/static/img/chronograf/1-6-g-dashboard-rename.png
new file mode 100644
index 000000000..b198b6841
Binary files /dev/null and b/static/img/chronograf/1-6-g-dashboard-rename.png differ
diff --git a/static/img/chronograf/1-6-g-dashboard-resize.gif b/static/img/chronograf/1-6-g-dashboard-resize.gif
new file mode 100644
index 000000000..fbbaae210
Binary files /dev/null and b/static/img/chronograf/1-6-g-dashboard-resize.gif differ
diff --git a/static/img/chronograf/1-6-g-dashboard-type.png b/static/img/chronograf/1-6-g-dashboard-type.png
new file mode 100644
index 000000000..13c564785
Binary files /dev/null and b/static/img/chronograf/1-6-g-dashboard-type.png differ
diff --git a/static/img/chronograf/1-6-g-dashboard-visualization.png b/static/img/chronograf/1-6-g-dashboard-visualization.png
new file mode 100644
index 000000000..c0b2a5507
Binary files /dev/null and b/static/img/chronograf/1-6-g-dashboard-visualization.png differ
diff --git a/static/img/chronograf/1-6-g-eventhandlers-hipchat.png b/static/img/chronograf/1-6-g-eventhandlers-hipchat.png
new file mode 100644
index 000000000..d6c0fd6ee
Binary files /dev/null and b/static/img/chronograf/1-6-g-eventhandlers-hipchat.png differ
diff --git a/static/img/chronograf/1-6-g-eventhandlers-hipchattoken.png b/static/img/chronograf/1-6-g-eventhandlers-hipchattoken.png
new file mode 100644
index 000000000..254a2287a
Binary files /dev/null and b/static/img/chronograf/1-6-g-eventhandlers-hipchattoken.png differ
diff --git a/static/img/chronograf/1-6-g-eventhandlers-slack.png b/static/img/chronograf/1-6-g-eventhandlers-slack.png
new file mode 100644
index 000000000..5a079503c
Binary files /dev/null and b/static/img/chronograf/1-6-g-eventhandlers-slack.png differ
diff --git a/static/img/chronograf/1-6-g-eventhandlers-slackwebhook.png b/static/img/chronograf/1-6-g-eventhandlers-slackwebhook.png
new file mode 100644
index 000000000..9a721b7ca
Binary files /dev/null and b/static/img/chronograf/1-6-g-eventhandlers-slackwebhook.png differ
diff --git a/static/img/chronograf/1-6-g-eventhandlers-telegram.png b/static/img/chronograf/1-6-g-eventhandlers-telegram.png
new file mode 100644
index 000000000..c6534818a
Binary files /dev/null and b/static/img/chronograf/1-6-g-eventhandlers-telegram.png differ
diff --git a/static/img/chronograf/1-6-gs-alert-endpoints.png b/static/img/chronograf/1-6-gs-alert-endpoints.png
new file mode 100644
index 000000000..cbe2c9adf
Binary files /dev/null and b/static/img/chronograf/1-6-gs-alert-endpoints.png differ
diff --git a/static/img/chronograf/1-6-gs-configure-kapacitor.png b/static/img/chronograf/1-6-gs-configure-kapacitor.png
new file mode 100644
index 000000000..0b429ed53
Binary files /dev/null and b/static/img/chronograf/1-6-gs-configure-kapacitor.png differ
diff --git a/static/img/chronograf/1-6-gs-host-list.png b/static/img/chronograf/1-6-gs-host-list.png
new file mode 100644
index 000000000..19a2b4a2f
Binary files /dev/null and b/static/img/chronograf/1-6-gs-host-list.png differ
diff --git a/static/img/chronograf/1-6-gs-system-dashboard.png b/static/img/chronograf/1-6-gs-system-dashboard.png
new file mode 100644
index 000000000..ad704c986
Binary files /dev/null and b/static/img/chronograf/1-6-gs-system-dashboard.png differ
diff --git a/static/img/chronograf/1-6-intro-gs-diagram.png b/static/img/chronograf/1-6-intro-gs-diagram.png
new file mode 100644
index 000000000..76feac07c
Binary files /dev/null and b/static/img/chronograf/1-6-intro-gs-diagram.png differ
diff --git a/static/img/chronograf/1-6-logs-dashboard-correlation.gif b/static/img/chronograf/1-6-logs-dashboard-correlation.gif
new file mode 100644
index 000000000..09b457739
Binary files /dev/null and b/static/img/chronograf/1-6-logs-dashboard-correlation.gif differ
diff --git a/static/img/chronograf/1-6-logs-log-viewer-config-options.png b/static/img/chronograf/1-6-logs-log-viewer-config-options.png
new file mode 100644
index 000000000..6fca1c8c6
Binary files /dev/null and b/static/img/chronograf/1-6-logs-log-viewer-config-options.png differ
diff --git a/static/img/chronograf/1-6-logs-log-viewer.png b/static/img/chronograf/1-6-logs-log-viewer.png
new file mode 100644
index 000000000..4bd8316c7
Binary files /dev/null and b/static/img/chronograf/1-6-logs-log-viewer.png differ
diff --git a/static/img/chronograf/1-6-logs-nav-log-viewer.png b/static/img/chronograf/1-6-logs-nav-log-viewer.png
new file mode 100644
index 000000000..abb0ea031
Binary files /dev/null and b/static/img/chronograf/1-6-logs-nav-log-viewer.png differ
diff --git a/static/img/chronograf/1-6-logs-search-filter.gif b/static/img/chronograf/1-6-logs-search-filter.gif
new file mode 100644
index 000000000..7bcdf4bee
Binary files /dev/null and b/static/img/chronograf/1-6-logs-search-filter.gif differ
diff --git a/static/img/chronograf/1-6-logs-serverity-fmt-dot-text.png b/static/img/chronograf/1-6-logs-serverity-fmt-dot-text.png
new file mode 100644
index 000000000..1fb23e474
Binary files /dev/null and b/static/img/chronograf/1-6-logs-serverity-fmt-dot-text.png differ
diff --git a/static/img/chronograf/1-6-logs-serverity-fmt-dot.png b/static/img/chronograf/1-6-logs-serverity-fmt-dot.png
new file mode 100644
index 000000000..eb17438e7
Binary files /dev/null and b/static/img/chronograf/1-6-logs-serverity-fmt-dot.png differ
diff --git a/static/img/chronograf/1-6-logs-serverity-fmt-text.png b/static/img/chronograf/1-6-logs-serverity-fmt-text.png
new file mode 100644
index 000000000..52286417e
Binary files /dev/null and b/static/img/chronograf/1-6-logs-serverity-fmt-text.png differ
diff --git a/static/img/chronograf/1-6-logs-time-range.gif b/static/img/chronograf/1-6-logs-time-range.gif
new file mode 100644
index 000000000..fc7348814
Binary files /dev/null and b/static/img/chronograf/1-6-logs-time-range.gif differ
diff --git a/static/img/chronograf/1-6-presentation-mode.png b/static/img/chronograf/1-6-presentation-mode.png
new file mode 100644
index 000000000..b53e66bcf
Binary files /dev/null and b/static/img/chronograf/1-6-presentation-mode.png differ
diff --git a/static/img/chronograf/1-6-template-vars-create.gif b/static/img/chronograf/1-6-template-vars-create.gif
new file mode 100644
index 000000000..0841a4d2e
Binary files /dev/null and b/static/img/chronograf/1-6-template-vars-create.gif differ
diff --git a/static/img/chronograf/1-6-template-vars-custom-meta-query.png b/static/img/chronograf/1-6-template-vars-custom-meta-query.png
new file mode 100644
index 000000000..1ad3892bd
Binary files /dev/null and b/static/img/chronograf/1-6-template-vars-custom-meta-query.png differ
diff --git a/static/img/chronograf/1-6-template-vars-date-picker.png b/static/img/chronograf/1-6-template-vars-date-picker.png
new file mode 100644
index 000000000..78786af48
Binary files /dev/null and b/static/img/chronograf/1-6-template-vars-date-picker.png differ
diff --git a/static/img/chronograf/1-6-template-vars-fieldkey.png b/static/img/chronograf/1-6-template-vars-fieldkey.png
new file mode 100644
index 000000000..de8566672
Binary files /dev/null and b/static/img/chronograf/1-6-template-vars-fieldkey.png differ
diff --git a/static/img/chronograf/1-6-template-vars-interval-dropdown.png b/static/img/chronograf/1-6-template-vars-interval-dropdown.png
new file mode 100644
index 000000000..2167f1435
Binary files /dev/null and b/static/img/chronograf/1-6-template-vars-interval-dropdown.png differ
diff --git a/static/img/chronograf/1-6-template-vars-map-dropdown.png b/static/img/chronograf/1-6-template-vars-map-dropdown.png
new file mode 100644
index 000000000..cf8d8dabc
Binary files /dev/null and b/static/img/chronograf/1-6-template-vars-map-dropdown.png differ
diff --git a/static/img/chronograf/1-6-template-vars-measurement-var.png b/static/img/chronograf/1-6-template-vars-measurement-var.png
new file mode 100644
index 000000000..4489c4369
Binary files /dev/null and b/static/img/chronograf/1-6-template-vars-measurement-var.png differ
diff --git a/static/img/chronograf/1-6-template-vars-time-dropdown.png b/static/img/chronograf/1-6-template-vars-time-dropdown.png
new file mode 100644
index 000000000..fe2c3976a
Binary files /dev/null and b/static/img/chronograf/1-6-template-vars-time-dropdown.png differ
diff --git a/static/img/chronograf/1-6-template-vars-use.gif b/static/img/chronograf/1-6-template-vars-use.gif
new file mode 100644
index 000000000..b1232223f
Binary files /dev/null and b/static/img/chronograf/1-6-template-vars-use.gif differ
diff --git a/static/img/chronograf/1-6-viz-bar-graph-controls.png b/static/img/chronograf/1-6-viz-bar-graph-controls.png
new file mode 100644
index 000000000..171c24c8b
Binary files /dev/null and b/static/img/chronograf/1-6-viz-bar-graph-controls.png differ
diff --git a/static/img/chronograf/1-6-viz-bar-graph-example.png b/static/img/chronograf/1-6-viz-bar-graph-example.png
new file mode 100644
index 000000000..8c2c5b959
Binary files /dev/null and b/static/img/chronograf/1-6-viz-bar-graph-example.png differ
diff --git a/static/img/chronograf/1-6-viz-bar-graph-selector.png b/static/img/chronograf/1-6-viz-bar-graph-selector.png
new file mode 100644
index 000000000..b80383230
Binary files /dev/null and b/static/img/chronograf/1-6-viz-bar-graph-selector.png differ
diff --git a/static/img/chronograf/1-6-viz-gauge-controls.png b/static/img/chronograf/1-6-viz-gauge-controls.png
new file mode 100644
index 000000000..e4e776a08
Binary files /dev/null and b/static/img/chronograf/1-6-viz-gauge-controls.png differ
diff --git a/static/img/chronograf/1-6-viz-gauge-example.png b/static/img/chronograf/1-6-viz-gauge-example.png
new file mode 100644
index 000000000..8bfabe64f
Binary files /dev/null and b/static/img/chronograf/1-6-viz-gauge-example.png differ
diff --git a/static/img/chronograf/1-6-viz-gauge-selector.png b/static/img/chronograf/1-6-viz-gauge-selector.png
new file mode 100644
index 000000000..aa72deaca
Binary files /dev/null and b/static/img/chronograf/1-6-viz-gauge-selector.png differ
diff --git a/static/img/chronograf/1-6-viz-line-graph-controls.png b/static/img/chronograf/1-6-viz-line-graph-controls.png
new file mode 100644
index 000000000..8ffa81ecd
Binary files /dev/null and b/static/img/chronograf/1-6-viz-line-graph-controls.png differ
diff --git a/static/img/chronograf/1-6-viz-line-graph-example.png b/static/img/chronograf/1-6-viz-line-graph-example.png
new file mode 100644
index 000000000..3aef2ba0c
Binary files /dev/null and b/static/img/chronograf/1-6-viz-line-graph-example.png differ
diff --git a/static/img/chronograf/1-6-viz-line-graph-selector.png b/static/img/chronograf/1-6-viz-line-graph-selector.png
new file mode 100644
index 000000000..3c08b8e5b
Binary files /dev/null and b/static/img/chronograf/1-6-viz-line-graph-selector.png differ
diff --git a/static/img/chronograf/1-6-viz-line-graph-single-stat-controls.png b/static/img/chronograf/1-6-viz-line-graph-single-stat-controls.png
new file mode 100644
index 000000000..226ecfefe
Binary files /dev/null and b/static/img/chronograf/1-6-viz-line-graph-single-stat-controls.png differ
diff --git a/static/img/chronograf/1-6-viz-line-graph-single-stat-example.png b/static/img/chronograf/1-6-viz-line-graph-single-stat-example.png
new file mode 100644
index 000000000..d10ffe67f
Binary files /dev/null and b/static/img/chronograf/1-6-viz-line-graph-single-stat-example.png differ
diff --git a/static/img/chronograf/1-6-viz-line-graph-single-stat-selector.png b/static/img/chronograf/1-6-viz-line-graph-single-stat-selector.png
new file mode 100644
index 000000000..dd6484c88
Binary files /dev/null and b/static/img/chronograf/1-6-viz-line-graph-single-stat-selector.png differ
diff --git a/static/img/chronograf/1-6-viz-single-stat-selector.png b/static/img/chronograf/1-6-viz-single-stat-selector.png
new file mode 100644
index 000000000..3e43eeb82
Binary files /dev/null and b/static/img/chronograf/1-6-viz-single-stat-selector.png differ
diff --git a/static/img/chronograf/1-6-viz-stacked-graph-controls.png b/static/img/chronograf/1-6-viz-stacked-graph-controls.png
new file mode 100644
index 000000000..467405957
Binary files /dev/null and b/static/img/chronograf/1-6-viz-stacked-graph-controls.png differ
diff --git a/static/img/chronograf/1-6-viz-stacked-graph-example.png b/static/img/chronograf/1-6-viz-stacked-graph-example.png
new file mode 100644
index 000000000..aeb2598e2
Binary files /dev/null and b/static/img/chronograf/1-6-viz-stacked-graph-example.png differ
diff --git a/static/img/chronograf/1-6-viz-stacked-graph-selector.png b/static/img/chronograf/1-6-viz-stacked-graph-selector.png
new file mode 100644
index 000000000..bafe4eeb7
Binary files /dev/null and b/static/img/chronograf/1-6-viz-stacked-graph-selector.png differ
diff --git a/static/img/chronograf/1-6-viz-step-plot-graph-controls.png b/static/img/chronograf/1-6-viz-step-plot-graph-controls.png
new file mode 100644
index 000000000..9f5d4eace
Binary files /dev/null and b/static/img/chronograf/1-6-viz-step-plot-graph-controls.png differ
diff --git a/static/img/chronograf/1-6-viz-step-plot-graph-example.png b/static/img/chronograf/1-6-viz-step-plot-graph-example.png
new file mode 100644
index 000000000..1172a1fb4
Binary files /dev/null and b/static/img/chronograf/1-6-viz-step-plot-graph-example.png differ
diff --git a/static/img/chronograf/1-6-viz-step-plot-graph-selector.png b/static/img/chronograf/1-6-viz-step-plot-graph-selector.png
new file mode 100644
index 000000000..51bfdaa81
Binary files /dev/null and b/static/img/chronograf/1-6-viz-step-plot-graph-selector.png differ
diff --git a/static/img/chronograf/1-6-viz-table-controls.png b/static/img/chronograf/1-6-viz-table-controls.png
new file mode 100644
index 000000000..9f8ad217b
Binary files /dev/null and b/static/img/chronograf/1-6-viz-table-controls.png differ
diff --git a/static/img/chronograf/1-6-viz-table-example.png b/static/img/chronograf/1-6-viz-table-example.png
new file mode 100644
index 000000000..687e1d8a2
Binary files /dev/null and b/static/img/chronograf/1-6-viz-table-example.png differ
diff --git a/static/img/chronograf/1-6-viz-table-selector.png b/static/img/chronograf/1-6-viz-table-selector.png
new file mode 100644
index 000000000..90eeaaeb2
Binary files /dev/null and b/static/img/chronograf/1-6-viz-table-selector.png differ
diff --git a/static/img/chronograf/1-6-viz-types-selector.png b/static/img/chronograf/1-6-viz-types-selector.png
new file mode 100644
index 000000000..72f463d96
Binary files /dev/null and b/static/img/chronograf/1-6-viz-types-selector.png differ
diff --git a/static/img/chronograf/1-6-welcome-page.png b/static/img/chronograf/1-6-welcome-page.png
new file mode 100644
index 000000000..4a0d124bf
Binary files /dev/null and b/static/img/chronograf/1-6-welcome-page.png differ
diff --git a/static/img/chronograf/1-7-data-explorer-icon.png b/static/img/chronograf/1-7-data-explorer-icon.png
new file mode 100644
index 000000000..b6583e04c
Binary files /dev/null and b/static/img/chronograf/1-7-data-explorer-icon.png differ
diff --git a/static/img/chronograf/1-7-flux-script-wizard.png b/static/img/chronograf/1-7-flux-script-wizard.png
new file mode 100644
index 000000000..e79e9c143
Binary files /dev/null and b/static/img/chronograf/1-7-flux-script-wizard.png differ
diff --git a/static/img/chronograf/1-7-influxdb-connection-config.png b/static/img/chronograf/1-7-influxdb-connection-config.png
new file mode 100644
index 000000000..362320f74
Binary files /dev/null and b/static/img/chronograf/1-7-influxdb-connection-config.png differ
diff --git a/static/img/chronograf/1-7-kapacitor-connection-config.png b/static/img/chronograf/1-7-kapacitor-connection-config.png
new file mode 100644
index 000000000..719fc9b9c
Binary files /dev/null and b/static/img/chronograf/1-7-kapacitor-connection-config.png differ
diff --git a/static/img/chronograf/1-7-log-viewer-dashboard.gif b/static/img/chronograf/1-7-log-viewer-dashboard.gif
new file mode 100644
index 000000000..3eb0dad9d
Binary files /dev/null and b/static/img/chronograf/1-7-log-viewer-dashboard.gif differ
diff --git a/static/img/chronograf/1-7-log-viewer-overview.png b/static/img/chronograf/1-7-log-viewer-overview.png
new file mode 100644
index 000000000..3a38ee0eb
Binary files /dev/null and b/static/img/chronograf/1-7-log-viewer-overview.png differ
diff --git a/static/img/chronograf/1-7-log-viewer-search-filter.gif b/static/img/chronograf/1-7-log-viewer-search-filter.gif
new file mode 100644
index 000000000..0f9ca05f2
Binary files /dev/null and b/static/img/chronograf/1-7-log-viewer-search-filter.gif differ
diff --git a/static/img/chronograf/1-7-log-viewer-specific-time.gif b/static/img/chronograf/1-7-log-viewer-specific-time.gif
new file mode 100644
index 000000000..2250b68b6
Binary files /dev/null and b/static/img/chronograf/1-7-log-viewer-specific-time.gif differ
diff --git a/static/img/chronograf/1-7-protoboard-kubernetes.png b/static/img/chronograf/1-7-protoboard-kubernetes.png
new file mode 100644
index 000000000..6bd6fe5c9
Binary files /dev/null and b/static/img/chronograf/1-7-protoboard-kubernetes.png differ
diff --git a/static/img/chronograf/1-7-protoboard-mysql.png b/static/img/chronograf/1-7-protoboard-mysql.png
new file mode 100644
index 000000000..43d465cb2
Binary files /dev/null and b/static/img/chronograf/1-7-protoboard-mysql.png differ
diff --git a/static/img/chronograf/1-7-protoboard-select.png b/static/img/chronograf/1-7-protoboard-select.png
new file mode 100644
index 000000000..d5b16ad28
Binary files /dev/null and b/static/img/chronograf/1-7-protoboard-select.png differ
diff --git a/static/img/chronograf/1-7-protoboard-system.png b/static/img/chronograf/1-7-protoboard-system.png
new file mode 100644
index 000000000..111501e82
Binary files /dev/null and b/static/img/chronograf/1-7-protoboard-system.png differ
diff --git a/static/img/chronograf/1-7-protoboard-vsphere.png b/static/img/chronograf/1-7-protoboard-vsphere.png
new file mode 100644
index 000000000..75ed7eeab
Binary files /dev/null and b/static/img/chronograf/1-7-protoboard-vsphere.png differ
diff --git a/static/img/chronograf/1-7-send-to-dashboard-send.png b/static/img/chronograf/1-7-send-to-dashboard-send.png
new file mode 100644
index 000000000..46f18a748
Binary files /dev/null and b/static/img/chronograf/1-7-send-to-dashboard-send.png differ
diff --git a/static/img/chronograf/1-7-send-to-dashboard-target.png b/static/img/chronograf/1-7-send-to-dashboard-target.png
new file mode 100644
index 000000000..022e797ab
Binary files /dev/null and b/static/img/chronograf/1-7-send-to-dashboard-target.png differ
diff --git a/static/img/chronograf/1-7-viz-note-controls.png b/static/img/chronograf/1-7-viz-note-controls.png
new file mode 100644
index 000000000..1d9ab8145
Binary files /dev/null and b/static/img/chronograf/1-7-viz-note-controls.png differ
diff --git a/static/img/chronograf/1-7-viz-note-example.png b/static/img/chronograf/1-7-viz-note-example.png
new file mode 100644
index 000000000..f6645b0dd
Binary files /dev/null and b/static/img/chronograf/1-7-viz-note-example.png differ
diff --git a/static/img/chronograf/1-7-viz-note-selector.png b/static/img/chronograf/1-7-viz-note-selector.png
new file mode 100644
index 000000000..6e16317c9
Binary files /dev/null and b/static/img/chronograf/1-7-viz-note-selector.png differ
diff --git a/static/img/chronograf/1-8-ha-architecture.svg b/static/img/chronograf/1-8-ha-architecture.svg
new file mode 100644
index 000000000..6b3bf5f6b
--- /dev/null
+++ b/static/img/chronograf/1-8-ha-architecture.svg
@@ -0,0 +1,153 @@
+
diff --git a/static/img/enterprise/1-6-flapping-dashboard.gif b/static/img/enterprise/1-6-flapping-dashboard.gif
new file mode 100644
index 000000000..745f94f2b
Binary files /dev/null and b/static/img/enterprise/1-6-flapping-dashboard.gif differ
diff --git a/static/img/enterprise/1-6-gcp-intro-1.png b/static/img/enterprise/1-6-gcp-intro-1.png
new file mode 100644
index 000000000..494abbeaf
Binary files /dev/null and b/static/img/enterprise/1-6-gcp-intro-1.png differ
diff --git a/static/img/enterprise/1-6-gcp-intro-2.png b/static/img/enterprise/1-6-gcp-intro-2.png
new file mode 100644
index 000000000..377c6cfa2
Binary files /dev/null and b/static/img/enterprise/1-6-gcp-intro-2.png differ
diff --git a/static/img/enterprise/1-6-gcp-intro-3.png b/static/img/enterprise/1-6-gcp-intro-3.png
new file mode 100644
index 000000000..f40c70fce
Binary files /dev/null and b/static/img/enterprise/1-6-gcp-intro-3.png differ
diff --git a/static/img/enterprise/1-6-gcp-intro-4.png b/static/img/enterprise/1-6-gcp-intro-4.png
new file mode 100644
index 000000000..22c291ea7
Binary files /dev/null and b/static/img/enterprise/1-6-gcp-intro-4.png differ
diff --git a/static/img/grouping-by-cpu-time.png b/static/img/flux/grouping-by-cpu-time.png
similarity index 100%
rename from static/img/grouping-by-cpu-time.png
rename to static/img/flux/grouping-by-cpu-time.png
diff --git a/static/img/grouping-by-time.png b/static/img/flux/grouping-by-time.png
similarity index 100%
rename from static/img/grouping-by-time.png
rename to static/img/flux/grouping-by-time.png
diff --git a/static/img/grouping-data-set.png b/static/img/flux/grouping-data-set.png
similarity index 100%
rename from static/img/grouping-data-set.png
rename to static/img/flux/grouping-data-set.png
diff --git a/static/img/simple-unwindowed-data.png b/static/img/flux/simple-unwindowed-data.png
similarity index 100%
rename from static/img/simple-unwindowed-data.png
rename to static/img/flux/simple-unwindowed-data.png
diff --git a/static/img/simple-windowed-aggregate-data.png b/static/img/flux/simple-windowed-aggregate-data.png
similarity index 100%
rename from static/img/simple-windowed-aggregate-data.png
rename to static/img/flux/simple-windowed-aggregate-data.png
diff --git a/static/img/simple-windowed-data.png b/static/img/flux/simple-windowed-data.png
similarity index 100%
rename from static/img/simple-windowed-data.png
rename to static/img/flux/simple-windowed-data.png
diff --git a/static/img/flux-windowed-aggregates-ungrouped.png b/static/img/flux/windowed-aggregates-ungrouped.png
similarity index 100%
rename from static/img/flux-windowed-aggregates-ungrouped.png
rename to static/img/flux/windowed-aggregates-ungrouped.png
diff --git a/static/img/flux-windowed-aggregates.png b/static/img/flux/windowed-aggregates.png
similarity index 100%
rename from static/img/flux-windowed-aggregates.png
rename to static/img/flux/windowed-aggregates.png
diff --git a/static/img/flux-windowed-data.png b/static/img/flux/windowed-data.png
similarity index 100%
rename from static/img/flux-windowed-data.png
rename to static/img/flux/windowed-data.png
diff --git a/static/img/influxdb/1-3-cli-1-0-beta.gif b/static/img/influxdb/1-3-cli-1-0-beta.gif
new file mode 100644
index 000000000..8b73dc43e
Binary files /dev/null and b/static/img/influxdb/1-3-cli-1-0-beta.gif differ
diff --git a/static/img/influxdb/1-3-hw-first-step-1-2.png b/static/img/influxdb/1-3-hw-first-step-1-2.png
new file mode 100644
index 000000000..8e7ad7f3f
Binary files /dev/null and b/static/img/influxdb/1-3-hw-first-step-1-2.png differ
diff --git a/static/img/influxdb/1-3-hw-raw-data-1-2.png b/static/img/influxdb/1-3-hw-raw-data-1-2.png
new file mode 100644
index 000000000..dad78a76c
Binary files /dev/null and b/static/img/influxdb/1-3-hw-raw-data-1-2.png differ
diff --git a/static/img/influxdb/1-3-hw-second-step-1-2.png b/static/img/influxdb/1-3-hw-second-step-1-2.png
new file mode 100644
index 000000000..8b4745b11
Binary files /dev/null and b/static/img/influxdb/1-3-hw-second-step-1-2.png differ
diff --git a/static/img/influxdb/1-3-hw-third-step-1-2.png b/static/img/influxdb/1-3-hw-third-step-1-2.png
new file mode 100644
index 000000000..23f68b913
Binary files /dev/null and b/static/img/influxdb/1-3-hw-third-step-1-2.png differ
diff --git a/static/img/influxdb/1-3-series-cardinality.png b/static/img/influxdb/1-3-series-cardinality.png
new file mode 100644
index 000000000..6acba24e2
Binary files /dev/null and b/static/img/influxdb/1-3-series-cardinality.png differ
diff --git a/static/img/influxdb/1-5-calc-percentage-apple-variety.png b/static/img/influxdb/1-5-calc-percentage-apple-variety.png
new file mode 100644
index 000000000..dedb91bb3
Binary files /dev/null and b/static/img/influxdb/1-5-calc-percentage-apple-variety.png differ
diff --git a/static/img/influxdb/1-5-calc-percentage-hourly-apple-variety.png b/static/img/influxdb/1-5-calc-percentage-hourly-apple-variety.png
new file mode 100644
index 000000000..4c1e9070b
Binary files /dev/null and b/static/img/influxdb/1-5-calc-percentage-hourly-apple-variety.png differ
diff --git a/static/img/2-0-cloud-usage.png b/static/img/influxdb/2-0-cloud-usage.png
similarity index 100%
rename from static/img/2-0-cloud-usage.png
rename to static/img/influxdb/2-0-cloud-usage.png
diff --git a/static/img/2-0-controls-dark-light-mode.png b/static/img/influxdb/2-0-controls-dark-light-mode.png
similarity index 100%
rename from static/img/2-0-controls-dark-light-mode.png
rename to static/img/influxdb/2-0-controls-dark-light-mode.png
diff --git a/static/img/2-0-controls-refresh-interval.png b/static/img/influxdb/2-0-controls-refresh-interval.png
similarity index 100%
rename from static/img/2-0-controls-refresh-interval.png
rename to static/img/influxdb/2-0-controls-refresh-interval.png
diff --git a/static/img/2-0-controls-time-range.png b/static/img/influxdb/2-0-controls-time-range.png
similarity index 100%
rename from static/img/2-0-controls-time-range.png
rename to static/img/influxdb/2-0-controls-time-range.png
diff --git a/static/img/2-0-controls-timezone.png b/static/img/influxdb/2-0-controls-timezone.png
similarity index 100%
rename from static/img/2-0-controls-timezone.png
rename to static/img/influxdb/2-0-controls-timezone.png
diff --git a/static/img/2-0-controls-view-raw-data.png b/static/img/influxdb/2-0-controls-view-raw-data.png
similarity index 100%
rename from static/img/2-0-controls-view-raw-data.png
rename to static/img/influxdb/2-0-controls-view-raw-data.png
diff --git a/static/img/data-explorer-beta-8.png b/static/img/influxdb/2-0-data-explorer.png
similarity index 100%
rename from static/img/data-explorer-beta-8.png
rename to static/img/influxdb/2-0-data-explorer.png
diff --git a/static/img/2-0-sql-dashboard-variable.png b/static/img/influxdb/2-0-sql-dashboard-variable.png
similarity index 100%
rename from static/img/2-0-sql-dashboard-variable.png
rename to static/img/influxdb/2-0-sql-dashboard-variable.png
diff --git a/static/img/2-0-templates-type-select.png b/static/img/influxdb/2-0-templates-type-select.png
similarity index 100%
rename from static/img/2-0-templates-type-select.png
rename to static/img/influxdb/2-0-templates-type-select.png
diff --git a/static/img/2-0-variables-data-explorer-view.png b/static/img/influxdb/2-0-variables-data-explorer-view.png
similarity index 100%
rename from static/img/2-0-variables-data-explorer-view.png
rename to static/img/influxdb/2-0-variables-data-explorer-view.png
diff --git a/static/img/2-0-visualizations-dropdown.png b/static/img/influxdb/2-0-visualizations-dropdown.png
similarity index 100%
rename from static/img/2-0-visualizations-dropdown.png
rename to static/img/influxdb/2-0-visualizations-dropdown.png
diff --git a/static/img/2-0-visualizations-gauge-example-8.png b/static/img/influxdb/2-0-visualizations-gauge-example-8.png
similarity index 100%
rename from static/img/2-0-visualizations-gauge-example-8.png
rename to static/img/influxdb/2-0-visualizations-gauge-example-8.png
diff --git a/static/img/2-0-visualizations-gauge-example.png b/static/img/influxdb/2-0-visualizations-gauge-example.png
similarity index 100%
rename from static/img/2-0-visualizations-gauge-example.png
rename to static/img/influxdb/2-0-visualizations-gauge-example.png
diff --git a/static/img/2-0-visualizations-gauge-pressure-8.png b/static/img/influxdb/2-0-visualizations-gauge-pressure-8.png
similarity index 100%
rename from static/img/2-0-visualizations-gauge-pressure-8.png
rename to static/img/influxdb/2-0-visualizations-gauge-pressure-8.png
diff --git a/static/img/2-0-visualizations-graph-single-stat-mem-8.png b/static/img/influxdb/2-0-visualizations-graph-single-stat-mem-8.png
similarity index 100%
rename from static/img/2-0-visualizations-graph-single-stat-mem-8.png
rename to static/img/influxdb/2-0-visualizations-graph-single-stat-mem-8.png
diff --git a/static/img/2-0-visualizations-heatmap-correlation.png b/static/img/influxdb/2-0-visualizations-heatmap-correlation.png
similarity index 100%
rename from static/img/2-0-visualizations-heatmap-correlation.png
rename to static/img/influxdb/2-0-visualizations-heatmap-correlation.png
diff --git a/static/img/2-0-visualizations-heatmap-example.png b/static/img/influxdb/2-0-visualizations-heatmap-example.png
similarity index 100%
rename from static/img/2-0-visualizations-heatmap-example.png
rename to static/img/influxdb/2-0-visualizations-heatmap-example.png
diff --git a/static/img/2-0-visualizations-heatmap-vs-scatter.png b/static/img/influxdb/2-0-visualizations-heatmap-vs-scatter.png
similarity index 100%
rename from static/img/2-0-visualizations-heatmap-vs-scatter.png
rename to static/img/influxdb/2-0-visualizations-heatmap-vs-scatter.png
diff --git a/static/img/2-0-visualizations-histogram-errors.png b/static/img/influxdb/2-0-visualizations-histogram-errors.png
similarity index 100%
rename from static/img/2-0-visualizations-histogram-errors.png
rename to static/img/influxdb/2-0-visualizations-histogram-errors.png
diff --git a/static/img/2-0-visualizations-histogram-example.png b/static/img/influxdb/2-0-visualizations-histogram-example.png
similarity index 100%
rename from static/img/2-0-visualizations-histogram-example.png
rename to static/img/influxdb/2-0-visualizations-histogram-example.png
diff --git a/static/img/2-0-visualizations-line-graph-example-8.png b/static/img/influxdb/2-0-visualizations-line-graph-example-8.png
similarity index 100%
rename from static/img/2-0-visualizations-line-graph-example-8.png
rename to static/img/influxdb/2-0-visualizations-line-graph-example-8.png
diff --git a/static/img/2-0-visualizations-line-graph-example.png b/static/img/influxdb/2-0-visualizations-line-graph-example.png
similarity index 100%
rename from static/img/2-0-visualizations-line-graph-example.png
rename to static/img/influxdb/2-0-visualizations-line-graph-example.png
diff --git a/static/img/2-0-visualizations-line-graph-single-stat-example-8.png b/static/img/influxdb/2-0-visualizations-line-graph-single-stat-example-8.png
similarity index 100%
rename from static/img/2-0-visualizations-line-graph-single-stat-example-8.png
rename to static/img/influxdb/2-0-visualizations-line-graph-single-stat-example-8.png
diff --git a/static/img/2-0-visualizations-line-graph-single-stat-example.png b/static/img/influxdb/2-0-visualizations-line-graph-single-stat-example.png
similarity index 100%
rename from static/img/2-0-visualizations-line-graph-single-stat-example.png
rename to static/img/influxdb/2-0-visualizations-line-graph-single-stat-example.png
diff --git a/static/img/2-0-visualizations-line-graph-smooth-example-8.png b/static/img/influxdb/2-0-visualizations-line-graph-smooth-example-8.png
similarity index 100%
rename from static/img/2-0-visualizations-line-graph-smooth-example-8.png
rename to static/img/influxdb/2-0-visualizations-line-graph-smooth-example-8.png
diff --git a/static/img/2-0-visualizations-line-graph-step-example-8.png b/static/img/influxdb/2-0-visualizations-line-graph-step-example-8.png
similarity index 100%
rename from static/img/2-0-visualizations-line-graph-step-example-8.png
rename to static/img/influxdb/2-0-visualizations-line-graph-step-example-8.png
diff --git a/static/img/2-0-visualizations-scatter-correlation.png b/static/img/influxdb/2-0-visualizations-scatter-correlation.png
similarity index 100%
rename from static/img/2-0-visualizations-scatter-correlation.png
rename to static/img/influxdb/2-0-visualizations-scatter-correlation.png
diff --git a/static/img/2-0-visualizations-scatter-example.png b/static/img/influxdb/2-0-visualizations-scatter-example.png
similarity index 100%
rename from static/img/2-0-visualizations-scatter-example.png
rename to static/img/influxdb/2-0-visualizations-scatter-example.png
diff --git a/static/img/2-0-visualizations-single-stat-example-8.png b/static/img/influxdb/2-0-visualizations-single-stat-example-8.png
similarity index 100%
rename from static/img/2-0-visualizations-single-stat-example-8.png
rename to static/img/influxdb/2-0-visualizations-single-stat-example-8.png
diff --git a/static/img/2-0-visualizations-single-stat-example.png b/static/img/influxdb/2-0-visualizations-single-stat-example.png
similarity index 100%
rename from static/img/2-0-visualizations-single-stat-example.png
rename to static/img/influxdb/2-0-visualizations-single-stat-example.png
diff --git a/static/img/2-0-visualizations-table-example.png b/static/img/influxdb/2-0-visualizations-table-example.png
similarity index 100%
rename from static/img/2-0-visualizations-table-example.png
rename to static/img/influxdb/2-0-visualizations-table-example.png
diff --git a/static/img/2-0-visualizations-table-human-readable.png b/static/img/influxdb/2-0-visualizations-table-human-readable.png
similarity index 100%
rename from static/img/2-0-visualizations-table-human-readable.png
rename to static/img/influxdb/2-0-visualizations-table-human-readable.png
diff --git a/static/img/2-0-visualize-grafana-influxql.png b/static/img/influxdb/2-0-visualize-grafana-influxql.png
similarity index 100%
rename from static/img/2-0-visualize-grafana-influxql.png
rename to static/img/influxdb/2-0-visualize-grafana-influxql.png
diff --git a/static/img/2-0-visualize-grafana.png b/static/img/influxdb/2-0-visualize-grafana.png
similarity index 100%
rename from static/img/2-0-visualize-grafana.png
rename to static/img/influxdb/2-0-visualize-grafana.png
diff --git a/static/img/kapacitor/1-4-chrono-add-kapacitor-connection01.png b/static/img/kapacitor/1-4-chrono-add-kapacitor-connection01.png
new file mode 100644
index 000000000..2b6b46781
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-add-kapacitor-connection01.png differ
diff --git a/static/img/kapacitor/1-4-chrono-add-kapacitor-connection02.png b/static/img/kapacitor/1-4-chrono-add-kapacitor-connection02.png
new file mode 100644
index 000000000..d9c7adc47
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-add-kapacitor-connection02.png differ
diff --git a/static/img/kapacitor/1-4-chrono-add-kapacitor-connection03.png b/static/img/kapacitor/1-4-chrono-add-kapacitor-connection03.png
new file mode 100644
index 000000000..a55c95f8f
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-add-kapacitor-connection03.png differ
diff --git a/static/img/kapacitor/1-4-chrono-add-kapacitor-connection04.png b/static/img/kapacitor/1-4-chrono-add-kapacitor-connection04.png
new file mode 100644
index 000000000..3271a3b17
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-add-kapacitor-connection04.png differ
diff --git a/static/img/kapacitor/1-4-chrono-configuration01.png b/static/img/kapacitor/1-4-chrono-configuration01.png
new file mode 100644
index 000000000..51144bdd0
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-configuration01.png differ
diff --git a/static/img/kapacitor/1-4-chrono-configuration02.png b/static/img/kapacitor/1-4-chrono-configuration02.png
new file mode 100644
index 000000000..947abdb88
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-configuration02.png differ
diff --git a/static/img/kapacitor/1-4-chrono-configuration03.png b/static/img/kapacitor/1-4-chrono-configuration03.png
new file mode 100644
index 000000000..be8ad170a
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-configuration03.png differ
diff --git a/static/img/kapacitor/1-4-chrono-configuration04.png b/static/img/kapacitor/1-4-chrono-configuration04.png
new file mode 100644
index 000000000..8772a93d0
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-configuration04.png differ
diff --git a/static/img/kapacitor/1-4-chrono-configuration05.png b/static/img/kapacitor/1-4-chrono-configuration05.png
new file mode 100644
index 000000000..62f2eb390
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-configuration05.png differ
diff --git a/static/img/kapacitor/1-4-chrono-create-alert01.png b/static/img/kapacitor/1-4-chrono-create-alert01.png
new file mode 100644
index 000000000..c16ee976e
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-create-alert01.png differ
diff --git a/static/img/kapacitor/1-4-chrono-create-alert02.png b/static/img/kapacitor/1-4-chrono-create-alert02.png
new file mode 100644
index 000000000..bf7646f0a
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-create-alert02.png differ
diff --git a/static/img/kapacitor/1-4-chrono-create-alert03.png b/static/img/kapacitor/1-4-chrono-create-alert03.png
new file mode 100644
index 000000000..fceab7689
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-create-alert03.png differ
diff --git a/static/img/kapacitor/1-4-chrono-create-alert04.png b/static/img/kapacitor/1-4-chrono-create-alert04.png
new file mode 100644
index 000000000..f15da4b23
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-create-alert04.png differ
diff --git a/static/img/kapacitor/1-4-chrono-create-alert05.png b/static/img/kapacitor/1-4-chrono-create-alert05.png
new file mode 100644
index 000000000..c39846c42
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-create-alert05.png differ
diff --git a/static/img/kapacitor/1-4-chrono-create-alert06.png b/static/img/kapacitor/1-4-chrono-create-alert06.png
new file mode 100644
index 000000000..391428019
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-create-alert06.png differ
diff --git a/static/img/kapacitor/1-4-chrono-create-alert07.png b/static/img/kapacitor/1-4-chrono-create-alert07.png
new file mode 100644
index 000000000..f0a3d9a22
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-create-alert07.png differ
diff --git a/static/img/kapacitor/1-4-chrono-create-alert08.png b/static/img/kapacitor/1-4-chrono-create-alert08.png
new file mode 100644
index 000000000..3d39c7c12
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-create-alert08.png differ
diff --git a/static/img/kapacitor/1-4-chrono-delete-rule.png b/static/img/kapacitor/1-4-chrono-delete-rule.png
new file mode 100644
index 000000000..f327960b7
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-delete-rule.png differ
diff --git a/static/img/kapacitor/1-4-chrono-editable-task-in-chrono01.png b/static/img/kapacitor/1-4-chrono-editable-task-in-chrono01.png
new file mode 100644
index 000000000..5b64d4080
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-editable-task-in-chrono01.png differ
diff --git a/static/img/kapacitor/1-4-chrono-editable-task-in-chrono02.png b/static/img/kapacitor/1-4-chrono-editable-task-in-chrono02.png
new file mode 100644
index 000000000..6c84ecb35
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-editable-task-in-chrono02.png differ
diff --git a/static/img/kapacitor/1-4-chrono-enable-disable-alerts01.png b/static/img/kapacitor/1-4-chrono-enable-disable-alerts01.png
new file mode 100644
index 000000000..36cd5040a
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-enable-disable-alerts01.png differ
diff --git a/static/img/kapacitor/1-4-chrono-update-endpoints01.png b/static/img/kapacitor/1-4-chrono-update-endpoints01.png
new file mode 100644
index 000000000..4b01398e3
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-update-endpoints01.png differ
diff --git a/static/img/kapacitor/1-4-chrono-update-endpoints02.png b/static/img/kapacitor/1-4-chrono-update-endpoints02.png
new file mode 100644
index 000000000..e2a4098b0
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-update-endpoints02.png differ
diff --git a/static/img/kapacitor/1-4-chrono-update-endpoints03.png b/static/img/kapacitor/1-4-chrono-update-endpoints03.png
new file mode 100644
index 000000000..26146f7cc
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-update-endpoints03.png differ
diff --git a/static/img/kapacitor/1-4-chrono-update-endpoints04.png b/static/img/kapacitor/1-4-chrono-update-endpoints04.png
new file mode 100644
index 000000000..6d5c89220
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-update-endpoints04.png differ
diff --git a/static/img/kapacitor/1-4-chrono-use-alerts-db01.png b/static/img/kapacitor/1-4-chrono-use-alerts-db01.png
new file mode 100644
index 000000000..aa7f7b9a4
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-use-alerts-db01.png differ
diff --git a/static/img/kapacitor/1-4-chrono-use-alerts-db02.png b/static/img/kapacitor/1-4-chrono-use-alerts-db02.png
new file mode 100644
index 000000000..3906225d9
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-use-alerts-db02.png differ
diff --git a/static/img/kapacitor/1-4-chrono-view-alert-history01.png b/static/img/kapacitor/1-4-chrono-view-alert-history01.png
new file mode 100644
index 000000000..8480aebcf
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-view-alert-history01.png differ
diff --git a/static/img/kapacitor/1-4-chrono-view-alert-history02.png b/static/img/kapacitor/1-4-chrono-view-alert-history02.png
new file mode 100644
index 000000000..d0e7b214a
Binary files /dev/null and b/static/img/kapacitor/1-4-chrono-view-alert-history02.png differ
diff --git a/static/img/kapacitor/1-4-hipchat-token.png b/static/img/kapacitor/1-4-hipchat-token.png
new file mode 100644
index 000000000..159441a67
Binary files /dev/null and b/static/img/kapacitor/1-4-hipchat-token.png differ
diff --git a/static/img/kapacitor/1-4-pull-metrics.png b/static/img/kapacitor/1-4-pull-metrics.png
new file mode 100644
index 000000000..43fb8dd17
Binary files /dev/null and b/static/img/kapacitor/1-4-pull-metrics.png differ
diff --git a/static/img/kapacitor/1-5-comparing-two-measurements.png b/static/img/kapacitor/1-5-comparing-two-measurements.png
new file mode 100644
index 000000000..857e2fcea
Binary files /dev/null and b/static/img/kapacitor/1-5-comparing-two-measurements.png differ
diff --git a/static/img/mqtt-plugin.png b/static/img/mqtt-plugin.png
deleted file mode 100644
index 2255a9944..000000000
Binary files a/static/img/mqtt-plugin.png and /dev/null differ
diff --git a/static/img/platform/flux-kube.png b/static/img/platform/flux-kube.png
new file mode 100644
index 000000000..cd7bd43f8
Binary files /dev/null and b/static/img/platform/flux-kube.png differ
diff --git a/static/img/telegraf/1-13-citibike_query.png b/static/img/telegraf/1-13-citibike_query.png
new file mode 100644
index 000000000..5b0240caf
Binary files /dev/null and b/static/img/telegraf/1-13-citibike_query.png differ