Code Monkey home page Code Monkey logo

grafana-weathermap-panel's Introduction

WeatherMap

Inspired by the WeatherMap plugin for Cacti, WeatherMap Panel Plugin for Grafana.

This plugin is created to map a computer network. This makes it possible to be informed in real time in case a computer system is malfunctioning or other.

It takes data from your network devices and uses it to provide a single-page overview of the current state of network

We can compare this to the presentation of the weather. Indeed, the background with the computer network can represent a country. And we add on this background regions, points and links which can refer to the weather in a given city. In addition, it is possible to add values from the network device to each region, point or link, just as you can add the temperature for a city.

Many settings are available to customize the rendering.

Installation

Install by using grafana-cli

grafana-cli plugins install grafana-weathermap-panel

Or see more installation options in docs.

Getting Help

History

grafana-weathermap-panel's People

Contributors

dependabot[bot] avatar helaili avatar hellosct1 avatar katkofil avatar pgrimaud avatar thefeli73 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

grafana-weathermap-panel's Issues

La notion de métadonée auxiliaire est absente.

Les métadonnées auxiliaires, comme les métriques auxiliaires, ne définissent pas l'apparence des objets comme le font les métriques principales.
Comme les métriques auxiliaires, elles s'affichent comme un texte mais contrairement aux métriques auxiliaires leur valeur n'est pas issue d'une mesure mais est simplement un bloc de texte.
La section 2.4.5 du CCTP détaille le fonctionnement de ces métadonnées.

yarn watch never completes?

running yarn watch ( redhat 7 ) just hangs after:

` Compiled successfully!

Hash: 4884309847d5af6c9bb0
Version: webpack 4.35.0
Time: 16776ms
Built at: 02/13/2020 14:38:40
Asset Size Chunks Chunk Names
LICENSE 11.1 KiB [emitted]
Localization/en.json 2.92 KiB [emitted]
Localization/fr.json 3.09 KiB [emitted]
README.md 1.18 KiB [emitted]
img/NewTux.svg 20.6 KiB [emitted]
img/fleche-droite.svg 793 bytes [emitted]
img/fleche-gauche.svg 1.19 KiB [emitted]
img/grafana.jpeg 16.8 KiB [emitted]
img/logo.svg 34.3 KiB [emitted]
index.html 183 bytes [emitted]
module.js 494 KiB module [emitted] [big] module
module.js.map 616 KiB module [emitted] module
plugin.json 685 bytes [emitted]
Entrypoint module [big] = module.js module.js.map
[../node_modules/tslib/tslib.es6.js] 9.21 KiB {module} [built]
[./Localization/en.json] 2.92 KiB {module} [built]
[./Models/CoordinateSpaceClass.tsx] 1.5 KiB {module} [built]
[./Models/OrientedLinkClass.tsx] 6.71 KiB {module} [built]
[./Models/SettingMetricClass.tsx] 1.95 KiB {module} [built]
[./Models/TextObjectClass.tsx] 1.29 KiB {module} [built]
[./SimpleEditor.tsx] 11 KiB {module} [built]
[./SimplePanel.tsx] 17.2 KiB {module} [built]
[./components/CoordinateSpace/manageCoordinateSpace.tsx] 7.08 KiB {module} [built]
[./components/Draw/drawArrow.tsx] 6.8 KiB {module} [built]
[./components/Draw/drawCircleCross.tsx] 8.89 KiB {module} [built]
[./components/Draw/drawLinkWithCoordinates.tsx] 9.21 KiB {module} [built]
[./module.ts] 264 bytes {module} [built]
[./types.ts] 2.29 KiB {module} [built]
[@grafana/data] external "@grafana/data" 42 bytes {module} [built]
+ 65 hidden modules
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 534 KiB 0
Entrypoint undefined = index.html
[../node_modules/html-webpack-plugin/lib/loader.js!../node_modules/html-webpack-plugin/default_index.ejs] 376 bytes {0} [built]
[../node_modules/lodash/lodash.js] 528 KiB {0} [built]
[../node_modules/webpack/buildin/global.js] 472 bytes {0} [built]
[../node_modules/webpack/buildin/module.js] 497 bytes {0} [built]
`

