$$\rightleftharpoonup{xx}$$
$$\longleftharp{xx}$$,
$$\longrightharp{xx}$$,
Główne narzędzie do generowania ścieżek serwera WWW opisane w tym manuskrypcie jest pokazane na Rysunku 1 i Rysunku 2. Wyświetlane są również opcje menu dostępne na każdej karcie. Na rysunkach 3 i 4 przedstawiono zestaw zrzutów ekranu przedstawiających proces tworzenia ścieżki. Rysunek 5 przedstawia zestaw zrzutów ekranu przedstawiających proces tworzenia reakcji. Rysunek 6 przedstawia przeglądarkę ścieżek online i jej menu.
PathWhiz może być używany do generowania ścieżek z różnymi typami i stylami treści. Należą do nich "tradycyjne" szlaki metaboliczne (ryc. 7), szlaki chorób i leków wykazujące skutki uboczne (ryc. 8) oraz odpowiedzi na leki (ryc. 9), a także szlaki sygnalizacji białkowej (ryc. 10). Ścieżki mogą być bogato pokolorowane ze znacznymi szczegółami biologicznymi lub mogą być przekształcone w proste czarno-białe reprezentacje (ryc. 11). Po zakończeniu tych ścieżek można wyświetlić w interaktywnej przeglądarce ścieżek (rysunek 6), pobrać jako obrazy lub wyeksportować w kilku różnych formatach wymiany danych do odczytu maszynowego w celu dalszej analizy. Należy pamiętać, że jakość różnych formatów wymiany danych zależy od jakości danych wprowadzonych podczas pierwotnego rysowania ścieżki. Na przykład dodanie większej ilości szczegółów reakcji (tj. stechiometrii, stanów biologicznych) pozwoli uzyskać bardziej kompleksowy BioPAX. Z drugiej strony, ścieżki narysowane z nakładającymi się elementami (ze względów wizualnych, takich jak pokazywanie związanych elementów lub kompleksów białkowych) mogą również tworzyć nakładające się glify w SBGN-ML.

