Five Highest Grossing Movies of 2017 by Country

1) fill in the Ruhr using styles instead, so inside the style attribute do "fill: colour !important". The important tag will override the orange (this won't work for the fill attribute normally, only inside style).

2) add a class to everything you want to be grey, e.g. "grey-circle", then in the style text node at the very top of the svg in the xml editor (where the zoomable-circle colouring is held), add a fill property for ".zoomable-circle.grey-circle { fill: colour }". The lack of space between the two classes means they're both on the same object (and the former is needed to change circle size when zooming).

3) remove the zoomable-circle class from the Ruhr to prevent discolouring, but then the circle will look bad when zooming in so.

Thank you for contacting Poirot regarding the matter.

Thanks :)