Narzędzia
Portfolio Roadmapa Słownik Blog Portal dla BA
← Słownik
Dane i BI

Heatmapa

Heatmapa (heat map) to wizualizacja danych kolorem: im wyższa wartość, tym intensywniejsza barwa.

Heatmapa (heat map) to wizualizacja danych kolorem: im wyższa wartość, tym intensywniejsza barwa. W analityce danych przyjmuje formę macierzy (np. tabela krzyżowa godzin i dni z kolorem natężenia), w UX - nakładki na interfejs pokazującej, gdzie użytkownicy klikają lub jak daleko scrollują.

Analityk używa heatmap, bo ludzkie oko znajduje wzorce w kolorach o rzędy wielkości szybciej niż w tabeli liczb. Wzorce sezonowe, godziny szczytu, martwe strefy interfejsu - na heatmapie widać je w sekundę, w arkuszu kalkulacyjnym można ich szukać godzinę.

W MediFlow heatmapa obłożenia (dni tygodnia × godziny × przychodnie) zbudowana na danych z HIS pokazała rzecz, którą wszyscy „czuli", ale nikt nie udowodnił: wtorki i środy 16:00-18:00 pękają w szwach we wszystkich placówkach, a piątkowe popołudnia świecą pustkami - w jednej przychodni obłożenie spadało do 31%. Z tego spostrzeżenia wyszło wymaganie dla portalu: przy braku terminu w godzinach szczytu system aktywnie podpowiada wolne sloty w sąsiednich porach i placówkach, zamiast pokazywać „brak terminów".

Częsta pomyłka: czytanie heatmapy bez sprawdzenia skali. Kolory są zwykle względne - „najciemniejsza" komórka może oznaczać 30 wizyt albo 3, zależnie od zakresu danych; porównywanie dwóch heatmap o różnych skalach prowadzi do fałszywych wniosków. W UX druga pułapka: mylenie mapy kliknięć z mapą uwagi. To, że nikt nie klika w element, nie znaczy, że go nie czyta - do uwagi służą scroll mapy i badania eye-trackingowe.

Jak to się nazywa po polsku

Angielskie "heat map" ma dwa polskie odpowiedniki i oba chodzą po dokumentach: mapa ciepła oraz mapa cieplna. Obok nich funkcjonuje spolszczona forma z polską odmianą - heatmapy, heatmapie, heatmapami - i to ją usłyszysz najczęściej na spotkaniu zespołu.

Żadna z tych form nie wygrała i nie ma się na co powołać. W naszym własnym haśle o Power BI stoi "mapa cieplna obłożenia gabinetów", a w rozmowie o tym samym ekranie padnie po prostu "heatmapa".

Konsekwencja jest jedna, za to dotkliwa, jeśli o niej zapomnisz: w jednym dokumencie trzymaj się jednej formy. Gdy w rozdziale o raportach stoi "mapa ciepła", a trzy strony dalej "heatmapa obłożenia", ktoś na przeglądzie zapyta, czy to dwa osobne widoki. I będzie miał rację, że pyta, bo z samego tekstu tego nie widać.

Trzy różne rzeczy pod jedną nazwą

Definicja u góry tej strony wymienia dwa zastosowania: macierz w analityce danych i nakładkę na interfejs w UX. W praktyce spotkasz jeszcze trzecie, a różnice między nimi sięgają głębiej, niż sugeruje wspólna nazwa.

Macierz. Dwa wymiary na osiach, wartość w przecięciu, kolor zamiast liczby. Dni tygodnia razy godziny, produkty razy regiony, kanały razy miesiące. Jednostką jest komórka tabeli, a dane pochodzą z zapytania do bazy albo z modelu w narzędziu BI. Szczególny przypadek tej rodziny to macierz korelacji, gdzie na obu osiach stoi ta sama lista zmiennych.

Nakładka na interfejs. Kolor kładzie się na zrzut ekranu i pokazuje, gdzie skupiła się aktywność użytkowników. Jednostką jest piksel albo obszar strony, a dane zbiera skrypt w przeglądarce. To jedyna z trzech rodzin, która wymaga osobnego narzędzia i osobnej zgody na zbieranie danych.

