Giving the Grafana Worldmap Panel some love

Grafana Plugin Development
1

Dear Grafana Worldmap users,

Introduction

We recently had the chance to dedicate some time to the Grafana Worldmap Panel. After adding some options here and there, some of them coming from the community already [1-4] (specifically we aimed at the drill-down feature here, thanks!), the code has been refactored a bit and finally the user interface has been cleaned up and restructured. We hope you like it and will be happy to hear about any thoughts you might have.

Details

You will get a decent overview about the changes by having a look at the walkthrough (mostly screenshots) at:

TLDR; More of a text-only changelog is available from CHANGELOG to reduce reading time if you prefer a quick overview.

Testing & Feedback

We are confident this is now in a good shape so we will be happy about testing and feedback from the community. Please be aware that we primarily use InfluxDB, so we would be especially happy to hear if this still works for people using different data sources.

Setup

The most recent version can always be installed side-by-side of the canonical Worldmap Panel like

# Install most recent version side by side
grafana-cli \
  --pluginUrl https://github.com/hiveeyes/grafana-worldmap-panel/releases/download/0.4.0/grafana-worldmap-panel-ng-0.4.0.zip \
  plugins install grafana-worldmap-panel-ng

# Restart Grafana to activate plugin
systemctl restart grafana-server

Contributions

We have been able to integrate these fine contributions from the community. Thanks, @ryft, @fabienpomerol, @dtheb and @leonhardhaas!

[1] Add Clickthrough URL option for country circles by ryft · Pull Request #129 · grafana/worldmap-panel · GitHub
[2] Add first geohash center support by fabienpomerol · Pull Request #156 · grafana/worldmap-panel · GitHub
[3] Labels barely visible on grafana light theme · Issue #169 · grafana/worldmap-panel · GitHub
[4] Adds clickthrough links mappable from data for circles by leonhardhaas · Pull Request #190 · grafana/worldmap-panel · GitHub

Resources

Bottom line

We haven’t made a pull request yet to let things settle a bit and to test this more intensive on staging, maybe a few more things will get added over the course of this journey. However, we would like to ask @daniellee, @bergquist, @ryantxu, @prokopd and @torkel if you would want to take this in general and what it would take to bring this into mainline.

Thanks already and with kind regards,
Andreas.

1 Like
2

As a preview, here are some screenshots of the editor panel, which has been slightly improved and carries a few more options.

Editor screens

a6230f6a09508248539ce17e372394fdc6769ee5.png1563Ă—688 143 KB

805a09741ace26f76e6c8af37803fad40dd622d0.png1268Ă—567 55.4 KB

2 Likes
3

Thanks for putting all this work into the panel. We developed this panel for the WorldPing app and have not prioritized adding new features (over working on core Grafana) so great to see the community chipping in.

All those features look like good additions so I’ll review your changes. And when you feel ready then we can try and get them all into mainline Worldmap.

1 Like
4

Hi there,

Others have tried 0.3.0-dev as well and have been running into the same issue with Prometheus data in timeseries format, so we are tracking this at

Thanks, Per!

image
Left: Timeseries format. Right: Table format. Both InfluxDB.

[1] https://weather.hiveeyes.org/grafana6/d/NP0wTOtmk/weather-hiveeyes-org

5

Hi there.

We have been able to resolve the issue referenced above. The revamped Worldmap Panel should also accept data in timeseries format appropriately again.

The current release is 0.3.0-dev9 and can be installed by invoking

grafana-cli --pluginUrl https://github.com/hiveeyes/grafana-worldmap-panel/archive/0.3.0-dev9.zip plugins install grafana-worldmap-panel

image
Left: Timeseries format. Right: Table format. Both InfluxDB.

Thanks again for reporting this, testing the overhauled Worldmap with the most popular TSDBs out there is important to us, but as we are usually only running InfluxDB, we need the support of the community here.

Edit: Per confirmed at Obtaining data in timeseries format fails with "this.datapoints is undefined (TypeError)." · Issue #3 · panodata/panodata-map-panel · GitHub that 0.3.0-dev9 now works like a charm with data coming from Prometheus in timeseries format.

With kind regards,
Andreas.

6

Hi ,
How to login this page, please mention the credentials.

https://weather.hiveeyes.org/grafana6/d/NP0wTOtmk/weather-hiveeyes-org

7

Hi Vishnu,

thanks for your interest. We haven’t migrated to Grafana6 yet (it’s just a development instance), so the canonical entrypoint where you can actually see data is https://weather.hiveeyes.org/grafana/.

However, we don’t offer public logins on that page.

Cheers,
Andreas.

8

Hi,

Thanks for your reply , please give me a guide for How to signup the web site.

https://weather.hiveeyes.org/grafana6/d/NP0wTOtmk/weather-hiveeyes-org 2

9

Dear Vishnu,

We don’t offer logins on that instance of Grafana.

However, we recognized that public anonymous access for viewing the dashboards there was broken and now got restored after we recognized that. Thank you so much for having us look into this.

With kind regards,
Andreas.

10

Dear community,

we just wanted to let you know that we have been able to mitigate some rendering woes with Worldmap which seem to be more likely happening on Grafana > 6.x. We experienced the same thing occasionally when working on the codebase and now recognize that the issue also hit others.

Cheers,
Andreas.

11

Dear Grafana community,

thanks to @ryantxu and @prokopd, we have been able to continue caring about the refurbished fork. We also renamed it to Map Panel just recently in order to allow side-by-side installation with the canonical Worldmap Panel without harming the respective installation, even on production servers.

Resources


Setup

The installation of the most recent version of the Grafana Map Panel is outlined within the documentation section Setup Grafana Map Panel.

Outlook

We will be happy to receive further contributions from the community and would like to encourage you to send pull requests to this repository we are trying to maintain steadily. We will also be happy to see you join the discussion about Developing Grafana Map Panel or just follow the development process.

Happy mapping and with kind regards,
Andreas.

12

@amotl This is an awesome contribution and helps address some challenges I’ve faced. Are there plans for Map Panel or World Map Panel to be able to plot custom shape files (i.e. from a WKT format polygon shape or something similar) so users can define their own polygon area shapes on the map instead of just circles (i.e. think monitoring turbine fields, solar plants, or sensors for weather etc where the location and shape of the feature is really important) . Similar to this, which seems to not be supported/maintained https://github.com/teosibileau/grafana-leaflet-choropleth-panel

Thanks for the awesome work on Map Panel

1 Like
13

Hi again,

with recent contributions by @pvavilis, @hipska, @javl, @gdunstone, @sarahleon, @JonasProgrammer, @iruizr7, @skgsergio, @jreyestmo and @matschaffer (thanks a stack!), we wanted to take the chance to give you an update here. Also, we upgraded to use vanilla Leaflet 1.7.1 the other day. The change log can be found at [1] and we are still regularly publishing updated packages to [2]. Setup instructions can be found at [3].

With kind regards,
Andreas.

[1] https://github.com/panodata/grafana-map-panel/blob/develop/CHANGELOG.md
[2] https://github.com/panodata/grafana-map-panel/releases
[3] https://community.panodata.org/t/grafana-map-panel/121#setup

1 Like
14

Hi,

Not exactly 100% relevant but Kepler is an awesome open source mapping visualisation (https://kepler.gl/) developed by the people over at uber labs. I’m sure the base language differs but it offers some inspiration for certain features that could hopefully be included into Worldmap in the future.

2 Likes