Główne narzędzie do generowania ścieżek serwera WWW opisane w niniejszym manuskrypcie przedstawiono na Rysunku 1 oraz Rysunku 2. Przedstawiono również opcje menu dostępne w każdej zakładce. Rysunki 3 i 4 zawierają zestaw zrzutów ekranu z procesu tworzenia ścieżek. Rysunek 5 przedstawia zestaw zrzutów ekranu z procesu tworzenia reakcji. Rysunek 6 pokazuje internetową przeglądarkę ścieżek wraz z jej menu.
PathWhiz może być wykorzystywany do generowania szlaków o różnych typach treści i stylach. Obejmują one „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). Szlaki mogą być bogato kolorowe z rozbudowanymi szczegółami biologicznymi lub mogą zostać przekształcone w proste reprezentacje czarno-białe (Ryc. 11). Po zakończeniu prac szlaki te można wyświetlić w interaktywnym przeglądarce szlaków (Ryc. 6), pobrać jako obrazy lub wyeksportować w kilku różnych formatach wymiany danych czytelnych dla maszyn 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 szlaku. Na przykład dodanie większej liczby szczegółów reakcji (t.j. stechiometrii, stanów biologicznych) pozwoli na wygenerowanie bardziej kompleksowego pliku BioPAX. Z drugiej strony szlaki rysowane z nakładającymi się elementami (ze względów wizualnych, np. w celu pokazania elementów związanych lub kompleksów białkowych) mogą również generować nakładające się glify w SBGN-ML.

Rysunek 1: Interfejs Edytora Szlaków. Interfejs Edytora składa się z 3 głównych sekcji: górnego głównego paska menu, menu pomocniczego oraz rastrowego obszaru roboczego. Górny główny pasek menu (fioletowy) zawiera odnośniki do przeglądania, edytowania i tworzenia elementów szlaku. Dolny pomocniczy pasek menu (szary) zapewnia odnośniki do dodawania i edytowania wizualnych elementów szlaku w bieżącym schemacie, takich jak reakcje, interakcje, procesy transportu, podszlaki, związki, białka, kwasy nukleinowe, a także membrany, obrazy komórkowe/podkomórkowe, ramki powiększające i etykiety. Menu to zawiera również dwie karty umożliwiające edycję wybranych elementów lub edycję obszaru roboczego. Biały rastrowy obszar roboczy poniżej pasków menu jest miejscem, w którym dodawane będą szlaki i procesy reakcji. Ramka powiększająca służy jako wskazówka wizualna określająca powiększenie wybranego obszaru na obrazie. Składa się ona z małego kwadratu połączonego z regulowanym czworobokiem. Mały kwadrat jest umieszczony na obszarze, który ma zostać rozszerzony lub powiększony, natomiast czworobok służy jako obszar roboczy, w którym można dodać reakcje zachodzące w wybranym obszarze (oznaczonym małym kwadratem). Edytuj ramkę powiększającą, klikając ją dwukrotnie, aby uzyskać dostęp do jej panelu bocznego. Opcje edycji obejmują listy rozwijane dla szablonu, koloru i indeksu z. Orientację renderowania ramki powiększającej można zmienić, wybierając górę, prawą stronę, lewą stronę lub dół w karcie szablonu. Gdy ramka powiększająca jest zaznaczona, czarne kółka można przesuwać, aby zmieniać rozmiar i formatować poszczególne komponenty ramki. Kliknij tutaj, aby wyświetlić powiększoną wersję tego rysunku.

