Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- it:iot:influxdb-grafana [2023/04/14 21:27] – [InfluxDB] Petr Nosek
+++ it:iot:influxdb-grafana [2023/10/12 19:53] (aktuální) – Petr Nosek
@@ Řádek 63: / Řádek 63: @@
 show field keys;
 </code>
+===== InfluxDB2 =====
+{{youtube>FFACAHGtIZo?}}
 ===== Grafana =====
-Video, jak natáhnout grafy z Grafany do NodeRed UI.
+Video, jak natáhnout grafy z Grafany do NodeRed UI. Dále může být užitečná [[it:server:monitoring:grafana|instalace v dockeru a konfigurace Apache]].
 {{youtube>wbhREeTIzS8?}}
@@ Řádek 74: / Řádek 78: @@
 Po instalaci je přihlašovací jméno **admin** a přihlašovací heslo **admin**.
+==== Animace ====
+Zazujal mě vizualizace typu Canvas. Díval jsem se do dokumentace a tohle video vypadalo velmi atraktivně:
+{{youtube>_Wt2flpuXW0?}}
+Když jsem pročítal fóra, tak jsem zjistil, že byla použita vizualizace Canvas. Podle videa jsem očekával, že budu moct prvky rozhýbat. Ale realita je trochu jinde.
+Jediný užitečný a nastavitelný prvek je [[https://github.com/grafana/grafana/blob/5797fbc0b2475352a9d080e1433cb9f92bb6c9de/public/app/features/canvas/elements/windTurbine.tsx|WindTurbine]]. V Grafaně je nachystaná animace, kde mohu nastavovat otáčky a podle toho se větrná turbína vizuálně otáčí.
+Když jsem hledal informaci o solární elektrárně z videa, tak jsem [[https://community.openhab.org/t/grafana-9-2-new-canvas-plugin-allows-data-driven-free-layout-dynamic-panels/140695/2|zjistil]], že animace toku energie je pouze [[https://www.sunnova.com/-/media/Marketing-Components/Infographic/Solar-Storage-For-Non-Export-Markets/Solar-Storage-Export-Outage-Day.ashx|gif obrázek]], do kterého jsou vloženy hodnoty z Grafany.
+Pak jsem objevil video s pluginem [[https://github.com/algenty/grafana-flowcharting|flowcharting]], který se musí do Grafany doinstalovat.
+{{youtube>n7-F_TpIV_M?}}
+Podle videa to vypadá, že by šlo hezky vytvořit grafiku v [[https://app.diagrams.net|diagrams.net]] a následně ji rozpohybovat a vytvořit reakce na data.
+Jako vzor může posloužit ukázkový [[https://play.grafana.org/d/Kcic5xeWz/flowcharting-events-and-animations?orgId=1|výstup z Grafany]]. Jednotlivé elementy se mění podle náhodně načtených čiselných hodnot v nich.
+K dalšímu návodu poslouží [[https://algenty.github.io/flowcharting-repository/|dokumentace]] a [[https://algenty.github.io/flowcharting-repository/STARTED.html|getting started]].