weather @sebbbbbh-blog - Tumblr Blog

Here all three attributes are shown together. The result looks visually interesting but unfortunately it is not clear what I’m displaying. The data is very hard to read and understand, and therefore, impossible to use.

This imagine displays the temperature in each county.

#weatherdata temperature gradient

This time I used clouds as attribute. No or light clouds are white or grey. Heavy clouds are dark grey and clouds + rain are blue.

#weatherdata usa counties rain sebastian

#weatherdata #usa #counties #sebastian

The next step was to collect weather data from openweathermap.com. I used a script that applied the coordiantes from the US TopoJson to retrieve weather information. Next I defined a colour range for the temperature. Red colour displays areas that are hotter than 30°C and blue areas are colder than -25°C. The black areas stand for missing data.

#weatherdata #counites #usa #sebastian

I found a geographical dataset of the united states on bl.ocks.org

This dataset includes every state and all 3144 counties and their borders

#dataset #geopraphic #sebast

After preparing a draft for my weather app I started to search for some real data

#technic #datset #sebastian

We get an idea of the temperature differences between north and south. It's unclear what data is being displayed and what is going on. You might get a rough overview but not much more.

#sketch #sebastian

This image displays data in United States (using my previous idea)

#sebastian skecth

Here are four examples of ways to illustrate numerous places.

#sebastian sketch

I decided to use different colours for each parameter. The opacity demonstrates how strong each parameter is. The idea was to find a way to combine several attributes of one place.

#sebastian sektch

The last example still didn't help with clarity, so to arrange it more clearly I added depth. The idea was to use colour to display the average temperature and depth to show rain intensity.

#sebastian sketch

Problem: It's not possible to display serveral attributes on top of each other. In this example I tried to use circles of different sizes and colours.

#sebastian sketch

All three attributes together. The result looks very interesting but unfortunately it is not clear what I'm illustrating. It's impossible to read the map.

#sebastian sketch