Rysunek 2: Menu edytora ścieżek. Menu edytora oferuje opcje dodawania procesów i elementów, a także edytowania istniejących elementów oraz obszaru roboczego. (a) Łącze „Pathway” oferuje opcje „Edit Details” i „Export and View”. Opcja „Edit Details” umożliwia edycję opisu ścieżki i referencji, natomiast opcja „Export and View” umożliwia generowanie lub regenerowanie plików obrazów. (b) Łącze „Add Process” oferuje opcje dodawania do obszaru roboczego reakcji, interakcji, zdarzenia wiązania, zdarzenia transportu, transportu sprzężonego z reakcją lub pod-ścieżki. (c) Łącze „Add Vacuous Element” oferuje opcje dodawania do obszaru roboczego związku, białka, kwasu nukleinowego, kolekcji elementów lub krawędzi. Elementy te pojawią się w lewym górnym rogu obszaru roboczego. Dowolny element pojawi się na obszarze roboczym obok wysuwanego paska bocznego, w którym użytkownik może wyszukać żądany element lub zmienić jego szczegóły. Element powinien zostać włączony do ścieżki przed dodaniem jakichkolwiek nowych pustych elementów, aby zachować przejrzystość ścieżki. Proszę kliknąć tutaj, aby wyświetlić powiększoną wersję tego rysunku.

Rysunek 3: Formularz indeksu ścieżek. Indeks ścieżek oferuje zbiór obecnie istniejących ścieżek oraz pole wyszukiwania do odpytywania o konkretne ścieżki. Ścieżki można filtrować według nazwy, typu, gatunku i twórcy, korzystając z paska filtrów nad tabelą indeksu. Można je również wyszukiwać po nazwie za pomocą paska wyszukiwania na górze strony. Otwarcie funkcji „Advanced Search” umożliwia bardziej szczegółowe wyszukiwanie poprzez kombinacje stanu biologicznego, typu, gatunku, związku i białka. Wyszukiwanie zaawansowane pozwala na użycie operatorów logicznych AND, OR i NOT w celu tworzenia złożonych zapytań. Każda ścieżka zawiera 5 przycisków: „Show”, „Edit”, „Draw”, „Destroy” oraz „Replicate”. Przycisk „Show” umożliwia wyświetlenie ścieżki za pomocą przeglądarki Viewer. Przycisk „Edit” pozwala na edycję metadanych ścieżki, w tym nazwy, typu, gatunku, opisu i referencji. Przycisk „Draw” umożliwia edycję obszaru roboczego zawierającego ścieżkę. Przycisk „Destroy” pozwala na usunięcie ścieżki z bazy danych (jeśli użytkownik posiada odpowiednie uprawnienia). Przycisk „Replicate” umożliwia replikację wybranej ścieżki. Przyciski „Previous” i „Next” pozwalają użytkownikowi na nawigację między stronami ze ścieżkami. Kliknij tutaj, aby wyświetlić powiększoną wersję tego rysunku.

Rycina 4: Formularz tworzenia nowej ścieżki. Przycisk „New Pathway” (patrz Rycina 3) prowadzi do przedstawionego tutaj formularza ścieżki. Formularz ten zawiera pola dla nazwy, typu, gatunku i opisu ścieżki. Przycisk „New Pathway” umożliwia również rozpoczęcie pracy od istniejącej ścieżki i dodanie referencji. Proszę kliknąć tutaj, aby wyświetlić powiększoną wersję tej ryciny.

Rysunek 5: Formularz tworzenia nowej reakcji. Łącze „Add Process” umożliwia użytkownikom dodanie nowego procesu, takiego jak reakcja lub zdarzenie wiązania. Dodanie procesu tworzy model reakcji, z którego można generować wizualizacje reakcji i dodawać je do schematów szlaków. Model reakcji i wizualizacja są oddzielnymi bytami. (a) Pole reakcji umożliwia wyszukiwanie istniejącej reakcji według substratu, produktu lub enzymu. Pole stanu biologicznego umożliwia wyszukiwanie i wybór istniejącego stanu biologicznego. Po wybraniu reakcji można dodać odpowiednie enzymy za pomocą przycisku „Add Enzyme”, który wyświetli okno autouzupełniania enzymów. Opcje renderowania pozwalają użytkownikowi wybrać kierunek, w którym reakcja ma zostać wyrenderowana. Nową reakcję można utworzyć za pomocą przycisku (b) „New Reaction”, który prowadzi do formularza nowej reakcji, gdzie można dodać elementy i enzymy. Po wypełnieniu wszystkich pól reakcję można utworzyć za pomocą przycisku „Create Reaction”. Aby edytować podstawowy model reakcji, należy wyjść z ilustratora szlaków, przejść do indeksu reakcji, a następnie znaleźć i edytować tam reakcję. Aby zapobiec rozbieżnościom w danych i niezamierzonej zmianie istniejących szlaków, nie jest możliwe zmienianie substratów/produktów ani usuwanie enzymów z modelu reakcji, jeśli posiada on już wizualizacje w istniejących szlakach. Zatem edycja modelu reakcji nie aktualizuje automatycznie istniejących wizualizacji reakcji. Aby zmienić model reakcji, należy ponownie dodać odpowiednią wizualizację do schematu szlaku, aby zmiany stały się widoczne. Proszę kliknąć tutaj, aby wyświetlić większą wersję tego rysunku.

