Inconsistent Color Scale Displayed on World Map When Clicking on a Country in Global Report Page

[mohamedawnallah]

Describe the bug
The issue pertains to the inconsistency in maintaining the color scale when a country is clicked on the world map, both in the main data visualization and the sub-world map data visualization.

To Reproduce
Follow these steps to replicate the behavior:

1. Navigate to the Global Report page.
2. Observe the color scale for a specific country (e.g., Brazil).
3. Click on the selected country (Brazil).
4. Note that the color scale does not match the expected scale and differs from the state before clicking.

Expected behavior
The color scale for a given country should remain consistent, both before and after clicking.

Screenshots
The issue is illustrated in the following screenshot, where Brazil, initially displaying 689 alarms in yellow, exhibits a different color after clicking.

[MAVRICK-1]

@mohamedawnallah can you assign me this? :-)

[mohamedawnallah]

Thanks @MAVRICK-1 for your interest! Before assigning this to you, How would you tackle it?

[MAVRICK-1]

Thanks @MAVRICK-1 for your interest! Before assigning this to you, How would you tackle it?

Adjust the choropleth map and color bar based on Alarm Counts. By ensuring that the color scales match for both the map trace and the color bar in the layout.

[MAVRICK-1]

I know basic plotlyjs, I can go through the documentation and fix this

[RickDeb2004]

@mohamedawnallah @MAVRICK-1 I have a good experience in plotlyjs , can fix this issue .

[MAVRICK-1]

@mohamedawnallah @MAVRICK-1 I have a good experience in plotlyjs , can fix this issue .

Anyways you can go for it , I am currently working on other issues

[mohamedawnallah]

Go for it @RickDeb2004

[RickDeb2004]

@mohamedawnallah @MAVRICK-1 I have a good experience in plotlyjs , can fix this issue .

Anyways you can go for it , I am currently working on other issues

Thank you

[githyuvi]

@mohamedawnallah I see this issue is still not closed yet. Can I work on it as I have found the solution.
Additionally, Reactive Chart and its parent components are getting rendered multiple times making the whole thing very slow.

[RickDeb2004]

@mohamedawnallah I see this issue is still not closed yet. Can I work on it as I have found the solution.
Additionally, Reactive Chart and its parent components are getting rendered multiple times making the whole thing very slow.

I am working on it...and it's almost done...as I am not making a PR now..by EOD I will push my PR .

[githyuvi]

@mohamedawnallah I am not able to add reviewer and link my PR with this issue

[mohamedawnallah]

@githyuvi Thanks anyway for your PR but please don't submit a PR while others have explicitly mentioned that they are currently working on this issue and assigned to it. That said I'm not sure if @RickDeb2004 resolved this issue?

[mohamedawnallah]

Additionally, Reactive Chart and its parent components are getting rendered multiple times making the whole thing very slow.

@githyuvi this sounds a good catch! Since Reactive Chart is a reusable component across multiple pages/routes It would be nice if we create a specific issue for it following the issue template to get more context and understanding about the issue and when it happens and if it is a legimitate issue feel free to work on it :)

[githyuvi]

@mohamedawnallah As this issue has been open for so long. Can you assign this to me now?

[RickDeb2004]

@mohamedawnallah As this issue has been open for so long. Can you assign this to me now?

I am working on this issue ..got some problem while pushing PR
@githyuvi @mohamedawnallah

[mohamedawnallah]

@RickDeb2004 Since husky doesn't give a full trace of the error (as shown in the screenshot) and also in typicode/husky#1014 we could use a temporary something like this thread on StackOverflow:
https://stackoverflow.com/a/70529234

[RickDeb2004]

@dpgiakatos Don't know why not the colors or the countries are not shown in the map

[dpgiakatos]

It takes some time to fetch and load the data. I just tested it now, and the visualization is working fine.