Rysunek 1: Interfejs edytora ścieżek. Interfejs edytora składa się z 3 głównych sekcji: górnego paska menu głównego, menu pomocniczego i płótna z siatką. Górny pasek menu głównego (fioletowy) zawiera łącza do wyświetlania, edytowania i tworzenia elementów ścieżki. Dolny pomocniczy pasek menu (szary) zawiera łącza do dodawania i edytowania elementów ścieżki wizualnej na bieżącym diagramie szlaku, takich jak reakcje, interakcje, procesy transportowe, podszlaki, związki, białka, kwasy nukleinowe, a także błony, obrazy komórkowe/subkomórkowe, pola powiększenia i etykiety. To menu zawiera również dwie zakładki, które umożliwiają edycję wybranych elementów lub edycję płótna. Białe płótno z siatką pod paskami menu to miejsce, w którym zostaną dodane ścieżki reakcji i procesy. Pole powiększenia działa jako wizualna wskazówka wskazująca powiększenie wybranego obszaru na obrazie. Składa się z małego kwadratu, który jest połączony z czworokątem o zmiennym rozmiarze. Mały kwadrat umieszcza się na obszarze, który ma zostać powiększony lub powiększony, natomiast czworokąt pełni rolę płótna, w którym można dodać reakcje, które zachodzą w wybranym obszarze (o mniejszy kwadrat). Edytuj pole powiększenia, klikając je dwukrotnie, aby uzyskać dostęp do jego paska bocznego. Opcje edycji obejmują listy rozwijane dla szablonu, koloru i indeksu z. Orientację renderowania pola powiększenia można zmienić, wybierając górę, prawo, lewo lub dół na karcie szablonu. Po wybraniu pola powiększenia można przeciągnąć czarne okręgi, aby zmienić rozmiar i ponownie sformatować różne składniki pola powiększenia. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rysunek 2: Menu edytora ścieżek. Menu edytora udostępniają opcje dodawania procesów i elementów, a także edycji istniejących elementów i płótna. (a) Link "Ścieżka" oferuje opcje "Edytuj szczegóły" oraz "Eksportuj i wyświetl". Opcja "Edytuj szczegóły" umożliwia edycję opisu ścieżki i odniesień, podczas gdy opcja "Eksportuj i wyświetl" umożliwia generowanie lub regenerację plików graficznych. (b) Link "Dodaj proces" oferuje opcje dodawania do płótna reakcji, interakcji, zdarzenia wiązania, zdarzenia transportowego, transportu sprzężonego z reakcją lub ścieżki podrzędnej. (c) Link "Dodaj element próżniowy" oferuje opcje dodawania związku, białka, kwasu nukleinowego, kolekcji pierwiastków lub krawędzi do płótna. Te elementy pojawią się w lewym górnym rogu płótna. Dowolny element pojawi się na płótnie obok wyskakującego paska bocznego, w którym użytkownik może wyszukać żądany element lub zmienić szczegóły tego elementu. Element powinien zostać włączony do ścieżki przed dodaniem jakichkolwiek nowych elementów próżniowych, aby utrzymać porządek w ścieżce. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rysunek 3: Formularz indeksu ścieżki. Indeks ścieżek zawiera kolekcję aktualnie istniejących ścieżek oraz pole wyszukiwania do wykonywania zapytań dotyczących określonych ścieżek. Ścieżki można filtrować według nazwy, typu, gatunku i twórcy za pomocą paska filtrów w górnej części tabeli indeksu. Można je również wyszukiwać według nazwy za pomocą paska wyszukiwania u góry strony. Otwarcie "Wyszukiwania zaawansowanego" umożliwia bardziej szczegółowe wyszukiwanie według kombinacji stanu biologicznego, typu, gatunku, związku i białka. Wyszukiwanie zaawansowane umożliwia tworzenie złożonych zapytań za pomocą operatorów logicznych AND, OR i NOT. Każda ścieżka zawiera 5 przycisków: "Pokaż", "Edytuj", "Rysuj", "Zniszcz" i "Replikuj". Przycisk "Pokaż" umożliwia przeglądanie ścieżki za pomocą Przeglądarki. Przycisk "Edytuj" umożliwia edycję metadanych ścieżki, w tym nazwy, typu, gatunku, opisu i odniesienia. Przycisk "Rysuj" umożliwia edycję płótna zawierającego ścieżkę. Przycisk "Zniszcz" umożliwia usunięcie ścieżki z bazy danych (jeśli użytkownik ma do tego uprawnienie). Przycisk "Replikuj" umożliwia replikację wybranej ścieżki. Przyciski "Poprzedni" i "Następny" umożliwiają użytkownikowi nawigację między stronami ścieżek. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rysunek 4: Utwórz nowy formularz ścieżki. Przycisk "Nowa ścieżka" (patrz rysunek 3) prowadzi do pokazanej tutaj formy ścieżki. Ten formularz zawiera pola dla nazwy, typu, gatunku i opisu ścieżki. Przycisk "Nowa ścieżka" pozwala również na rozpoczęcie od istniejącej ścieżki i dodanie odniesień. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rysunek 5: Utwórz nowy formularz reakcji. Link "Dodaj proces" umożliwia użytkownikom dodanie nowego procesu, takiego jak reakcja lub zdarzenie wiążące. Dodanie procesu tworzy model reakcji, na podstawie którego można generować wizualizacje reakcji i dodawać je do diagramów ścieżek. Model reakcji i wizualizacja są odrębnymi bytami. (a) Pole reakcji umożliwia wyszukiwanie istniejącej reakcji za pomocą reagenta, produktu lub enzymu. Pole stanu biologicznego umożliwia wyszukiwanie i wybieranie istniejącego stanu biologicznego. Po wybraniu reakcji odpowiednie enzymy można dodać za pomocą przycisku "Dodaj enzym", który wyświetli pole autouzupełniania enzymów. Opcje renderowania pozwalają użytkownikowi wybrać kierunek, w którym ma być renderowana reakcja. Nową reakcję można utworzyć za pomocą przycisku (b) "Nowa reakcja", który prowadzi do formularza nowej reakcji, w którym można dodać pierwiastki i enzymy. Po wypełnieniu wszystkich pól można utworzyć reakcję za pomocą przycisku "Utwórz reakcję". Aby edytować podstawowy model reakcji, należy wyjść z ilustratora ścieżki, przejść do indeksu reakcji, a następnie znaleźć i edytować tam reakcję. Aby zapobiec rozbieżnościom danych i niezamierzonej zmianie istniejących ścieżek, nie jest możliwa zmiana reagentów/produktów ani usunięcie enzymów z modelu reakcji, jeśli ma on już wizualizacje w istniejących ścieżkach. W związku z tym edycja modelu reakcji nie powoduje automatycznej aktualizacji istniejących wizualizacji reakcji. Aby zmienić model reakcji, należy ponownie dodać odpowiednią wizualizację do diagramu ścieżki, aby zmiany się pojawiły. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rysunek 6: Przeglądarka ścieżek. Przyciski interfejsu przeglądarki w prawym górnym rogu zapewniają podstawową nawigację, powiększanie i przełączanie ekranu. W centralnej rzutni wyświetlana jest ścieżka, po której można nawigować, klikając i przeciągając lub powiększając za pomocą myszy. Wyświetlane elementy ścieżek są połączone z innymi ścieżkami i bazami danych (np. HMDB, DrugBank, UniProt). Na bocznym pasku menu wyświetlany jest opis ścieżki z odwołaniami dostarczonymi przez użytkownika. W menu bocznym wyświetlane są również zakładki "Podświetlenie", "Analiza", "Pobrane" i "Ustawienia". Zakładka "Podświetlenie" umożliwia wybór związków i enzymów oraz podświetlenie ich na czerwono. Zakładka "Analizuj" umożliwia wprowadzenie eksperymentalnych danych o stężeniu, które są następnie odwzorowywane na ścieżce za pomocą gradientu kolorów. Zakładka "Do pobrania" zawiera linki do odpowiednich plików graficznych do pobrania i plików wymiany danych. Plik PNG jest mniejszym plikiem obrazu niewektorowego. Łącza SVG + BioPAX zapewniają większe pliki obrazów wektorowych z osadzonym BioPAX, co zapewnia czytelność maszynową. Łącza BioPAX, SBML, SBGN i PWML udostępniają różne formaty nadające się do odczytu maszynowego. Zakładka "Ustawienia" pozwala na wizualną personalizację wyświetlanego obrazu ścieżki. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rycina 7: Obraz szlaku metabolicznego. Jest to przykład "tradycyjnego" szlaku metabolicznego, który opisuje biosyntezę i degradację określonego związku (D-seryny). Główny metabolit jest umieszczony w środku płótna, a strzałki (krawędzie) reakcji i transportu pokazują przepływ szlaku. Krawędzie i elementy mogą być automatycznie "przyciągane" do siebie, czyli łączone. Punkty przyciągania elementów są oznaczone przezroczystymi czerwonymi okręgami po bokach elementu, a punkty początkowe/końcowe krawędzi są reprezentowane przez przezroczyste szare okręgi na końcach krawędzi. Punkty przyciągania zmieniają kolor na przezroczysty zielony po najechaniu na niego kursorem i na jednolity zielony kolor po zaznaczeniu. Aby przyciągnąć krawędź do elementu, najpierw kliknij początek/koniec krawędzi lub punkt przyciągania elementu (zmieni kolor na zielony). Następnie kliknij początek/koniec krawędzi lub punkt przyciągania elementu, który ma zostać połączony. Krawędź automatycznie połączy się z punktem przyciągania i pozostanie połączona, dopóki nie zostanie usunięta (poprzez dwukrotne kliknięcie krawędzi i przeciągnięcie punktu końcowego lub połączenie go z innym punktem przyciągania). Ważne jest, aby pamiętać o przypadkowym wybraniu punktów przyciągania, ponieważ może to mieć niezamierzone konsekwencje podczas próby przesuwania krawędzi. Jednolity zielony kolor wybranych punktów przyciągania ma na celu ostrzeganie użytkownika o aktualnie wybranych punktach przyciągania. Punkty przyciągania można odznaczyć, klikając je po raz drugi. Krawędzie można również ponownie połączyć z ich oryginalnymi elementami. Po wybraniu krawędzi należy kliknąć łącze menu "Edytuj wybrane", a następnie łącze "Edytuj krawędź". Spowoduje to wyświetlenie opcji automatycznego łączenia krawędzi w różnych kierunkach. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rycina 8: Obraz szlaku choroby. Jest to przykład szlaku chorobowego, który pokazuje narządy dotknięte chorobą (szlak onkometabolitów sarkozyny). Dodatkowe elementy obrazu służą do zobrazowania wzrostu lub spadku stężeń metabolitów oraz ich akumulacji lub rozpraszania. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rycina 9: Obraz szlaku lekowego. Jest to przykład szlaku lekowego, który pokazuje narządy, w których lek jest metabolizowany (szlak ibuprofenu). Kolor otaczający metabolit leku jest zwykle przedstawiany jako różowy. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rycina 10: Obraz szlaku sygnalizacji białkowej. Jest to przykład szlaku sygnałowego, który pokazuje zbiór reakcji sygnałowych między różnymi białkami (szlak EGFR). Białka mogą być przedstawiane w wielu kolorach i mogą być reprezentowane przez nazwę białka lub nazwę podjednostki. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rysunek 11: Kolorowe i proste obrazy ścieżek. Kolorowe ścieżki mogą być generowane z bogatym kontekstem biologicznym na białym lub niebieskim tle (a). Metabolizm kwasu foliowego jest przedstawiony tutaj. Proste, podobne do KEGG ścieżki mogą być również generowane za pomocą prostej czarno-białej reprezentacji (b). Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.