Rycina 6: Przeglądarka szlaków (Pathway Viewer). Przyciski interfejsu w prawym górnym rogu umożliwiają podstawową nawigację, przybliżanie i przełączanie ekranu. Centralne okno wyświetla szlak, po którym można się poruszać poprzez klikanie i przeciąganie lub przybliżanie za pomocą myszy. Wyświetlane elementy szlaku zawierają hiperłącza do innych szlaków i baz danych (np. HMDB, DrugBank, UniProt). Boczny pasek menu zawiera opis szlaku wraz z dostarczonymi przez użytkownika referencjami. Boczny pasek menu wyświetla również zakładki „Highlight” (Wyróżnij), „Analyze” (Analizuj), „Downloads” (Pobieranie) i „Settings” (Ustawienia). Zakładka „Highlight” pozwala na wybór i zaznaczenie związków oraz enzymów kolorem czerwonym. Zakładka „Analyze” umożliwia wprowadzenie eksperymentalnych danych dotyczących stężeń, które są następnie naniesione na szlak przy użyciu gradientu kolorystycznego. Zakładka „Downloads” oferuje linki do odpowiadających im plików obrazów do pobrania oraz plików wymiany danych. Plik PNG jest mniejszym plikiem obrazu nierastrowego. Linki SVG + BioPAX zapewniają większe pliki obrazów wektorowych z wbudowanym standardem BioPAX w celu zapewnienia czytelności maszynowej. Linki BioPAX, SBML, SBGN i PWML zapewniają różne formaty czytelne dla maszyn. Zakładka „Settings” pozwala na wizualną konfigurację wyświetlanego obrazu szlaku. Kliknij tutaj, aby zobaczyć powiększoną wersję tej ryciny.

Rysunek 7: Obraz szlaku metabolicznego. Jest to przykład „tradycyjnego” szlaku metabolicznego, który opisuje biosyntezę i degradację konkretnego związku (D-seryny). Główny metabolit znajduje się w centrum obszaru roboczego, a strzałki reakcji i transportu (krawędzie) wskazują kierunek przepływu w szlaku. Krawędzie i elementy mogą być automatycznie „przyciągane” do siebie, tzn. łączone. Punkty przyciągania elementów są oznaczone przezroczystymi czerwonymi kółkami na bokach elementu, a punkty początkowe i końcowe krawędzi są reprezentowane przez przezroczyste szare kółka na końcach krawędzi. Punkty przyciągania zmieniają kolor na przezroczysty zielony podczas najechania kursorem i na pełny zielony po wybraniu. Aby przyciągnąć krawędź do elementu, należy najpierw kliknąć albo punkt początkowy/końcowy krawędzi, albo punkt przyciągania elementu (zmieni on kolor na pełny zielony). Następnie należy kliknąć punkt początkowy/końcowy 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 do momentu usunięcia (poprzez dwukrotne kliknięcie krawędzi i odsunięcie punktu końcowego lub połączenie go z innym punktem przyciągania). Należy uważać, aby nie zaznaczyć przypadkowo punktów przyciągania, ponieważ może to mieć niezamierzone skutki podczas próby przesuwania krawędzi. Pełny zielony kolor wybranych punktów przyciągania ma ostrzegać użytkownika o aktualnie zaznaczonych punktach. Punkty przyciągania można odznaczyć, klikając w nie ponownie. Krawędzie można również ponownie połączyć z ich pierwotnymi elementami. Po wybraniu krawędzi należy przejść do łącza menu „Edit Selected”, a następnie do łącza „Edit Edge”. Wyświetlone zostaną opcje automatycznego połączenia krawędzi w różnych kierunkach. Kliknij tutaj, aby wyświetlić powiększoną wersję tego rysunku.