Mapa geograficzna. Kolor położony na terenie, a jednostką jest obszar albo punkt. Ta rodzina rozpada się jeszcze na dwoje: kartogram (po angielsku choropleth) nadaje odcień całym obszarom administracyjnym - województwom, powiatom, kodom pocztowym - a mapa gęstości maluje rozmytą plamę liczoną z pojedynczych punktów, bez żadnych granic. Dlatego przy zdaniu „chcemy heatmapę sprzedaży w Polsce" trzeba dopytać, czy chodzi o mapę z granicami, o mapę z plamami, czy w ogóle o zwykłą tabelę regionów. Każda z tych trzech odpowiedzi to inne dane wejściowe: kartogram potrzebuje słownika obszarów, mapa gęstości współrzędnych, tabela żadnego z tych dwóch.

Wspólny mianownik jest jeden: kolor koduje wielkość. Różni je to, co jest jednostką, i skąd biorą się dane.

Przy okazji rzecz, którą łatwo pomylić: treemapa to nie heatmapa, mimo podobnego wrażenia z daleka. Różnica jest rozłożona niżej, w pytaniach na końcu tej strony.

Macierz ryzyka to heatmapa, tylko rzadko nazywana po imieniu

Najczęstsze spotkanie analityka z heatmapą nie odbywa się w narzędziu BI, tylko na slajdzie dla sponsora. Siatka prawdopodobieństwa i wpływu, komórki od zielonej przez żółtą do czerwonej, kropki z numerami ryzyk w środku. To jest heatmapa w czystej postaci, tylko prawie nikt jej tak nie nazywa. Jak zbudować dane, które pod nią stoją, rozłożone jest we wpisie Analiza ryzyka projektu: rejestr ryzyk krok po kroku; samo pojęcie ma osobne hasło - rejestr ryzyk.

Jest tu jednak haczyk, którego nie ma w heatmapie zbudowanej na danych z bazy, i wart jest zapamiętania, bo pojawia się przy każdym takim slajdzie.

Kolor koduje tu iloczyn dwóch ocen, a nie zmierzoną wartość. Prawdopodobieństwo i wpływ dostają noty z krótkiej skali, zwykle od jednego do pięciu, i to noty nadane przez ludzi na warsztacie. Mnożenie takich not wygląda jak arytmetyka, a jest umową.

Wychodzi z tego pułapka: dwie komórki o tym samym iloczynie dostają ten sam kolor, choć opisują coś zupełnie innego. Prawdopodobieństwo 2 przy wpływie 5 to rzadka rzecz o ciężkich skutkach. Prawdopodobieństwo 5 przy wpływie 2 to uciążliwość, która zdarzy się prawie na pewno. Wynik obu wynosi 10, obie wpadają w ten sam przedział progowy (we wpisie o rejestrze ryzyk to widełki 8-12, czyli "zaplanuj odpowiedź"), obie mają ten sam odcień - a odpowiedź na nie jest inna. Pierwszą zabezpiecza się planem awaryjnym, drugą wlicza w koszt pracy albo usuwa jej przyczynę.

Dlatego na macierzy ryzyka patrzy się na położenie kropki, nie na sam odcień komórki. Kolor służy do tego, żeby wzrok sponsora poszedł w prawy górny róg. Decyzja zapada po przeczytaniu, co konkretnie tam leży.

Skala kolorów jest decyzją merytoryczną, nie estetyczną

O tym, że kolory bywają względne i że nie wolno zestawiać dwóch heatmap o różnych zakresach, mówi już pułapka opisana wyżej na tej stronie. Osobno trzeba wiedzieć, że sama skala występuje w kilku odmianach, a wybór między nimi zmienia to, co czytelnik zobaczy. Dwie z nich są robocze, trzecia to spadek po starszych narzędziach.

Skala sekwencyjna ma jeden kierunek: im więcej, tym mocniej. Jasny odcień na dole, ciemny na górze. Pasuje wszędzie tam, gdzie wartości idą od zera w górę i gdzie żadna wartość pośrodku nie jest wyróżniona: liczba wizyt, liczba kliknięć, obrót.

Skala rozbieżna ma dwa kierunki i neutralny środek. Sięgasz po nią, gdy w danych istnieje punkt odniesienia, wobec którego mierzysz odchylenie: plan, cel, wynik z poprzedniego okresu, zero. Wtedy kolor niesie dodatkową informację - nie tylko "ile", ale i "w którą stronę".

