Economy Map Widget
One number, every country, one glance. This free economy map colours the world by inflation, GDP growth, unemployment or interest rates — switch indicators with a click and the whole map recolours. The figures come from official releases, and each country shows the most recent one published. Embed it on any investing, news, or macro-focused site.
Sign up for free, add your website domain, and paste the embed code above into your HTML. Your widget will activate automatically.
Which economic indicators visitors can switch between. Drag to reorder.
Which indicator the map opens on. Must be one of the metrics above.
Let visitors switch between indicators. Turn off to lock the map to the starting metric.
The colour scale under the map.
Allow visitors to zoom the map with the mouse scroll wheel. Off by default so scrolling the page does not get caught on the map — the zoom buttons and pinch always work.
Auto matches your site's language — when visitors switch it, the widget follows. Pick a language to keep it fixed.
Auto matches your site's dark/light mode — when visitors switch your site theme, the widget follows automatically. Choose Light or Dark to keep it fixed.
Remove the widget background color so it blends with your page.
If you have your own loading spinner or skeleton on the page, enter its ID or class here (e.g. #my-loader). The widget will remove it once data is ready.
Add your own CSS code to change fonts, colors, spacing, or any other styling in the widget.
Color for positive values (gains, up arrows).
Color for negative values (losses, down arrows).
Main background color of the widget.
Background color for cards, rows, and hover states.
Primary text color for headings and values.
Color for labels, descriptions, and muted text.
Color for borders, dividers, and outlines.
Four Indicators, One Map
Inflation covers over a hundred countries, GDP growth around eighty, unemployment and interest rates around sixty. Each is the latest official reading, not an estimate — so the map answers "where do things actually stand" rather than "what is expected".
Colours That Mean Something
Green and red follow the indicator, not the number. High GDP growth is green; high inflation and high unemployment are red. Interest rates get a single-colour scale instead, because a high policy rate is neither good nor bad on its own — it just is. The scale itself adapts to each indicator, so a map of inflation and a map of interest rates are both readable rather than one being washed out.
Every Country on Hover
The map answers where at a glance; hover answers how much. Point at any country and a card follows the cursor with its name, the indicator, the reading, and the month it was published — so the numbers are one movement away without a second panel taking up room.
Part of a Full Picture
This widget shows the macro backdrop. Others show what markets did with it: the economic calendar lists releases before they land, the world market summary colours every stock market by today's move, and the market overview charts a watchlist.
Key Features
- Interactive world map — 100+ countries coloured by the chosen indicator.
- Switch indicators — inflation, GDP, unemployment, interest rates.
- Hover for the figure — country, indicator, reading and month.
- Latest official readings — with the month each was published.
- Light and dark — follows the host page theme.
- Responsive — adapts to the width it is given, not the window.
Who Uses an Economy Map?
Macro-focused publishers put it beside commentary so a reader can place a country in context. News sites use it on economics coverage where a single chart cannot show a global picture. Brokers embed it on education pages to show how rate and inflation cycles differ between markets.