Weather Map. An amCharts 3 showcase, archived.

A web app we built in 2016: live weather from OpenWeatherMap on an interactive map of the world or any country, with charts of each city's forecast. Built with amCharts 3 JavaScript Maps and Charts.

No longer available or maintained

The Weather Map is offline, and we no longer update or support it. This page is kept for the record. Its source code stays on GitHub, as it was.

As it was

The Weather Map of the United States: city temperatures and animated weather icons on the map, and a searchable list of cities — The United States, with the city list open.

The Weather Map of France: temperatures and weather icons on the country's cities — France: each country had a map of its own.

How it worked.

Live data

The app pulled current weather and forecasts from the OpenWeatherMap API.

amCharts 3

JavaScript Maps showed the weather on the map, and JavaScript Charts each city's temperature and wind. The icons were our own animated SVG weather icons.

Open source

The code is on GitHub under the Apache 2.0 license. It was written for amCharts 3 and the OpenWeatherMap API of the time, and needs your own API key.

Weather on a map today.

Demo

Weather Map

Animated weather icons on a map of Europe, built with amCharts 5. Source code included.

Free icons

Animated weather icons

The app's 23 icons as SVG, animated with CSS. Free to use.

amCharts 5

JavaScript Maps

Interactive maps and globes for your own app, with any data on them.