To rozróżnienie ma bezpośrednie przełożenie na robotę analityka. Kiedy porównujesz stan faktyczny z celem, patrzysz na trzy liczby: punkt wyjścia, cel i wartość dzisiejszą. Sama luka do celu nie mówi nic, dopóki nie wiesz, skąd zaczynaliście. Heatmapa na skali sekwencyjnej pokaże w takim zestawieniu wyłącznie natężenie i zgubi kierunek, więc do analizy rozbieżności nadaje się słabo. Rozbieżna pokaże jedno i drugie.

Trzeci wariant, tęczowy, spotkasz w starszych raportach i w domyślnych ustawieniach części narzędzi. Ma wadę wbudowaną w mechanizm: równe skoki wartości nie dają w tęczy równych skoków w odbiorze, bo oko inaczej reaguje na przejście z niebieskiego w zielony niż z zielonego w żółty. Efekt jest taki, że czytelnik widzi granicę tam, gdzie w danych żadnej granicy nie ma. Jeśli masz wybór, nie zaczynaj od niego.

Kolor jako jedyny nośnik informacji

To jest ten fragment, który najczęściej wypada z wymagań, a potem wraca jako uwaga z testów.

WCAG, kryterium 1.4.1 „Użycie koloru" na poziomie A, mówi wprost: kolor nie może być jedynym wizualnym sposobem przekazania informacji. Heatmapa jest podręcznikowym przypadkiem naruszenia tej zasady, bo cała treść siedzi w odcieniu. Boli to najmocniej tam, gdzie skala rozróżnia barwy, a nie jasności - klasyczna paleta od zieleni przez żółć do czerwieni trafia dokładnie w najczęstsze zaburzenie rozpoznawania barw i zostawia czytelnikowi trzy prostokąty w bardzo podobnym tonie.

Wyjście nie jest skomplikowane i sprowadza się do dołożenia drugiego nośnika: wartość liczbowa wpisana w komórkę obok koloru, deseń jako druga oś kodowania, tabela z liczbami dostępna pod wykresem. Sam wybór skali też pomaga - paleta zbudowana na jasności jednego koloru czyta się i w druku czarno-białym, i przy zaburzeniu widzenia barw, bo różnicę niesie tam jasność, a nie odcień.

Warto to zapisać jako wymaganie niefunkcjonalne, a nie jako uwagę na marginesie makiety - bo uwaga z marginesu nie trafia do testów. Nasz materiał szkoleniowy o pisaniu wymagań pokazuje dokładnie ten ruch na innym przykładzie: zdanie "interfejs intuicyjny dla seniorów" zostaje przepisane na "ekran rezerwacji spełnia WCAG 2.1 AA: kontrast min. 4,5:1, czcionka co najmniej 16 pikseli, pełna obsługa klawiaturą". Ta sama recepta działa dla heatmapy - liczba, warunek i sposób sprawdzenia zamiast przymiotnika. Jak takie wymagania zapisywać w komplecie, opisuje wpis Wymagania niefunkcjonalne (NFR).

Ile komórek wytrzyma heatmapa

Ta wizualizacja ma jasno wyznaczoną górną granicę, o którą łatwo się potknąć przy pierwszym podejściu.

Siedem dni razy dwadzieścia cztery godziny to 168 komórek. Czyta się to bez wysiłku, wzorce dobowe i tygodniowe wyskakują same. Dwanaście placówek razy trzysta sześćdziesiąt pięć dni to już ponad cztery tysiące komórek, z których każda ma na ekranie kilka pikseli. Powstaje kolorowy szum, w którym oko nie znajdzie nic poza ogólnym wrażeniem.

Lekarstwem jest świadoma decyzja, co składamy do jednej komórki: dni do tygodni, godziny do bloków porannych i popołudniowych, placówki do regionów. Sama agregacja to prosta operacja, robota siedzi w wyborze ziarna - od niego zależy, jakie pytanie w ogóle da się z takiego obrazka zadać.

Druga rzecz z tej samej kategorii jest cichsza i groźniejsza: komórka pusta musi wyglądać inaczej niż komórka z zerem. Jeśli obie dostaną najjaśniejszy odcień skali, to przychodnia zamknięta w sobotę wygląda identycznie jak przychodnia otwarta, do której nikt nie przyszedł. Pierwsze jest informacją o grafiku, drugie o popycie, a wniosek z pomylenia obu potrafi wywrócić rekomendację. Brak danych zaznacza się osobnym kolorem - zwykle szarym - albo znakiem, i pisze się o tym w legendzie. Ten sam problem wraca zresztą przy każdym raporcie zbudowanym na niepełnych danych i ma w słowniku swoje hasło: data quality.

Czego z heatmapy nie wyczytasz

Kilka rzeczy w tym obrazku po prostu nie siedzi, choć bywa, że ktoś je z niego wyciąga.

Przyczyny. Ciemna komórka mówi "tu jest dużo", nie "dlatego jest dużo". Nagromadzenie w jednym bloku godzinowym może brać się z zachowania klientów, z grafiku, który tylko wtedy dopuszcza wizyty, albo z awarii dzień wcześniej, po której wszystko się przesunęło. Heatmapa pokazuje, gdzie warto zadać pytanie. Odpowiedź trzeba zdobyć osobno, i to zwykle rozmową, nie kolejnym zapytaniem do bazy.

Liczebności. Jeśli w komórce siedzi średnia albo odsetek, jedna obserwacja może dać najmocniejszy kolor na całej planszy. Komórka z wynikiem "100 procent" liczonym z dwóch przypadków wygląda tak samo jak ta licząca z dwóch tysięcy. Kto nie ma pod ręką liczebności, ten patrzy na przypadek i bierze go za wzorzec.

Tego, co poza kadrem. W heatmapie interfejsu widać wyłącznie te obszary, do których użytkownicy w ogóle dotarli. Sekcja poniżej zasięgu przewijania będzie zimna niezależnie od tego, jak jest dobra.

Istotności. Różnica odcieni bywa wynikiem przypadku, zwłaszcza przy małych liczbach. Heatmapa nie odróżnia sygnału od szumu i nie ma takiego zadania.

Kiedy interesariusz mówi "chcemy heatmapę"

Ta prośba przychodzi na warsztacie i wygląda niewinnie, bo jest konkretna. Właśnie dlatego trzeba się przy niej zatrzymać: to jest opis rozwiązania, a nie potrzeby.

W naszym materiale szkoleniowym o pozyskiwaniu wymagań ten sam mechanizm pokazany jest na zdaniu "chcemy panel, w którym rejestratorka widzi obłożenie wszystkich lekarzy". Brzmi jak wymaganie, a jest gotową odpowiedzią na pytanie, którego nikt jeszcze nie zadał. Najpierw schodzisz do potrzeby: po co jej ten widok, jaki problem ma dziś bez niego. Dopiero potem oceniasz, czy panel - albo heatmapa - jest właściwą odpowiedzią. Techniki, którymi się tam schodzi, zebrane są we wpisie 10 technik elicytacji wymagań.

Zestaw pytań o odbiorcę i o decyzję jest wspólny dla każdego ekranu z danymi i rozłożony w haśle dashboard. Do heatmapy dokładasz jeszcze takie, których przy zwykłym wykresie nikt nie zadaje:

  1. Co ma siedzieć w komórce i z czego się liczy? Suma, średnia, odsetek, mediana - to są cztery różne raporty pod tą samą nazwą, a kolor każdego z nich wygląda identycznie.
  2. Jakie dwa wymiary stoją na osiach i w jakim ziarnie? Odpowiedź „dni i godziny" znaczy co innego niż „tygodnie i bloki poranno-popołudniowe", choć obie brzmią tak samo ogólnie.
  3. Kto ustala zakres skali i co się z nim dzieje po założeniu filtra? To jest pytanie wyłącznie heatmapowe. Jeśli skala przelicza się od nowa przy każdym zawężeniu, kolory dwóch widoków tego samego ekranu znaczą co innego, a użytkownik nie ma jak tego zauważyć. Jeśli skala jest stała, po zawężeniu do jednej placówki cała plansza potrafi zblednąć do jednego odcienia.

Odpowiedzi zamieniasz na kryteria akceptacji: źródło danych, definicja miary, zakres czasu, sposób oznaczenia braku danych, częstotliwość odświeżania. Bez nich odbiór sprowadzi się do zdania "no, ładne", które kryterium nie jest.

Gdzie ten termin spotkasz w ogłoszeniach

W ofertach pracy dla analityków, które zbieramy na naszym job boardzie, to słowo nie pada ani razu. Na 320 aktywnych ogłoszeń (odczyt 21.08.2026) zero trafień na "heatmap", zero na "mapę ciepła" i zero na "mapę cieplną".

Zastrzeżenie do metody, bez którego ta liczba znaczyłaby więcej, niż powinna: z każdego ogłoszenia trzymamy zajawkę i listę wykrytych technologii, nie pełny opis stanowiska. Średnia długość zajawki to 187 znaków, więc mieści się w niej ułamek wymagań. To jest wskazówka, nie pomiar.

