diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/band.md b/content/influxdb/v2.0/visualize-data/visualization-types/band.md new file mode 100644 index 000000000..d90ceed81 --- /dev/null +++ b/content/influxdb/v2.0/visualize-data/visualization-types/band.md @@ -0,0 +1,63 @@ +--- +title: Band visualization +list_title: Band +list_image: /img/influxdb/2-0-visualizations-Band-example.png +description: > + The Band view displays the single value most recent value for a time series in a Band view. +weight: 206 +menu: + influxdb_2_0: + name: band + parent: Visualization types +--- + +The **Band** visualization displays the most recent value for a time series in a Band. + +{{< img-hd src="/img/influxdb/2-0-visualizations-Band-example-8.png" alt="Band example" />}} + +Select the **Band** option from the visualization dropdown in the upper left. + +## Band behavior +The band visualization displays + +## Band Controls +To view **Band** controls, click **{{< icon "gear" >}} Customize** next to the visualization dropdown. + + +###### Data +- **X Column**: The column to select data from. +- **Y Column**: The column to select data from. +- **Time Format**: + +###### Options +- **Interpolation**: +- **Line Colors**: +- **Shade Area Below Lines**: +- **Hover Dimension**: Select a color scheme to use for your graph. + +###### Y Axis +- **Y Axis Label**: Label for the y-axis. +- **Y-Value Unit Prefix**: None, SI, or Binary. +- + +## Band examples +Band visualizations are useful for showing the current value of a metric and displaying +where it falls within a spectrum. + +### Steam pressure Band +The following example queries sensor data that tracks the pressure of steam pipes +in a facility and displays it as a Band. + +###### Query pressure data from a specific sensor +```js +from(bucket: "example-bucket") + |> range(start: -1m) + |> filter(fn: (r) => + r._measurement == "steam-sensors" and + r._field == "psi" + r.sensorID == "a211i" + ) +``` + +###### Visualization options for pressure Band +{{< img-hd src="/img/influxdb/2-0-visualizations-Band-pressure-8.png" alt="Pressure guage example" />}} 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 81f158383..6f1586e20 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/gauge.md @@ -15,7 +15,7 @@ The **Gauge** visualization displays the most recent value for a time series in {{< 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. +Select the **Gauge** option from the visualization dropdown in the upper left. ## Gauge behavior The gauge visualization displays a single numeric data point within a defined spectrum (_default is 0-100_). 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 de31357ff..75ea83488 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 @@ -20,7 +20,7 @@ and overlays the single most recent value as a large numeric value. {{< 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. +Select the **Graph + Single Stat** option from the visualization dropdown in the upper left. ## Graph + Single Stat behavior The Graph visualization color codes each table (or series) in the queried data set. 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 3ac1b1161..448ffb3fc 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/graph.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/graph.md @@ -16,7 +16,7 @@ the [Graph controls](#graph-controls). {{< 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. +Select the **Graph** option from the visualization dropdown in the upper left. ## Graph behavior The Graph visualization color codes each table (or series) in the queried data set. 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 131e8ee1a..f063af26d 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/heatmap.md @@ -19,7 +19,7 @@ represents different concentrations of data points. {{< 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. +Select the **Heatmap** option from the visualization dropdown in the upper left. ## Heatmap behavior Heatmaps divide data points into "bins" – segments of the visualization with upper 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 b9d48f2e6..7bb08f693 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/histogram.md @@ -17,7 +17,7 @@ The y-axis is dedicated to count, and the X-axis is divided into bins. {{< 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. +Select the **Histogram** option from the visualization dropdown in the upper left. ## Histogram behavior The Histogram visualization is a bar graph that displays the number of data points diff --git a/content/influxdb/v2.0/visualize-data/visualization-types/mosaic.md b/content/influxdb/v2.0/visualize-data/visualization-types/mosaic.md new file mode 100644 index 000000000..cafc191ee --- /dev/null +++ b/content/influxdb/v2.0/visualize-data/visualization-types/mosaic.md @@ -0,0 +1,46 @@ +--- +title: Mosaic visualization +list_title: Mosaic +list_image: /img/influxdb/2-0-visualizations-mosaic-example.png +description: > + The Mosaic view displays the single value most recent value for a time series in a mosaic view. +weight: 206 +menu: + influxdb_2_0: + name: mosaic + parent: Visualization types +--- + +The **Mosaic** visualization displays the most recent value for a time series in a mosaic. + +{{< img-hd src="/img/influxdb/2-0-visualizations-mosaic-example-8.png" alt="mosaic example" />}} + +Select the **Mosaic** option from the visualization dropdown in the upper left. + +## Mosaic behavior +The mosaic visualization displays + +## Mosaic Controls +To view **Mosaic** controls, click **{{< icon "gear" >}} Customize** next to the visualization dropdown. + +###### Data +- **FILL Column**: +- **X Column**: The column to select data from. +- **Y Column**: The column to select data from. +- **Time Format**: + +###### Options +- **Color Scheme**: Select a color scheme to use for your graph. + +###### X Axis +- **X Axis Label**: Label for the x-axis. + +###### Y Axis +- **Y Axis Label**: Label for the y-axis. + +## Mosaic examples + + + +###### Visualization options for pressure mosaic +{{< img-hd src="/img/influxdb/2-0-visualizations-mosaic-pressure-8.png" alt="Pressure guage example" />}} 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 182506acf..5e4db78eb 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/scatter.md @@ -17,7 +17,7 @@ The **Scatter** view uses a scatter plot to display time series data. {{< 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. +Select the **Scatter** option from the visualization dropdown in the upper left. ## Scatter behavior The scatter visualization maps each data point to 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 ebe4dfc3a..73af8638a 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 @@ -15,7 +15,7 @@ The **Single Stat** view displays the most recent value of the specified time se {{< 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. +Select the **Single Stat** option from the visualization dropdown in the upper left. ## Single Stat behavior The Single Stat visualization displays a single numeric data point. 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 41603bcc2..d5ca00d97 100644 --- a/content/influxdb/v2.0/visualize-data/visualization-types/table.md +++ b/content/influxdb/v2.0/visualize-data/visualization-types/table.md @@ -17,7 +17,7 @@ sometimes easier to analyze than graph views of data. {{< 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. +Select the **Table** option from the visualization dropdown in the upper left. ## Table behavior The table visualization renders queried data in structured, easy-to-read tables.