Skip to content

Commit

Permalink
Update Demo server
Browse files Browse the repository at this point in the history
  • Loading branch information
mikhail-vl committed Sep 9, 2024
1 parent e4ce631 commit 8b9340a
Show file tree
Hide file tree
Showing 6 changed files with 399 additions and 12 deletions.
4 changes: 2 additions & 2 deletions demo.volkovlabs.io/calendar.json
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
"afterRender": "",
"content": "```json\n{{{json @root}}}\n```",
"contentPartials": [],
"defaultContent": "# Business Calendar\n\nThe Business Calendar panel is a Grafana plugin that displays events in a stylish calendar format. The data can come from various data sources.\n\n## Requirements\n\n- The Business Calendar Panel 3.X requires **Grafana 10** or **Grafana 11**.\n- Calendar Panel 2.X requires **Grafana 9.2** or **Grafana 10**.\n- Calendar Panel 1.X requires **Grafana 8.5** or **Grafana 9**.\n\n## Getting Started\n\nYou can install the Business Calendar Panel plugin from the [Grafana Plugins catalog](https://grafana.com/grafana/plugins/marcusolsson-calendar-panel/) or use the Grafana command line tool.\n\nFor the latter, please use the following command:\n\n```bash\ngrafana-cli plugins install marcusolsson-calendar-panel\n```\n\n## Highlights\n\n- Intuitive multi-language toolbar that allows you to:\n - Switch between the **Day**, **Week**, **Month**, **Work Week**, **Year**, and **Agenda** views.\n - Switch back to today's events.\n - Display events from the previous and subsequent time ranges.\n- Fetch and combine event data from any data sources.\n- Event filter by a time range.\n- Event coloring based on the Grafana Thresholds.\n- Enables the opening of a data link instead of a sidebar when clicking on an event.\n- Enables the display of annotations across all dashboards for the specified period.\n- Supports Internationalization: Spanish, French, German, and Chinese.",
"defaultContent": "# Business Calendar\n\nThe Business Calendar panel is a Grafana plugin that displays events in a stylish calendar format. The data can come from various data sources.\n\n##\n## Requirements\n\n- The Business Calendar Panel 3.X requires **Grafana 10** or **Grafana 11**.\n- Calendar Panel 2.X requires **Grafana 9.2** or **Grafana 10**.\n- Calendar Panel 1.X requires **Grafana 8.5** or **Grafana 9**.\n\n##\n## Getting Started\n\nYou can install the Business Calendar Panel plugin from the [Grafana Plugins catalog](https://grafana.com/grafana/plugins/marcusolsson-calendar-panel/) or use the Grafana command line tool.\n\nFor the latter, please use the following command:\n\n```bash\ngrafana-cli plugins install marcusolsson-calendar-panel\n```\n\n## Highlights\n\n- Intuitive multi-language toolbar that allows you to:\n - Switch between the **Day**, **Week**, **Month**, **Work Week**, **Year**, and **Agenda** views.\n - Switch back to today's events.\n - Display events from the previous and subsequent time ranges.\n- Fetch and combine event data from any data sources.\n- Event filter by a time range.\n- Event coloring based on the Grafana Thresholds.\n- Enables the opening of a data link instead of a sidebar when clicking on an event.\n- Enables the display of annotations across all dashboards for the specified period.\n- Supports Internationalization: Spanish, French, German, and Chinese.",
"editor": {
"format": "auto",
"language": "markdown"
Expand Down Expand Up @@ -541,6 +541,6 @@
"timezone": "browser",
"title": "Business Calendar",
"uid": "cdtmkqipv7mdcc",
"version": 4,
"version": 1,
"weekStart": ""
}
4 changes: 2 additions & 2 deletions demo.volkovlabs.io/charts.json
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
"afterRender": "",
"content": "```json\n{{{json @root}}}\n```",
"contentPartials": [],
"defaultContent": "# Business Charts\n\nThe Business Charts Panel plugin is a visualization extension for Grafana powered by the Apache ECharts library.\n\n## Requirements\n\n- Business Charts panel 6.X requires **Grafana 10** or **Grafana 11**.\n- Apache ECharts panel 5.X requires **Grafana 9** or **Grafana 10**.\n- Apache ECharts panel 3.X and 4.X require **Grafana 8.5** or **Grafana 9**.\n\n## Getting Started\n\nYou can install the Business Charts Panel from the [Grafana Plugins catalog](https://grafana.com/grafana/plugins/volkovlabs-echarts-panel/) or using the Grafana command line tool.\n\nFor the latter, please use the following command.\n\n```bash\ngrafana-cli plugins install volkovlabs-echarts-panel\n```\n\n## Highlights\n\n- Provides [Monaco Code Editor](https://microsoft.github.io/monaco-editor/) for:\n - Working with Grafana data frames (JavaScript).\n - Updating chart configurations in the JSON format.\n - Customizing theme configurations.\n- Supports Code Editor suggestions for parameters and variables.\n- Supports SVG and Canvas renderers.\n- Supports variables and [locationService](https://grafana.com/docs/grafana/latest/developers/plugins/create-a-grafana-plugin/extend-a-plugin/add-support-for-variables/#set-a-variable-from-your-plugin) to make charts interactive.\n- Includes USA and World GeoJSON maps. Additional maps can be loaded dynamically.\n- Supports Baidu, Gaode, and Google Maps using API with required provision of the access key.\n- Includes [ECharts-GL](https://github.com/ecomfe/echarts-gl) proving 3D plots, globe visualization, and WebGL acceleration.\n- Includes [ecStat](https://github.com/ecomfe/echarts-stat), a statistical and data mining tool.\n- Includes [Liquid Fill Chart](https://github.com/ecomfe/echarts-liquidfill) to represent data in percentage.\n- Supports real-time data updates using streaming data sources and Grafana Live.\n- Supports light and dark themes adjusted to the Grafana theme.\n- Based on [Apache ECharts 5.5.0](https://github.com/apache/echarts/releases/tag/5.5.0).\n- Provides 100+ ready-to-use examples at [echarts.volkovlabs.io](https://echarts.volkovlabs.io).\n- Supports the [Wordcloud extension](https://github.com/ecomfe/echarts-wordcloud)",
"defaultContent": "# Business Charts\n\nThe Business Charts Panel plugin is a visualization extension for Grafana powered by the Apache ECharts library.\n\n##\n## Requirements\n\n- Business Charts panel 6.X requires **Grafana 10** or **Grafana 11**.\n- Apache ECharts panel 5.X requires **Grafana 9** or **Grafana 10**.\n- Apache ECharts panel 3.X and 4.X require **Grafana 8.5** or **Grafana 9**.\n\n##\n## Getting Started\n\nYou can install the Business Charts Panel from the [Grafana Plugins catalog](https://grafana.com/grafana/plugins/volkovlabs-echarts-panel/) or using the Grafana command line tool.\n\nFor the latter, please use the following command.\n\n```bash\ngrafana-cli plugins install volkovlabs-echarts-panel\n```\n\n##\n## Highlights\n\n- Provides [Monaco Code Editor](https://microsoft.github.io/monaco-editor/) for:\n - Working with Grafana data frames (JavaScript).\n - Updating chart configurations in the JSON format.\n - Customizing theme configurations.\n- Supports Code Editor suggestions for parameters and variables.\n- Supports SVG and Canvas renderers.\n- Supports variables and [locationService](https://grafana.com/docs/grafana/latest/developers/plugins/create-a-grafana-plugin/extend-a-plugin/add-support-for-variables/#set-a-variable-from-your-plugin) to make charts interactive.\n- Includes USA and World GeoJSON maps. Additional maps can be loaded dynamically.\n- Supports Baidu, Gaode, and Google Maps using API with required provision of the access key.\n- Includes [ECharts-GL](https://github.com/ecomfe/echarts-gl) proving 3D plots, globe visualization, and WebGL acceleration.\n- Includes [ecStat](https://github.com/ecomfe/echarts-stat), a statistical and data mining tool.\n- Includes [Liquid Fill Chart](https://github.com/ecomfe/echarts-liquidfill) to represent data in percentage.\n- Supports real-time data updates using streaming data sources and Grafana Live.\n- Supports light and dark themes adjusted to the Grafana theme.\n- Based on [Apache ECharts 5.5.0](https://github.com/apache/echarts/releases/tag/5.5.0).\n- Provides 100+ ready-to-use examples at [echarts.volkovlabs.io](https://echarts.volkovlabs.io).\n- Supports the [Wordcloud extension](https://github.com/ecomfe/echarts-wordcloud)",
"editor": {
"format": "auto",
"language": "markdown"
Expand Down Expand Up @@ -370,6 +370,6 @@
"timezone": "browser",
"title": "Business Charts",
"uid": "edtmwjirtfny8d",
"version": 2,
"version": 3,
"weekStart": ""
}
17 changes: 11 additions & 6 deletions demo.volkovlabs.io/home.json
Original file line number Diff line number Diff line change
Expand Up @@ -566,7 +566,7 @@
"name": "plugin",
"options": [
{
"selected": true,
"selected": false,
"text": "Business Suite",
"value": "business-suite"
},
Expand All @@ -584,17 +584,22 @@
"selected": false,
"text": "Business News",
"value": "business-news"
},
{
"selected": true,
"text": "Business Text",
"value": "business-text"
}
],
"query": "Business Suite : business-suite, Business Calendar : business-calendar, Business Charts : business-charts, Business News : business-news",
"query": "Business Suite : business-suite, Business Calendar : business-calendar, Business Charts : business-charts, Business Media : business-media, Business News : business-news, Business Text : business-text",
"skipUrlSync": false,
"type": "custom"
},
{
"current": {
"selected": false,
"text": "fdtmkjc238a2oe",
"value": "fdtmkjc238a2oe"
"text": "cdtmkqipv7mdc1",
"value": "cdtmkqipv7mdc1"
},
"datasource": {
"type": "marcusolsson-static-datasource",
Expand All @@ -619,7 +624,7 @@
],
"meta": {
"custom": {
"customCode": "let id = 'fdtmkjc238a2oe';\n\nswitch (`${plugin}`) {\n case 'business-calendar':\n id = 'cdtmkqipv7mdcc';\n break;\n case 'business-charts':\n id = 'edtmwjirtfny8d';\n break;\n case 'business-news':\n id = 'ddtpy13k0obggc';\n break;\n};\n\nconst result = {\n ...frame,\n fields: frame.fields.map((field) => ({\n ...field,\n values: [id]\n }))\n}\n\nreturn Promise.resolve(result);",
"customCode": "let id = 'fdtmkjc238a2oe';\n\nswitch (`${plugin}`) {\n case 'business-calendar':\n id = 'cdtmkqipv7mdcc';\n break;\n case 'business-charts':\n id = 'edtmwjirtfny8d';\n break;\n case 'business-news':\n id = 'ddtpy13k0obggc';\n break;\n case 'business-text':\n id = 'cdtmkqipv7mdc1';\n break;\n case 'business-media':\n id = 'cdtmkqipv7mdc2';\n break;\n};\n\nconst result = {\n ...frame,\n fields: frame.fields.map((field) => ({\n ...field,\n values: [id]\n }))\n}\n\nreturn Promise.resolve(result);",
"valuesEditor": "custom"
}
},
Expand All @@ -642,6 +647,6 @@
"timezone": "browser",
"title": "Business Suite",
"uid": "fdtmkjc238a2oe",
"version": 8,
"version": 10,
"weekStart": ""
}
191 changes: 191 additions & 0 deletions demo.volkovlabs.io/media.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,191 @@
{
"annotations": {
"list": [
{
"builtIn": 1,
"datasource": {
"type": "grafana",
"uid": "-- Grafana --"
},
"enable": true,
"hide": true,
"iconColor": "rgba(0, 211, 255, 1)",
"name": "Annotations & Alerts",
"type": "dashboard"
}
]
},
"editable": true,
"fiscalYearStartMonth": 0,
"graphTooltip": 0,
"links": [
{
"asDropdown": false,
"icon": "external link",
"includeVars": false,
"keepTime": false,
"tags": ["business"],
"targetBlank": false,
"title": "Business Suite",
"tooltip": "",
"type": "dashboards",
"url": ""
}
],
"panels": [
{
"datasource": {
"name": "Business Input",
"type": "marcusolsson-static-datasource",
"uid": "4ytGZmF4k"
},
"fieldConfig": {
"defaults": {
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 10,
"w": 14,
"x": 0,
"y": 0
},
"id": 5,
"options": {
"afterRender": "",
"content": "```json\n{{{json @root}}}\n```",
"contentPartials": [],
"defaultContent": "# Business Media\n\nThe Business Media panel is a Grafana plugin that renders PNG, JPG, GIF, MP4, WEBM, MP3, OGG, and PDF files encoded in the base64 format.\n\n##\n## Requirements\n\nThe Business Media panel version requirements for Grafana are as follows:\n\n- Business Media panel 6.X requires **Grafana 10** or **Grafana 11**.\n- Business Media panel 5.X requires **Grafana 10** or **Grafana 11**.\n- Base64 Image/PDF panel 4.X requires **Grafana 9** or **Grafana 10**.\n- Base64 Image/PDF panel 3.X requires **Grafana 8.5** or **Grafana 9**.\n- Base64 Image/PDF panel 2.X requires **Grafana 8**.\n- Base64 Image/PDF panel 1.X requires **Grafana 7.1**.\n\n##\n## Getting Started\n\nThe Business Media panel can be installed from the [Grafana Plugins catalog](https://grafana.com/grafana/plugins/volkovlabs-image-panel/) or using the Grafana command line tool.\n\nFor the latter, please use the following command.\n\n```sh\ngrafana cli plugins install volkovlabs-image-panel\n```\n\n##\n## Highlights\n\n- The returned value can include base64 encoded content with or without a specified definition. The formats for the definition can look like `data:image/jpg;base64,ENCODED-CONTENT` or `data:application/pdf;base64,ENCODED-CONTENT`.\n- The file type is automatically determined based on the first base64 symbol if no definition is provided.\n- If the data source returns more than one field of the `string` type, you can select the Field Name in the panel's display options.\n- You can fit image dimensions to the panel size, keep the original values, or adjust dimensions based on the manually supplied values.\n- Allows adding a URL with a title to navigate to other dashboards when clicking the image. URL supports dashboard variables.\n- Support for MP4 and WEBM video files with the definitions (`data:video/mp4;base64,ENCODED-CONTENT` and `data:video/webm;base64,ENCODED-CONTENT`)\n- Support for MP3 and OGG audio files with the efinitions (`data:audio/mp3;base64,ENCODED-CONTENT` and `data:audio/ogg;base64,ENCODED-CONTENT`)\n- Provides a toolbar to download, zoom, and navigate between multiple images.\n",
"editor": {
"format": "auto",
"language": "markdown"
},
"editors": ["default"],
"externalStyles": [],
"helpers": "",
"renderMode": "data",
"styles": "",
"wrap": true
},
"pluginVersion": "5.3.0",
"targets": [
{
"datasource": {
"type": "marcusolsson-static-datasource",
"uid": "4ytGZmF4k"
},
"refId": "A"
}
],
"type": "marcusolsson-dynamictext-panel"
},
{
"datasource": {
"type": "marcusolsson-static-datasource",
"uid": "4ytGZmF4k"
},
"fieldConfig": {
"defaults": {
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
}
]
}
},
"overrides": []
},
"gridPos": {
"h": 10,
"w": 10,
"x": 14,
"y": 0
},
"id": 6,
"options": {
"afterRender": "import('https://esm.sh/youtube-player').then(({ default: YouTubePlayer }) => {\n const videoList = [\"hLMtsCWPOg8\", \"V4Sza0uDQNs\", \"1_bgLSehjhg\"];\n const randomVideoId = videoList[Math.floor(Math.random() * videoList.length)];\n\n YouTubePlayer('player', { videoId: randomVideoId });\n})",
"content": "<div id=\"player\" style=\"width: 100%\"></div>",
"contentPartials": [],
"defaultContent": "The query didn't return any results.",
"editor": {
"format": "auto",
"language": "html"
},
"editors": ["afterRender"],
"externalStyles": [],
"helpers": "",
"renderMode": "everyRow",
"styles": "",
"wrap": true
},
"pluginVersion": "5.3.0",
"targets": [
{
"datasource": {
"type": "marcusolsson-static-datasource",
"uid": "4ytGZmF4k"
},
"frame": {
"fields": [
{
"config": {},
"name": "URL",
"type": "string",
"values": ["https://www.youtube.com/watch?v=CvLqyY2fQfo"]
}
],
"meta": {},
"name": "YouTube"
},
"refId": "A"
}
],
"type": "marcusolsson-dynamictext-panel"
},
{
"collapsed": false,
"gridPos": {
"h": 1,
"w": 24,
"x": 0,
"y": 10
},
"id": 7,
"panels": [],
"title": "Examples",
"type": "row"
}
],
"refresh": "",
"schemaVersion": 39,
"tags": ["business"],
"templating": {
"list": []
},
"time": {
"from": "now-6h",
"to": "now"
},
"timepicker": {},
"timezone": "browser",
"title": "Business Media",
"uid": "cdtmkqipv7mdc2",
"version": 1,
"weekStart": ""
}
4 changes: 2 additions & 2 deletions demo.volkovlabs.io/news.json
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@
"showLineNumbers": false,
"showMiniMap": false
},
"content": "# Business News\n\nThe Business News data source is a plugin for Grafana that retrieves RSS/Atom feeds and allows visualizing them using Business Text and other panels.\n\n## Requirements\n\n- Business News Data Source 4.X requires **Grafana 10** or **Grafana 11**.\n- RSS/Atom Data Source 3.X requires **Grafana 9** or **Grafana 10**.\n- RSS/Atom Data Source 2.X requires **Grafana 8.5** or **Grafana 9**.\n- RSS/Atom Data Source 1.X requires **Grafana 8**.\n\n## Getting Started\n\nThe Business News data source can be installed from the [Grafana Catalog](https://grafana.com/grafana/plugins/volkovlabs-rss-datasource/) or utilizing the Grafana command line tool.\n\nFor the latter, please use the following command.\n\n```bash\ngrafana-cli plugins install volkovlabs-rss-datasource\n```\n\n## Highlights\n\n- Supports RSS 2.0, RSS 1.0 and Atom.\n- Works with Dynamic Text visualization panel.\n- Returns Channel (Feed) data, Items (Entries) or both as separate data frames.\n- Extract and parse as additional fields:\n - Image from Meta.\n - H4 and Image from the Encoded content.\n - Media:Group for YouTube.\n- Filter items/entries based on the selected Time Range.\n- Allows specifying Query parameters with dashboard variables.",
"content": "# Business News\n\nThe Business News data source is a plugin for Grafana that retrieves RSS/Atom feeds and allows visualizing them using Business Text and other panels.\n\n##\n## Requirements\n\n- Business News Data Source 4.X requires **Grafana 10** or **Grafana 11**.\n- RSS/Atom Data Source 3.X requires **Grafana 9** or **Grafana 10**.\n- RSS/Atom Data Source 2.X requires **Grafana 8.5** or **Grafana 9**.\n- RSS/Atom Data Source 1.X requires **Grafana 8**.\n\n##\n## Getting Started\n\nThe Business News data source can be installed from the [Grafana Catalog](https://grafana.com/grafana/plugins/volkovlabs-rss-datasource/) or utilizing the Grafana command line tool.\n\nFor the latter, please use the following command.\n\n```bash\ngrafana-cli plugins install volkovlabs-rss-datasource\n```\n\n##\n## Highlights\n\n- Supports RSS 2.0, RSS 1.0 and Atom.\n- Works with Dynamic Text visualization panel.\n- Returns Channel (Feed) data, Items (Entries) or both as separate data frames.\n- Extract and parse as additional fields:\n - Image from Meta.\n - H4 and Image from the Encoded content.\n - Media:Group for YouTube.\n- Filter items/entries based on the selected Time Range.\n- Allows specifying Query parameters with dashboard variables.",
"mode": "markdown"
},
"pluginVersion": "11.2.0",
Expand Down Expand Up @@ -723,6 +723,6 @@
"timezone": "browser",
"title": "Business News",
"uid": "ddtpy13k0obggc",
"version": 3,
"version": 4,
"weekStart": ""
}
Loading

0 comments on commit 8b9340a

Please sign in to comment.