Rysunek 12: Nieoptymalny obraz ścieżki. Obraz przedstawiający, jak wygląda nieoptymalna ścieżka (cykl TCA). Nakładające się na siebie elementy i przecinające się krawędzie sprawiają, że ścieżka jest niezrozumiała. Może się to zdarzyć, jeśli elementy reakcji nie są ostrożnie lub prawidłowo manipulowane na płótnie. Manipulowanie elementami w taki sposób, aby miały więcej niż dwa różne typy szablonów dla związków (Duży, Średni, Mały Związek Wizualizacja lub Wizualizacja Leku, Wizualizacja Kofaktora, Prosta Wizualizacja Na Dole, Z Lewej Prawej lub Z Góry) prowadzi do kilku niespójności obrazu. Typy szablonów są pokazane w kroku 1.15.2. Brak łączenia krawędzi wpływa na płynność obrazu, co prowadzi do złej interpretacji ścieżki. Kliknij tutaj, aby zobaczyć większą wersję tego rysunku.
| Świst ścieżki | OBLĘŻONY | PathVisio | Narzędzia ścieżek | VisANT |
| Serwer WWW | tak | Nie | Nie | Nie | Nie |
| Program do zainstalowania | Nie | tak | tak | tak | tak |
| Szlaki białkowe | tak | tak | tak | Nie | tak |
| Szlaki metaboliczne | tak | tak | tak | tak | tak |
| Zapisz jako PNG/JPG | tak | tak | tak | Nie | Nie |
| Zapisz jako HTML | tak | Nie | Nie | tak | Nie |
| Zapisz jako SVG | tak | tak | tak | Nie | tak |
| Zapisz jako PDF | tak | tak | tak | tak | tak |
| Zapisz jako BioPAX | tak | tak | tak | tak | tak |
| Zapisz jako SBML | tak | tak | tak | tak | tak |
| Zapisz jako SBGN-ML | tak | tak | tak | Nie | Nie |
| Mapowanie identyfikatorów | tak | tak | tak | tak | tak |
| Renderowanie membranowe | tak | Nie | Nie | Nie | Nie |
| Renderowanie organelli | tak | Nie | Nie | Nie | Nie |
| Renderowanie organów | tak | Nie | Nie | Nie | Nie |
| Obrazy o bogatej kolorystyce | tak | Nie | Nie | Nie | Nie |
| Opis ścieżki | tak | Nie | Nie | tak | Nie |
| Łącze bazy danych ścieżki | tak | Nie | tak | tak | Nie |
| Wnioskowanie o ścieżce | tak | Nie | Nie | tak | Nie |
| Expt. Data Overlay (Nakładka danych szczegółowych) | Nie | tak | Nie | tak | tak |
| Analiza ścieżek | Nie | tak | tak | tak | tak |
Tabela 1: Porównanie funkcji. Porównanie funkcji kilku popularnych narzędzi do edycji/renderowania ścieżek.
Plik uzupełniający 1: Przykład opisu cyklu TCA dla ścieżki PathWhiz. Kliknij tutaj, aby pobrać plik uzupełniający.