Docs confusion: how to upload an SVG image

I'm raising this to document confusion I'm having over the uploading of an SVG file.

Following the principle of least surprise, I tried to upload a file using the "Multi Local Import". After doing this nothing obvious happened. The file was listed, but this didn't seem to do anything or cause anything to happen.

I then went digging and uncovered the "Image" field, a free form text box. The box has no hint as to what should go in it. Various docs showed different competing values for this box. In one case it was a relative path pointing at a file, but no clue as to how or why the value was as it was. In another case the value was an URL pointing at a file on http://localhost/. In this case it was clear what the significance of localhost was, was this just for testing? Was it supposed to be localhost?

Eventually I guessed and put the name of the file I uploaded above into the field. At this point a bouncing grafana logo appears saying "Loading Grafana", and this stays this way. I tried to change the name to have a leading slash, and suddenly the screen changed to have a background saying "Not Found".

The "upload a file" option needs to be looked at and made clearer, it is very confusing as it stands.

Supporter les constantes dans les paramètres des objets

Lorsque la position d'un objet graphique est déterminé par gabarit, tout ses paramètres doivent pouvoir être précisés statiquement ou dynamiquement, par exemple, on doit pouvoir avoir une position x fixée à 50 alors que la position y est variable.

Errors when executing yarn watch or yarn build

When following the build instructions in the readme, the yarn watch and yarn build commands throw errors.

Steps to recreate:

  1. git cloned the repository into the Grafana plugins directory
  2. There is no yarn lockfile. Just followed the instructions and executed yarn install
  3. Executed yarn watch and got the following error:
Compilation failed!
  ./module.ts
  Error: [BABEL] /home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/src/module.ts: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/node_modules/@babel/preset-env/lib/index.js")

Executing yarn build returns thousands of prettier errors. Here is the end of the error report:

442:1   error  Replace `↹↹↹↹↹↹{⏎↹↹↹↹↹↹↹!this.props.uneCoor.textObj.isTextRegion·&&⏎↹↹↹↹↹↹↹<div·style={styleTextDiv}>⏎↹↹↹↹↹↹↹↹{this.props.uneCoor.label}⏎↹↹↹↹↹↹↹</div>⏎↹↹↹↹↹↹` with `··············{!this.props.uneCoor.textObj.isTextRegion·&&·<div·style={styleTextDiv}>{this.props.uneCoor.label}</div>`      prettier/prettier
    448:1   error  Replace `↹↹↹↹↹↹` with `··············`       prettier/prettier
    449:1   error  Replace `↹↹↹↹↹` with `············`       prettier/prettier
    450:1   error  Replace `↹↹↹↹</Tooltip>` with `··········</Tooltip>⏎········)`       prettier/prettier
    451:1   error  Replace `↹↹↹}⏎↹↹↹` with `······}`       prettier/prettier
    453:1   error  Replace `↹↹` with `····`       prettier/prettier
    454:1   error  Replace `↹}` with `··};`       prettier/prettier
    454:3   error  Missing semicolon       @typescript-eslint/semi
    456:1   error  Replace `↹` with `··`       prettier/prettier
    457:1   error  Replace `↹` with `··`       prettier/prettier
    457:2   error  Public accessibility modifier on method definition render       @typescript-eslint/explicit-member-accessibility
    458:1   error  Replace `↹↹return·(⏎↹↹↹<div>⏎↹↹↹↹{this.state.htmlResult}⏎↹↹↹</div·>⏎↹↹)` with `····return·<div>{this.state.htmlResult}</div>`       prettier/prettier
    463:1   error  Replace `↹` with `··`       prettier/prettier

  ✖ 13314 problems (13314 errors, 0 warnings)
    12703 errors and 0 warnings potentially fixable with the `--fix` option.



  Trace: Error: 13314 linting errors found in 90 files
      at /home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/node_modules/@grafana/toolkit/src/cli/tasks/plugin.build.js:117:31
      at step (/home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/node_modules/@grafana/toolkit/node_modules/tslib/tslib.js:136:27)
      at Object.next (/home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/node_modules/@grafana/toolkit/node_modules/tslib/tslib.js:117:57)
      at fulfilled (/home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/node_modules/@grafana/toolkit/node_modules/tslib/tslib.js:107:62)
      at processTicksAndRejections (internal/process/task_queues.js:93:5)
      at /home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/node_modules/@grafana/toolkit/src/cli/utils/useSpinner.js:24:29
      at step (/home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/node_modules/@grafana/toolkit/node_modules/tslib/tslib.js:136:27)
      at Object.throw (/home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/node_modules/@grafana/toolkit/node_modules/tslib/tslib.js:117:57)
      at rejected (/home/daniel/dev/go/src/github.com/grafana/plugins/grafana-weathermap-panel/node_modules/@grafana/toolkit/node_modules/tslib/tslib.js:108:69)
      at processTicksAndRejections (internal/process/task_queues.js:93:5)
