Our current approach uses a bubble series. jsfiddle: https://jsfiddle.net/n02q9otw/83/
I marked everything that is NOT FEASIBLE with that approach.
The requirements are like this:
- Exploration map (similar to Google Maps) where the user can explore different clusters
- Panning: The user should be able to pan around in the map on the initial render --> NOT FEASIBLE
- Zooming: The user should be able to zoom in and zoom out
- When zooming the cluster size should increase (similar to G-Maps: When zooming in the country increases) --> NOT FEASIBLE: Zoom in on any bubble. Width and height of the bubble stays the same
- Preferable with mouse wheel --> NOT FEASIBLE
- Zoom out preferable step by step --> NOT FEASIBLE
- Clusters inside cluster:
- Zoom: Zooming in clusters should stay at their position. --> NOT FEASIBLE: Zoom in on Parent-1-child-1. The child bubble won't stay inside.
Because then we would also have some logic that the name of the bubble is shown, once the bubble has enough width.
Maybe related:
- https://github.com/highcharts/highcharts/issues/9527
- https://github.com/highcharts/highcharts/issues/1673
Thanks!