Mobile app version of vmapp.org
Login or Join
Gonzalez368

: Best way to design map markers based on their 'heat' parameter I'm creating a google map, with some custom markers on it. Each marker has a "heat" parameter, and I would like to design those

@Gonzalez368

Posted in: #Color #DataVisualisation #InformationDesign #InformationGraphics #Maps

I'm creating a google map, with some custom markers on it.
Each marker has a "heat" parameter, and I would like to design those markers depending on this parameter. But I can't figure the best way to do it.

Let's say if I have a marker with a score of 100, and another one of 30, I would like to show that the one with a score of 100 is hotter of course, but I don't know what is the best way. Coloring them with shades or red? And turning this red to yellow the less hot the marker is? Is this a good way?

I'm coding with javascript, but I'm bad at designing and coloring things. So I'm kind of open-minded about colors and animations, but I don't actually know how to use them. Also, I would like to show which marker is the hottest one. I thought about bordering this one, or maybe making him pulse with an animation. I don't see as many examples over the web showing a lot of markers "ranked" with some color, or whatever else. I also thought about the size of the marker, but I ask you what is the best way.

I don't ask you to do the job for me, like the coding or whatever else, just to give me an idea of how a designer would solve this "heat" problem.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Gonzalez368

2 Comments

Sorted by latest first Latest Oldest Best

 

@Moriarity648

ColorBrewer is a tool for designing colour schemes for maps, considering things like the kind of data, how many classes it divides into, and whether it needs to be safe for print or colourblind users.

10% popularity Vote Up Vote Down


 

@Heady304

Personally I think more information about what exactly you are indicating with the markers is needed to give a complete answer, but maybe this can help you get started.

Assuming you are talking about 'hotness' in temperature, the most common way I have come across to specify temperature is with the colours green, yellow and red. Green being the coldest, red the hottest.

Blue and red are also common to indicate if something is hot or cold, but these colours blend into purple when working with gradients, which can be confusing.

As far as size goes, I would try to not play with the size of the markers. Often there are two sizes for markers, smaller for less important information and larger for important information. (ie; big cities get big markers, neighbourhoods get small markers).

I think Zach's comment is good as well, do some research on design websites to see what other people are choosing and find out what matches your specific project.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme