Główne narzędzie serwera internetowego do generowania szlaków opisane w niniejszym manuskrypcie przedstawiono na Rysunku 1 oraz Rysunku 2. Przedstawiono również opcje menu dostępne w każdej karcie. Rysunki 3 i 4 zawierają zestaw zrzutów ekranu z procesu tworzenia szlaku. Rysunek 5 zawiera zestaw zrzutów ekranu z procesu tworzenia reakcji. Rysunek 6 przedstawia internetową przeglądarkę szlaków oraz jej menu.
Program PathWhiz może być wykorzystywany do generowania szlaków o różnych typach zawartości i stylach. Należą do nich „tradycyjne” szlaki metaboliczne (Rysunek 7), szlaki chorób i leków przedstawiające skutki uboczne (Rysunek 8) oraz reakcje na leki (Rysunek 9), a także szlaki sygnalizacji białkowej (Rysunek 10). Szlaki mogą być bogato kolorowane z uwzględnieniem szczegółów biologicznych lub mogą zostać przekształcone w proste reprezentacje czarno-białe (Rysunek 11). Po zakończeniu prac szlaki te można przeglądać w interaktywnym przeglądarce szlaków (Rysunek 6), pobierać jako obrazy lub eksportować do kilku różnych formatów wymiany danych odczytywanych maszynowo w celu dalszej analizy. Należy zauważyć, ż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 (tj. stechiometrii, stanów biologicznych) pozwoli uzyskać bardziej kompleksowy plik BioPAX. Z drugiej strony szlaki rysowane z nakładającymi się elementami (ze względów wizualnych, np. w celu pokazania powiązanych elementów lub kompleksów białkowych) mogą również generować nakładające się glify w formacie SBGN-ML.

Rysunek 1: Interfejs Edytora Ścieżek. Interfejs Edytora składa się z 3 głównych sekcji: górnego głównego paska menu, menu pomocniczego oraz obszaru roboczego z siatką. Górny główny pasek menu (fioletowy) zawiera linki do przeglądania, edycji i tworzenia elementów ścieżki. Dolny pomocniczy pasek menu (szary) umożliwia dodawanie i edycję wizualnych elementów ścieżek w aktualnym schemacie, takich jak reakcje, interakcje, procesy transportu, podścieżki, związki, białka, kwasy nukleinowe, a także błony, obrazy komórkowe/podkomórkowe, pola powiększenia i etykiety. Menu to zawiera również dwie karty umożliwiające edycję wybranych elementów lub edycję obszaru roboczego. Biały obszar roboczy z siatką poniżej pasków menu służy do dodawania ścieżek i procesów reakcji. Pole powiększenia służy jako wskazówka wizualna wskazująca powiększenie wybranego obszaru na obrazie. Składa się ono z małego kwadratu połączonego z quadrilateralem o zmiennej wielkości. Mały kwadrat umieszcza się na obszarze, który ma zostać rozszerzony lub powiększony, natomiast quadrilateral pełni funkcję obszaru roboczego, w którym można dodać reakcje zachodzące w wybranym obszarze (oznaczonym małym kwadratem). Aby edytować pole powiększenia, należy dwukrotnie kliknąć je, aby uzyskać dostęp do panelu bocznego. Opcje edycji obejmują listy rozwijane dla szablonu, koloru i indeksu z. Orientację renderowania pola powiększenia można zmienić, wybierając górną, prawą, lewą lub dolną w karcie szablonu. Po wybraniu pola powiększenia czarne kółka można przeciągać, aby zmienić rozmiar i sformatować poszczególne komponenty pola powiększenia. Proszę kliknąć tutaj, aby zobaczyć powiększoną wersję tego rysunku.

Rycina 2: Menu edytora ścieżek. Menu edytora zapewnia 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” (Edytuj szczegóły) oraz „Export and View” (Eksportuj i wyświetl). Opcja „Edit Details” umożliwia edycję opisu ścieżki i referencji, natomiast opcja „Export and View” pozwala na generowanie lub regenerowanie plików obrazów. (b) Łącze „Add Process” oferuje opcje dodania 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 dodania 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ć pożądany element lub zmienić jego szczegóły. Element powinien zostać włączony do ścieżki przed dodaniem kolejnych pustych elementów, aby zachować przejrzystość ścieżki. Kliknij tutaj, aby wyświetlić większą wersję tej ryciny.