✖ 13314 linting errors found in 90 files
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Node version: v12.13.1
Yarn version: 1.21.1
OS: Ubuntu 16.04

Zoom

Si une image background SVG avec 1 point

le point zoom mais pas l'image background SVG

Le fonctionnement de l'application ne répond pas au besoin client exprimé

La solution actuelle permet de placer des objets graphiques puis leur associer des mesures.
Dans la section 2.2 du CCTP il est mentionné : "Puis, il spécifie les métriques, à afficher sous forme d’objets graphiques, sur cette base."
Le fonctionnement attendu est donc l'inverse, une solution qui utilise des mesures pour générer des objets graphiques.

Graduation

Quand on charge une image

  • l'espace initial prend les valeurs de l'image Largeur x hauteur ok

Graduation

la graduation doit se comporter comme ceci

  • La graduation peut-être 0 à 10
    c'est à dire que l'on peut mettre 10 points (px)

  • La graduction peut-être de 0 x 100
    c'est à dire que l'on peut mettre 100 points (px)

  • La graduction peut-être de -50 x 100
    c'est à dire que l'on peut mettre 150 points

Comportements

Quelque soit la graduation, l'image reste dans la position originale

Grafana 7+ non-supporté

L'issue 7 mentionne que le plugin ne fonctionne pas sur Grafana 7, hors le CCTP mentionne
"Dernière version publiée (ou dernière version au catalogue du marché)" pour Grafana dans sa section 1.3.

Les liens non directionels sont absents

Le chapitre 2.6.1.1 du CCTP prévoit la présence de liens non directionnels représentés sous la forme de segments entre deux objets graphiques, ces liens n'existent pas pour l'instant.

Ensemble des non-conformités au CCTP

Cette issue regroupe toute les issues concernant le décalage entre la solution et le CCTP en terme de fonctionnalités:
#24 Grafana 7+ non-supporté
#21 Le fonctionnement de l'application ne répond pas au besoin client exprimé
#9 L'image n'est pas redimensionnée pour être entièrement visible
#10 L'espace vectoriel par défaut se base sur l'extension plutôt que le SVG
#11 Les limites d’ordonnées de l'espace vectoriel ne s'appliquent pas
#12 Les coordonnées ne fonctionnent pas pour les fichiers générés par outils tels que inkscape
#16 Il est impossible de faire défiler l'image sans se déplacer dans la fenêtre.
#18 Les métriques auxiliaires traquent à l'heure actuelle la même query que la primaire, ce qui est incohérent avec le CCTP
#19 La notion de métadonée auxiliaire est absente.
#13 Les liens non directionels sont absents
#14 La légende est difficilement lisible et non-redimensionable.
#22 Pas de mécanisme d'association des données
#20 L'agrégation des métriques semble donner des résultats incorrects.
#17 Les tooltips des métriques et métadonnées auxiliaires sont affichés mêmes quand elles sont vides.

Pas de mécanisme d'association des données

Conformément à la section et sous-sections 2.5 du CCTP, la solution doit comprendre un mécanisme permettant de générer des objets graphiques pour chaque mesure relevée automatiquement, un exemple de worflow de ce mécanisme est inclus dans le fichier joint Workflow plugin.docx.

Problème création de liaison