Rysunek 8: Obraz szlaku choroby. Jest to przykład szlaku choroby przedstawiający organy dotknięte schorzeniem (szlak onkometabolitu sarkozyny). Dodatkowe elementy obrazu służą do zobrazowania wzrostu lub spadku stężeń metabolitów oraz ich akumulacji lub rozpraszania. Proszę kliknąć tutaj, aby wyświetlić powiększoną wersję tego rysunku.

Rysunek 9: Schemat szlaku leku. Jest to przykład szlaku leku, który pokazuje organy, w których lek ulega metabolizmowi (szlak ibuprofenu). Kolor otaczający metabolit leku jest zazwyczaj przedstawiony jako różowy. Prosimy kliknąć tutaj, aby wyświetlić powiększoną wersję tego rysunku.

Rysunek 10: Obraz szlaku sygnalizacji białkowej. Jest to przykład szlaku sygnalizacyjnego pokazujący zestaw reakcji sygnalizacyjnych między różnymi białkami (szlak EGFR). Białka mogą być przedstawione w wielu kolorach i mogą być oznaczone albo nazwą białka, albo nazwą podjednostki. Kliknij tutaj, aby wyświetlić powiększoną wersję tego rysunku.

Rysunek 11: Kolorowe i uproszczone obrazy szlaków. Kolorowe szlaki mogą być generowane z bogatym kontekstem biologicznym na białym lub niebieskim tle (a). Przedstawiono tutaj metabolizm folianów. Możliwe jest również generowanie uproszczonych szlaków typu KEGG przy użyciu prostej czarno-białej reprezentacji (b). Kliknij tutaj, aby wyświetlić powiększoną wersję tego rysunku.

Rycina 12: Obraz nieoptymalnego szlaku. Obraz przedstawiający wygląd nieoptymalnego szlaku (cykl TCA). Nakładające się elementy i przecinające krawędzie sprawiają, że szlak jest niezrozumiały. Może to nastąpić, jeśli elementy reakcji nie są starannie lub prawidłowo rozmieszczone na obszarze roboczym. Manipulowanie elementami w taki sposób, aby zastosować więcej niż dwa różne typy szablonów dla związków (wizualizacja związku duża, średnia lub mała, wizualizacja leku, wizualizacja kofaktora, prosta wizualizacja dolna, lewa, prawa lub górna), prowadzi do licznych niespójności obrazu. Typy szablonów przedstawiono w kroku 1.15.2. Brak połączeń krawędzi wpływa na przepływ obrazu, co prowadzi do błędnych interpretacji szlaku. Aby zobaczyć powiększoną wersję tej ryciny, kliknij tutaj.
| PathWhiz | VANTED | PathVisio | Pathway Tools | VisANT |
| Serwer WWW | Tak | Nie | Nie | Nie | Nie |
| Program instalacyjny | Nie | Tak | Tak | Tak | Tak |
| Ścieżki sygnałowe białek | 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 |
| Wizualizacja błony | Tak | Nie | Nie | Nie | Nie |
| Wizualizacja organelli | Tak | Nie | Nie | Nie | Nie |
| Wizualizacja 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 do bazy danych szlaków | Tak | Nie | Tak | Tak | Nie |
| Wnioskowanie o szlakach sygnałowych | Tak | Nie | Nie | Tak | Nie |
| Nakładanie danych eksperymentalnych | Nie | Tak | Nie | Tak | Tak |
| Analiza szlaków sygnałowych | Nie | Tak | Tak | Tak | Tak |
Tabela 1: Porównanie funkcji. Porównanie funkcji kilku popularnych narzędzi do edycji i 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.