Rysunek 3: Formularz indeksu szlaków. Indeks szlaków oferuje kolekcję aktualnie istniejących szlaków oraz pole wyszukiwania do odpytywania o konkretne szlaki. Szlaki można filtrować według nazwy, typu, gatunku i twórcy, korzystając z paska filtrów u góry tabeli 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 według kombinacji stanu biologicznego, typu, gatunku, związku i białka. Wyszukiwanie zaawansowane pozwala na użycie operatorów logicznych AND, OR oraz NOT w celu tworzenia złożonych zapytań. Każdy szlak posiada 5 przycisków: „Show”, „Edit”, „Draw”, „Destroy” i „Replicate”. Przycisk „Show” umożliwia wyświetlenie szlaku za pomocą przeglądarki Viewer. Przycisk „Edit” pozwala na edycję metadanych szlaku, w tym nazwy, typu, gatunku, opisu i referencji. Przycisk „Draw” umożliwia edycję obszaru roboczego zawierającego szlak. Przycisk „Destroy” pozwala na usunięcie szlaku z bazy danych (jeśli użytkownik posiada odpowiednie uprawnienia). Przycisk „Replicate” umożliwia replikację wybranego szlaku. Przyciski „Previous” i „Next” pozwalają użytkownikowi nawigować między stronami z listą szlaków. Kliknij tutaj, aby zobaczyć 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 dotyczące 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. Aby wyświetlić powiększoną wersję tej ryciny, kliknij tutaj.

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, na podstawie którego można generować wizualizacje reakcji i dodawać je do schematów szlaków. Model reakcji i jej wizualizacja są odrębnymi obiektami. (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ć odpowiadające jej enzymy za pomocą przycisku „Add Enzyme”, który wywoła pole autouzupełniania enzymów. Opcje renderowania pozwalają użytkownikowi wybrać kierunek, w którym reakcja ma zostać wyświetlona. Nową reakcję można utworzyć za pomocą przycisku (b) „New Reaction”, który prowadzi do formularza nowej reakcji, w którym 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 daną reakcję. Aby zapobiec rozbieżnościom w danych i niezamierzonej zmianie istniejących szlaków, nie można zmieniać substratów/produktów ani usuwać 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 wprowadzić zmiany w modelu reakcji, należy ponownie dodać odpowiadającą mu wizualizację do schematu szlaku, aby zmiany stały się widoczne. Prosimy kliknąć tutaj, aby zobaczyć powiększoną wersję tego rysunku.

Rysunek 6: Przeglądarka szlaków. Przyciski interfejsu w prawym górnym rogu zapewniają podstawową nawigację, powiększanie i przełączanie ekranu. Centralny obszar roboczy wyświetla szlak, po którym można się poruszać poprzez klikanie i przeciąganie lub powiększanie za pomocą myszy. Wyświetlane elementy szlaku są hiperłączami do innych szlaków i baz danych (np. HMDB, DrugBank, UniProt). Boczny pasek menu zawiera opis szlaku wraz z referencjami dostarczonymi przez użytkownika. Boczny pasek menu wyświetla również karty „Highlight”, „Analyze”, „Downloads” i „Settings”. Karta „Highlight” umożliwia wybór i zaznaczenie związków oraz enzymów na czerwono. Karta „Analyze” pozwala na wprowadzenie danych o stężeniu eksperymentalnym, które są następnie naniesione na szlak za pomocą gradientu kolorów. Karta „Downloads” oferuje linki do odpowiadających im plików obrazów do pobrania oraz plików wymiany danych. Plik PNG jest mniejszym, nienaukowym plikiem obrazu rastrowego. Linki SVG + BioPAX zapewniają większe pliki obrazów wektorowych z osadzonym standardem BioPAX w celu zapewnienia czytelności maszynowej. Linki BioPAX, SBML, SBGN i PWML zapewniają różne formaty czytelne dla maszyn. Karta „Settings” umożliwia wizualną konfigurację wyświetlanego obrazu szlaku. Kliknij tutaj, aby zobaczyć powiększoną wersję tego rysunku.

Rysunek 7: Obraz szlaku metabolicznego. Jest to przykład „tradycyjnego” szlaku metabolicznego opisującego 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 szlaku. Krawędzie i elementy mogą być automatycznie „przyciągane” do siebie, t.j. łączone. Punkty przyciągania elementów są oznaczone przez przezroczyste czerwone kółka po bokach elementu, natomiast 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 po najechaniu kursorem i na pełny zielony po wybraniu. Aby przyłączyć 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 przesunię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 przynieść niepożądane skutki podczas próby przesuwania krawędzi. Pełny zielony kolor wybranych punktów przyciągania ma za zadanie ostrzec użytkownika o obecnie zaznaczonych punktach. Punkty przyciągania można odznaczyć, klikając w nie drugi raz. Krawędzie można również ponownie połączyć z ich oryginalnymi elementami. Po wybraniu krawędzi należy przejść do łącza menu „Edit Selected”, a następnie do łącza „Edit Edge”. Wyświetlą się wtedy opcje automatycznego łączenia krawędzi w różnych kierunkach. Aby wyświetlić powiększoną wersję tego rysunku, kliknij tutaj.

Rycina 8: Schemat szlaku choroby. Jest to przykład szlaku choroby przedstawiający organy dotknięte schorzeniem (szlak onkometabolitu sarkozyny). Dodatkowe elementy graficzne służą do zobrazowania wzrostu lub spadku stężeń metabolitów oraz ich akumulacji lub rozpraszania. Kliknij tutaj, aby wyświetlić większą wersję tej ryciny.

Rycina 9: Obraz szlaku leku. Jest to przykład szlaku leku przedstawiający 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ę tej ryciny.

Rycina 10: Obraz szlaku sygnalizacji białkowej. Jest to przykład szlaku sygnalizacyjnego przedstawiającego zestaw reakcji sygnalizacyjnych zachodzących między różnymi białkami (szlak EGFR). Białka mogą być przedstawione w wielu kolorach i mogą być oznaczone nazwą białka lub nazwą podjednostki. Kliknij tutaj, aby wyświetlić większą wersję tej ryciny.

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. Proste szlaki typu KEGG mogą być również generowane przy użyciu czarno-białej reprezentacji (b). Prosimy kliknąć tutaj, aby zobaczyć powiększoną wersję tego rysunku.

Rysunek 12: Obraz nieoptymalnego szlaku. Obraz przedstawiający, jak wygląda nieoptymalny szlak (cykl TCA). Nakładające się elementy i przecinające się krawędzie sprawiają, że szlak jest niezrozumiały. Może się to zdarzyć, jeśli elementy reakcji nie są starannie lub poprawnie manipulowane na obszarze roboczym. Manipulowanie elementami w taki sposób, aby dla związków istniało więcej niż dwa różne typy szablonów (Large, Medium, Small Compound Visualization lub Drug Visualization, Cofactor Visualization, Simple Bottom, Left Right lub Top Visualization), prowadzi do kilku niespójności w obrazie. Typy szablonów są pokazane w kroku 1.15.2. Brak połączeń krawędzi wpływa na przepływ obrazu, co prowadzi do błędnej interpretacji szlaku. Kliknij tutaj, aby wyświetlić większą wersję tego rysunku.
| PathWhiz | VANTED | PathVisio | Pathway Tools | VisANT |
| Serwer WWW | Tak | Nie | Nie | Nie | Nie |
| Program instalacyjny | Nie | Tak | Tak | Tak | Tak |
| Szlaki białkowe | Tak | Tak | Tak | Nie | Tak |
| Szlaki metaboliczne | Tak | Tak | Tak | Tak | Tak |
| Zapis jako PNG/JPG | Tak | Tak | Tak | Nie | Nie |
| Zapis jako HTML | Tak | Nie | Nie | Tak | Nie |
| Zapis jako SVG | Tak | Tak | Tak | Nie | Tak |
| Zapis jako PDF | Tak | Tak | Tak | Tak | Tak |
| Zapis jako BioPAX | Tak | Tak | Tak | Tak | Tak |
| Zapis jako SBML | Tak | Tak | Tak | Tak | Tak |
| Zapis jako SBGN-ML | Tak | Tak | Tak | Nie | Nie |
| Mapowanie identyfikatorów | Tak | Tak | Tak | Tak | Tak |
| Renderowanie błon | Tak | Nie | Nie | Nie | Nie |
| Renderowanie organelli | Tak | Nie | Nie | Nie | Nie |
| Renderowanie organów | Tak | Nie | Nie | Nie | Nie |
| Obrazy bogate w kolory | Tak | Nie | Nie | Nie | Nie |
| Opis szlaku | Tak | Nie | Nie | Tak | Nie |
| Link do bazy danych szlaków | Tak | Nie | Tak | Tak | Nie |
| Wnioskowanie o szlakach | Tak | Nie | Nie | Tak | Nie |
| Nakładka danych eksperymentalnych | Nie | Tak | Nie | Tak | Tak |
| Analiza szlaków | 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.