Ciekawiej robi się przy liście wykrytych kompetencji, tylko trzeba pilnować mianownika: jakąkolwiek kompetencję ma zapisaną 146 z tych 320 ofert, więc poniższe liczby idą z połowy zbioru, nie z całego. W tej połowie na czele stoją BPMN (45 ogłoszeń), UML (41), Jira (35), SQL (30) i Confluence (27). Dalej w tej samej liście, na dziewiątym miejscu, wypada Excel z dziesięcioma trafieniami. Power BI pada raz.

Trzy pierwsze pozycje mówią, gdzie w tej robocie jest ciężar: notacje do modelowania i miejsce, w którym trzyma się dokumentację. Narzędzie do rysowania kolorowych plansz nie mieści się w tej stawce, a rachunek szerszy zrobiliśmy we wpisie Narzędzia analityka biznesowego i wyszło to samo: w pierwszej dziesiątce kompetencji z ogłoszeń dla BA nie ma ani Power BI, ani Tableau.

Ostrożny wniosek brzmi tak: heatmapa nie jest hasłem, po którym się rekrutuje. Jest umiejętnością czytania, a ta w ogłoszeniu wygląda inaczej - jako oczekiwanie, że kandydat pokaże dane w formie, na którą da się popatrzeć i coś postanowić. Co dziś realnie stoi w tych ofertach, widać w agregacie na Barometrze rynku pracy BA.

Pytania, które wracają najczęściej

Czy heatmapa to wykres? Tak, choć bez osi wartości. Wartość siedzi w kolorze, a rolę osi przejmuje legenda. Stąd bierze się większość nieporozumień wokół tej wizualizacji: wykres słupkowy da się odczytać bez legendy, heatmapy nie da się wcale. Plansza bez opisanej skali jest obrazkiem, nie danymi.

Czy potrzebne jest osobne narzędzie? Do heatmapy zbudowanej na danych nie. W arkuszu kalkulacyjnym robi to formatowanie warunkowe ze skalą kolorów, w narzędziach BI - formatowanie tła komórek w widoku tabeli albo macierzy. Osobne narzędzia w rodzaju Hotjara czy Microsoft Clarity dotyczą wyłącznie heatmap interfejsu, bo tam trzeba najpierw zebrać zdarzenia z przeglądarki użytkownika, a to jest inna robota i inna zgoda na przetwarzanie danych. Szerszy przegląd tego, co analityk ma dziś w skrzynce z narzędziami, jest we wpisie Narzędzia analityka biznesowego.

Czym heatmapa różni się od treemapy? Nośnikiem wielkości. W heatmapie wielkość niesie kolor, a układ komórek jest stały i wynika z osi. W treemapie wielkość niesie powierzchnia prostokąta, układ zmienia się razem z danymi, a kolor zwykle oznacza kategorię. Praktyczna różnica: heatmapa pokazuje wzorzec w dwóch wymiarach, treemapa pokazuje udziały w całości.

Gdzie iść dalej

Dobór wizualizacji do pytania biznesowego wraca w naszym próbnym egzaminie IIBA-CBDA - 30 pytań, bez zakładania konta. Analiza i ocena rozwiązań to też osobny moduł kursu Wprowadzenie do analizy biznesowej, dziewiąty z dwunastu. Darmowe konto otwiera pierwszą lekcję każdego kursu i trzy podejścia do testów miesięcznie, więc tego akurat modułu w darmowej próbce nie zobaczysz.

Cytat o przepisaniu wymagania dla seniorów i przykład "panelu z obłożeniem" pochodzą z naszych materiałów szkoleniowych o pisaniu i pozyskiwaniu wymagań. MediFlow to nasz przewijający się przez materiały case szkoleniowy - fikcyjna sieć przychodni, a liczby w nim są ilustracyjne. Kryterium 1.4.1 "Użycie koloru" sprawdzone w wytycznych WCAG 2.1, poziom A. Liczby z job boardu policzone 21 sierpnia 2026 na trzystu dwudziestu aktywnych ofertach.

Rozwijaj się z Analify

Nowe pojęcia, artykuły i materiały - prosto na email. Bez spamu.

Dołącz do społeczności analityków biznesowych - szkolenia wideo, prelekcje na żywo i wsparcie ekspertów

Sprawdź Analify