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.
Czym jest Diagramy Sankeya?
Diagramy Sankeya to diagramy przepływu, w których szerokość strzałek jest proporcjonalna do ilości przepływu, którą reprezentują. Doskonale prezentują, jak ilości przepływają, dzielą się i łączą w systemie. Nazwane imieniem irlandzkiego kapitana Matthew Sankeya, te diagramy są nieocenione do wizualizacji transferów energii, przepływów budżetowych, lejków konwersji i każdego procesu, w którym zrozumienie proporcjonalnych przepływów jest ważne.
Edytuj i podglądaj
Zbuduj Diagramy Sankeya za pomocą składni Mermaid i natychmiast zobacz zmiany.
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15Typowe zastosowania
Analiza lejka konwersji
Wizualizuj przepływ użytkowników przez lejki marketingowe lub sprzedażowe. Zobacz, gdzie użytkownicy odpadają i jak ruch konwertuje na każdym etapie.
Wizualizacja przepływów energii
Pokazuj, jak energia jest wytwarzana, przekształcana i zużywana w systemie. Śledź straty i efektywność na każdym etapie.
Przepływy budżetowe i kosztowe
Ilustruj przepływ pieniędzy od źródeł przychodów przez działy do wydatków. Spraw, aby dystrybucje finansowe były intuicyjne.
Mapowanie łańcucha dostaw
Śledź materiały i produkty od dostawców przez produkcję do dystrybucji. Wizualizuj ilości na każdym etapie.
Kluczowe funkcje
Proporcjonalne strzałki
Szerokość strzałek automatycznie skaluje się, aby reprezentować ilości przepływu, czyniąc względne wolumeny natychmiast widocznymi.
Etykiety węzłów
Definiuj węzły źródłowe i docelowe z opisowymi etykietami identyfikującymi każdy etap lub podmiot w przepływie.
Wiele przepływów
Pokazuj przepływy dzielące się z jednego źródła na wiele celów lub wiele źródeł łączących się w jeden cel.
Prosta składnia CSV-podobna
Definiuj przepływy za pomocą intuicyjnych trójek źródło-cel-wartość, które są łatwe do napisania i utrzymania.
Najlepsze praktyki
Przepływ od lewej do prawej
Układaj diagram tak, aby przepływy poruszały się od lewej do prawej, zgodnie z naturalnym kierunkiem czytania i postępem czasowym.
Używaj znaczących nazw węzłów
Oznaczaj węzły wyraźnie, aby czytelnicy natychmiast rozumieli, co każdy etap lub podmiot reprezentuje.
Ogranicz złożoność
Utrzymuj zarządzalną liczbę przepływów i węzłów. Zbyt wiele krzyżujących się strzałek zmniejsza czytelność.
Zapewnij dokładność danych
Sprawdzaj, czy wartości przepływów są dokładne, ponieważ wizualne proporcje bezpośrednio komunikują ilości czytelnikom.
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.
Osie czasu
Wizualizuj chronologiczne wydarzenia i kamienie milowe na osi czasu. Świetne do historii projektów i map drogowych.
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.
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.