Seattle weather
weather dashboard with different visualizations
Seattle weather
In this example, Seattle weather data used in different type of charts.
Plugins used:
Data source : https://github.com/vega/vega/blob/master/docs/data/seattle-weather.csv
{
"__inputs": [
{
"name": "DS_INFINITY",
"label": "Infinity",
"description": "",
"type": "datasource",
"pluginId": "yesoreyeram-infinity-datasource",
"pluginName": "Infinity"
}
],
"__requires": [
{
"type": "grafana",
"id": "grafana",
"name": "Grafana",
"version": "7.2.0-beta2"
},
{
"type": "panel",
"id": "table",
"name": "Table",
"version": ""
},
{
"type": "datasource",
"id": "yesoreyeram-infinity-datasource",
"name": "Infinity",
"version": "0.4.0"
},
{
"type": "panel",
"id": "yesoreyeram-infinity-panel",
"name": "Infinity Panel",
"version": "0.1.0"
}
],
"annotations": {
"list": [
{
"builtIn": 1,
"datasource": "-- Grafana --",
"enable": true,
"hide": true,
"iconColor": "rgba(0, 211, 255, 1)",
"name": "Annotations & Alerts",
"type": "dashboard"
}
]
},
"editable": true,
"gnetId": null,
"graphTooltip": 0,
"id": null,
"links": [],
"panels": [
{
"datasource": "${DS_INFINITY}",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 8,
"w": 24,
"x": 0,
"y": 0
},
"id": 2,
"options": {
"showHeader": true,
"sortBy": []
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"columns": [
{
"selector": "date",
"text": "date",
"type": "timestamp"
},
{
"selector": "precipitation",
"text": "precipitation",
"type": "number"
},
{
"selector": "temp_max",
"text": "temp_max",
"type": "number"
},
{
"selector": "temp_min",
"text": "temp_min",
"type": "number"
},
{
"selector": "wind",
"text": "wind",
"type": "number"
},
{
"selector": "weather",
"text": "weather",
"type": "string"
}
],
"data": "",
"format": "table",
"global_query_id": "",
"query_mode": "standard",
"refId": "A",
"root_selector": "",
"source": "url",
"type": "csv",
"url": "https://raw.githubusercontent.com/vega/vega/master/docs/data/seattle-weather.csv",
"url_options": {
"data": "",
"method": "GET"
}
}
],
"timeFrom": null,
"timeShift": null,
"title": "Seattle weather - table",
"type": "table"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 7,
"w": 5,
"x": 0,
"y": 8
},
"id": 3,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"x": {
"field": "precipitation",
"type": "quantitative"
}
},
"layer": [
{
"mark": {
"type": "tick"
}
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "precipitation",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 7,
"w": 7,
"x": 5,
"y": 8
},
"id": 5,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"x": {
"field": "date",
"timeUnit": "month",
"type": "temporal"
},
"y": {
"aggregate": "mean",
"field": "precipitation",
"type": "quantitative"
}
},
"layer": [
{
"mark": {
"type": "line"
}
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "Mean precipitation of every month",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 7,
"w": 6,
"x": 12,
"y": 8
},
"id": 6,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"x": {
"field": "date",
"type": "temporal"
},
"y": {
"aggregate": "mean",
"field": "temp_max",
"type": "quantitative"
}
},
"layer": [
{
"mark": {
"type": "line"
}
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "temp_max by date",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 7,
"w": 6,
"x": 18,
"y": 8
},
"id": 7,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"x": {
"field": "date",
"timeUnit": "month",
"type": "temporal"
},
"y": {
"aggregate": "mean",
"field": "temp_range",
"type": "quantitative"
}
},
"layer": [
{
"mark": {
"type": "line"
}
}
],
"transform": [
{
"as": "temp_range",
"calculate": "datum.temp_max - datum.temp_min"
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "temperature variation by month",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 10,
"w": 5,
"x": 0,
"y": 15
},
"id": 4,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"x": {
"bin": true,
"field": "precipitation",
"type": "quantitative"
},
"y": {
"aggregate": "count",
"field": "*",
"type": "quantitative"
}
},
"layer": [
{
"mark": {
"type": "bar"
}
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "precipitation",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 10,
"w": 6,
"x": 5,
"y": 15
},
"id": 8,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"color": {
"field": "weather",
"type": "nominal"
},
"x": {
"field": "date",
"timeUnit": "month",
"type": "temporal"
},
"y": {
"aggregate": "count",
"field": "*",
"type": "quantitative"
}
},
"layer": [
{
"mark": {
"type": "bar"
}
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "Count of records by weather type",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 10,
"w": 6,
"x": 11,
"y": 15
},
"id": 9,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"x": {
"field": "date",
"title": "Date",
"type": "temporal"
},
"y": {
"axis": {
"title": "Max Temperature and Rolling Mean"
},
"field": "Value",
"type": "quantitative"
}
},
"layer": [
{
"encoding": {
"y": {
"field": "temp_max",
"title": "Max Temperature"
}
},
"mark": {
"opacity": 0.3,
"type": "point"
}
},
{
"encoding": {
"y": {
"field": "rolling_mean",
"title": "Rolling Mean of Max Temperature"
}
},
"mark": {
"color": "red",
"size": 3,
"type": "line"
}
}
],
"mark": {
"type": "line"
},
"transform": [
{
"frame": [
-15,
15
],
"window": [
{
"as": "rolling_mean",
"field": "temp_max",
"op": "mean"
}
]
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "temp_max by date",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 10,
"w": 7,
"x": 17,
"y": 15
},
"id": 10,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"color": {
"aggregate": "max",
"field": "temp_max",
"legend": {
"title": null
},
"type": "quantitative"
},
"x": {
"axis": {
"format": "%e",
"labelAngle": 0
},
"field": "date",
"timeUnit": "date",
"title": "Day",
"type": "ordinal"
},
"y": {
"field": "date",
"timeUnit": "month",
"title": "Month",
"type": "ordinal"
}
},
"mark": "rect",
"title": "Daily Max Temperatures (C) in Seattle, WA"
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "temp_max by date",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 10,
"w": 6,
"x": 0,
"y": 25
},
"id": 11,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"layer": [
{
"encoding": {
"color": {
"value": "red"
},
"x": {
"field": "date",
"type": "temporal"
},
"y": {
"aggregate": "mean",
"field": "temp_max",
"type": "quantitative"
}
},
"mark": {
"type": "line"
}
},
{
"encoding": {
"color": {
"value": "green"
},
"x": {
"field": "date",
"type": "temporal"
},
"y": {
"aggregate": "mean",
"field": "temp_min",
"type": "quantitative"
}
},
"mark": {
"type": "line"
}
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "temp_min vs temp_max",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 10,
"w": 6,
"x": 6,
"y": 25
},
"id": 12,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"x": {
"field": "date",
"type": "temporal"
},
"y": {
"field": "temp_max",
"type": "quantitative"
}
},
"layer": [
{
"mark": {
"type": "bar"
}
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "temp max by day",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 10,
"w": 10,
"x": 12,
"y": 25
},
"id": 13,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"layer": [
{
"encoding": {
"color": {
"field": "weather",
"type": "nominal"
},
"size": {
"bin": true,
"field": "temp_range",
"legend": {
"title": "variation"
}
},
"x": {
"field": "date",
"type": "temporal"
},
"y": {
"field": "wind",
"type": "quantitative"
}
},
"mark": {
"type": "circle"
}
}
],
"transform": [
{
"as": "temp_range",
"calculate": "datum.temp_max - datum.temp_min"
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "Temp variation on different weather & wind",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 12,
"w": 6,
"x": 0,
"y": 35
},
"id": 14,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"color": {
"aggregate": "count",
"field": "*",
"type": "quantitative"
},
"x": {
"field": "weather",
"type": "nominal"
},
"y": {
"aggregate": "count",
"field": "*",
"type": "quantitative"
}
},
"layer": [
{
"mark": {
"type": "bar"
}
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "weather by count",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 12,
"w": 6,
"x": 6,
"y": 35
},
"id": 15,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"color": {
"aggregate": "count",
"field": "*",
"type": "quantitative"
},
"x": {
"aggregate": "count",
"field": "*",
"type": "quantitative"
},
"y": {
"field": "weather",
"type": "nominal"
}
},
"layer": [
{
"mark": {
"type": "bar"
}
}
]
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "weather by count",
"type": "yesoreyeram-infinity-panel"
},
{
"datasource": "-- Dashboard --",
"fieldConfig": {
"defaults": {
"custom": {
"align": null,
"filterable": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 7,
"w": 5,
"x": 13,
"y": 35
},
"id": 16,
"options": {
"settings": {
"vega": {
"spec": {
"data": {
"name": "table"
},
"encoding": {
"color": {
"field": "weather",
"type": "nominal"
},
"theta": {
"aggregate": "count",
"field": "weather",
"type": "nominal"
}
},
"layer": [
{
"mark": "arc"
}
],
"view": {
"stroke": null
}
},
"theme": "dark"
}
},
"type": "vega-lite"
},
"pluginVersion": "7.2.0-beta2",
"targets": [
{
"panelId": 2,
"refId": "A"
}
],
"timeFrom": null,
"timeShift": null,
"title": "weather by count",
"type": "yesoreyeram-infinity-panel"
}
],
"schemaVersion": 26,
"style": "dark",
"tags": [],
"templating": {
"list": []
},
"time": {
"from": "now-6h",
"to": "now"
},
"timepicker": {},
"timezone": "",
"title": "Seattle weather",
"uid": "pHUZX7cGk",
"version": 9
}Data source config
Collector type:
Collector plugins:
Collector config:
Revisions
Upload an updated version of an exported dashboard.json file from Grafana
| Revision | Description | Created | |
|---|---|---|---|
| Download |
Get this dashboard
Resources