Lorsqu'on crée une liaison entre un point par exemple et une région, tout fonctionne bien. Mais quand on rajoute une région, toutes les liaisons avec la 1ère région se déplacent sur la nouvelle région créée.

Les métriques auxiliaires traquent à l'heure actuelle la même query que la primaire, ce qui est incohérent avec le CCTP

Les métriques auxiliaires sont censées être des métriques additionnelles et facultatives associées aux objets graphiques générés par les métriques principales.
Contrairement aux mesures principales elles n'influencent pas la génération de l'objet graphique, en revanche, leur valeur est affichée comme le serait celle d'une métrique principale.
La section 2.4.4 du CCTP détaille le fonctionnement des métriques auxiliaires

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

When attempting to edit an existing panel, the following mapped error appears:

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

The full output is as follows:

An unexpected error happened
Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

    in div
    in Display
    in div
    in Ma
    in div
    in SimpleEditor
    in div
    in div
    in Wn
    in Unknown
    in Dn
    in Yr
    in div
    in div
    in t
    in t
    in div
    in Ma
    in div
    in div
    in po
    in div
    in t
    in div
    in t
    in div
    in div
    in t
    in x
    in div
    in t
    in x
    in r
    in Unknown
    in t
    in Unknown
    in m
    in Unknown
    in Unknown
    in t
    in t
    in s

yarn build errror

I would really like to try this. However when running yarn build I do get the error below. Would it be possible to add some screenshots how the weathermaps may look like?

at rejected (/var/lib/grafana/plugins/grafana-weathermap/node_modules/tslib/tslib.js:108:69)
✖ f.getRuleSeverity is not a function
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
.

Problèmes généraux concernant les coordonées

Ce ticket vise à centraliser tout les problèmes concernant les coordonnées plutôt que les traiter par tickets séparés:

  1. Les ordonnées ne sont pas fonctionnelles (bugs trop divers pour être précis)

  2. Réduire les xmax et ymax empêche d'atteindre les points de l'image au delà de cette abscisse ou ordonnée plutôt que de changer la graduation appliquée à l'image pour que xmax ou ymax deviennent l’abscisse/ordonnée maximale.

  3. Les dimensions négatives ne sont pas gérées

  4. Il est impossible de redimensionner les axes au delà de leurs dimensions de base.

Hello,

Bonjour Christophe,

Je me permets de t'écrire via cette issue car je ne pas trouvé ton mail directement,
Je pense que l'on travaille pour la même boite (Atos), je suis l'auteur du plugin FlowCharting qui fait à peu prêt la même chose que ton plugin, sauf que je m'appuie sur draw.io au lieu d'un SVG.
Je n'écris pas ce plugin au titre d'Atos mais sur un projet personnel. j'aimerai échanger avec toi sur le sujet si c'est bien toi.

Cordialement,
Arnaud
PS : Je renvoie ce texte par email atos.
Le lien du projet
https://github.com/algenty/grafana-flowcharting
Quelques Demo
https://play.grafana.org/d/Unu5JcjWk/flowcharting-index?orgId=1

Support for grafana 8?

I am wondering if there is any support for grafana 8 or if i just have done something wrong. Adding the weathermap panel i can add queries but nothing shows up and there are no settings to customize the display/visualization

Problèmes de documentation

La documentation présente deux problèmes actuellement:

1-Elle correspond à la livraison de la version 1.0 qui ne correspondait pas au besoin client et doit donc être remaniée pour décrire le fonctionnement de l'application après les changements.

2-Elle comprend des liens morts (par exemple la section "More and less" de la page https://github.com/atosorigin/grafana-weathermap-panel/tree/master/docs)

Concernant ce second problème, cette issue peut être utiliser pour signaler la présence de liens morts dont la résolution pourra être marquée par un commentaire par la suite.

InfluxDB datasource, cannot see the query

Hello,
i've just installed the plugin on Grafana 6.7.4 but i've an issue as i cannot see the query i define.
Following the guide, after creating a Region, browsing in the tab Coordinates space ->Region -> Edit coordinate space -> Main metri i cannot see the query i've defined in the drop down menu 'Query'.
As from the subject i' using an influxDB datasource... is there a particular way i have to compose the query ? I cannot figure out of this issue..

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.