Powrót do wszystkich diagramów

Osie czasu

Wizualizuj chronologiczne wydarzenia i kamienie milowe na osi czasu. Świetne do historii projektów i map drogowych.

Czym jest Osie czasu?

Diagramy osi czasu prezentują wydarzenia w porządku chronologicznym na osi czasu, ułatwiając zobaczenie sekwencji i relacji między wydarzeniami. Są niezbędne do planowania projektów, dokumentacji historycznej, map drogowych produktów i każdego scenariusza, w którym zrozumienie relacji czasowych jest istotne. Osie czasu zapewniają klarowną, liniową narrację wydarzeń w czasie.

Edytuj i podglądaj

Zbuduj Osie czasu za pomocą składni Mermaid i natychmiast zobacz zmiany.

Edytor
100%

Example

Timeline example

A Mermaid timeline showing when example code, PNG previews, and alt text are added.

Mermaid timeline example showing example code, PNG preview, alt text, and publishing milestones
Mermaid timeline example showing example code, PNG preview, alt text, and publishing milestones

Mermaid code

timeline
    title Mermaid Editor Release Timeline
    2026-05-01 : Add example code
               : Render PNG preview
    2026-05-03 : Add image alt text
               : Improve SEO content
    2026-05-05 : Publish pages

Typowe zastosowania

Mapy drogowe produktów

Wizualizuj planowane funkcje, wydania i kamienie milowe na osi czasu. Komunikuj priorytety rozwoju interesariuszom i członkom zespołu.

Kamienie milowe projektów

Śledź kluczowe wydarzenia projektowe, rezultaty i terminy. Zapewnij jasny przegląd postępów projektu i nadchodzących kamieni milowych.

Dokumentacja historyczna

Prezentuj historię firmy, ewolucję technologii lub dowolną chronologiczną opowieść. Twórz angażujące wizualne narracje wydarzeń w czasie.

Notatki o wydaniach

Dokumentuj wersje oprogramowania i ich kluczowe funkcje w porządku chronologicznym. Pomagaj użytkownikom zrozumieć ewolucję produktu.

Kluczowe funkcje

Okresy czasu

Definiuj okresy czasu z etykietami, takimi jak daty, kwartały lub niestandardowy tekst, aby organizować wydarzenia chronologicznie.

Wiele wydarzeń na okres

Grupuj wiele wydarzeń w tym samym okresie czasu, aby pokazać równoczesne działania lub powiązane elementy.

Tytuły i sekcje

Dodawaj ogólne tytuły i nagłówki sekcji, aby zapewnić kontekst i organizować oś czasu w logiczne grupy.

Automatyczny układ

Mermaid automatycznie rozmieszcza i układa wydarzenia na osi czasu dla optymalnej czytelności.

Najlepsze praktyki

Używaj spójnych skal czasu

Utrzymuj interwały czasowe spójne w całej osi czasu. Nie mieszaj dni z latami, chyba że jest to wyraźnie zaznaczone.

Wyróżniaj kluczowe wydarzenia

Podkreślaj najważniejsze kamienie milowe. Nie każde wydarzenie wymaga takiej samej wizualnej wagi.

Utrzymuj zwięzłe etykiety

Używaj krótkich, opisowych etykiet dla wydarzeń. Szczegóły mogą być podane w towarzyszącej dokumentacji.

Grupuj powiązane wydarzenia

Używaj sekcji do grupowania powiązanych wydarzeń, co ułatwia zrozumienie tematów i faz.

Odkryj inne typy diagramów

Schematy blokowe

Wizualizuj procesy, przepływy pracy i algorytmy za pomocą węzłów i strzałek kierunkowych. Idealne do procesów biznesowych i drzew decyzyjnych.

Diagramy sekwencji

Dokumentuj interakcje między różnymi aktorami lub systemami w czasie. Idealne do dokumentacji API i projektowania systemów.

Diagramy klas

Modeluj systemy obiektowe z klasami, atrybutami i relacjami. Niezbędne do planowania architektury oprogramowania.

Diagramy stanów

Przedstawiaj przejścia stanów w systemach lub aplikacjach. Świetne do modelowania stanów cyklu życia i przepływów pracy.

Wykresy Gantta

Planuj i śledź harmonogramy projektów z zadaniami i zależnościami. Idealne do zarządzania projektami i planowania.

Diagramy ER

Projektuj schematy baz danych z encjami i relacjami. Idealne do modelowania i dokumentowania baz danych.

Ścieżka użytkownika

Mapuj doświadczenia i interakcje użytkowników w punktach styku. Doskonałe do projektowania UX i mapowania ścieżki klienta.

Grafy Git

Wizualizuj strategie rozgałęziania Git i historie commitów. Pomocne przy wyjaśnianiu przepływów pracy kontroli wersji.

Mapy myśli

Organizuj pomysły, przeprowadzaj burze mózgów i twórz hierarchiczne struktury wizualne. Idealne do planowania i mapowania wiedzy.

Wykresy kołowe

Wyświetlaj proporcjonalne rozkłady danych za pomocą wykresów kołowych. Idealne do prezentowania procentów i udziałów rynkowych.

Tablice Kanban

Organizuj zadania w kolumnach reprezentujących etapy przepływu pracy. Idealne do zwinnego zarządzania projektami i śledzenia zadań.

Wykresy kwadrantowe

Umieszczaj elementy na dwuosiowej siatce w celu porównania i priorytetyzacji. Idealne do priorytetyzacji funkcji i analizy strategicznej.

Diagramy Sankeya

Wizualizuj ilości przepływów między węzłami za pomocą proporcjonalnych strzałek. Idealne do przepływów energii, alokacji budżetu i lejków konwersji.

Wykresy XY

Twórz wykresy słupkowe i liniowe z konfigurowalnymi osiami. Idealne do wizualizacji danych i analizy trendów.

Diagramy blokowe

Buduj strukturalne układy z blokami rozmieszczonymi w kolumnach i wierszach. Świetne do architektury systemów i przeglądów komponentów.

Diagramy architektury

Projektuj architekturę chmury i systemów z ikonami usług i połączeniami. Idealne do dokumentacji infrastruktury.

Diagramy pakietów

Wizualizuj struktury pakietów protokołów sieciowych z układami pól na poziomie bitów. Niezbędne do dokumentacji protokołów sieciowych.