CALLISTO NOTEBOOK
JavaScript · 1 blok · zapisano przed chwilą
Przełączaj się między notebookami bez utraty kontekstu.
Otwórz kopię i eksperymentuj bez wpływu na oryginalny szablon.
Ty decydujesz, co zostaje w tej przeglądarce.
Automatycznie zachowuj projekty i kod na tym urządzeniu.
Wczytaj wcześniej wyeksportowany plik .callisto.json.
Uruchamiaj aplikację jak program i pracuj także bez internetu.
Usuń zapisane projekty i przywróć pusty notebook.
Lokalny notebook JavaScript do szybkich eksperymentów i pracy z wieloma projektami.
Callisto Notebook rozwija narzędzie Kallisto Notebook z promyk.tech, inspirowane sposobem pracy znanym z Jupyter Notebook. Kod, dane i dokumentacja mogą żyć obok siebie, ale wszystko wykonuje się bezpośrednio w przeglądarce.
Projekty trafiają do localStorage wyłącznie po zgodzie użytkownika. Można je także eksportować i importować jako pliki .callisto.json.
Każdy projekt ma własne bloki, biblioteki i wyniki. × zamyka tylko zakładkę — projekt pozostaje w widoku „Projekty” i można go ponownie otworzyć. Białe karty oznaczają projekty otwarte, a szare zamknięte. Zakładki można przeciągać, aby zmienić ich kolejność. Nazwę projektu edytuje się przez kliknięcie nazwy zakładki lub podwójne kliknięcie tytułu.
return, ostatnie wyrażenie, await, konsolę i biblioteki projektu.MarkDown | text. Obsługuje tabele, media, YouTube i Mermaid.Bloki można nazywać, zwijać, przesuwać przyciskami albo przeciągać za ≡. Podwójne kliknięcie między blokami wstawia JS. Wcięcie nowej linii jest kopiowane automatycznie.
$$ wskazuje wynik najbliższego wcześniejszego bloku JS, JSON lub CSV.
// Blok wyżej zwrócił 21
return $ * 2; // 42$$$$ pozwala odwołać się do wcześniejszego wyniku po nazwie albo numerze bloku.
$$["Konfiguracja"].api
$$[2].items.lengthJeśli nazwa się powtarza, używany jest najbliższy wcześniejszy blok. Numer widoczny z lewej strony pozostaje jednoznaczny.
Zwrócenie specjalnego obiektu zmienia sposób prezentacji wyniku:
return { html: "<h1>Hello</h1>" };
return { md: "# Nagłówek" };
return { svg: "<svg>...</svg>" };HTML i SVG są izolowane w iframe, a Markdown korzysta ze wspólnego renderera. Pojedyncze kliknięcie wyniku kopiuje źródło. Podwójne kliknięcie wyniku SVG, CSV albo wykresu pobiera odpowiedni plik.
Przycisk „Biblioteki” konfiguruje środowisko osobno dla projektu. Domyślnie aktywny jest Lodash (_); dostępne są też Day.js (dayjs), Axios (axios) i D3 (d3). Można dodawać własne skrypty UMD/IIFE przez bezpośredni link HTTPS. „Uruchom wszystko” wykonuje wyłącznie bloki JS, kolejno od góry.
return { table: [{ name: "Io", size: 3643 }] };
return { csv: "name,size\nIo,3643" };
return { image: "data:image/png;base64,..." };
return { chart: { type: "bar", labels: ["A", "B"], values: [12, 24] } };
return { json: { nested: true } };
return { download: { name: "data.json", mime: "application/json", data: { ok: true } } };chart.type obsługuje bar, line, area, pie, donut i scatter. Przeglądarka JSON pozwala zwijać poszczególne gałęzie, a rezultat plikowy można pobrać jednym kliknięciem.
Na dole widoku „Projekty” znajdują się gotowe notebooki prezentujące ogólne możliwości, wszystkie formaty rezultatów oraz sześć typów wykresów. Kliknięcie „Utwórz kopię” tworzy niezależny projekt w przestrzeni użytkownika — oryginalny szablon nigdy nie jest modyfikowany.
Callisto może zachowywać notebooki w pamięci tej przeglądarki. Nic nie trafia na serwer, a zgodę możesz wycofać w każdej chwili.
Uruchom blok i przejdź do następnego
Uruchom bez przechodzenia dalej
Przejdź między blokami
Zwiń lub rozwiń blok
Zapisz projekty lokalnie
Utwórz nowy projekt
Nazwa ułatwia rozpoznanie bloku i nie wpływa na wykonywanie kodu.
W tym projekcie istnieje już blok o tej nazwie. Nazwa nie będzie unikatowa.
Pozostaw pole puste, jeśli projekt ma nie mieć nazwy.
Wybierz biblioteki dostępne we wszystkich blokach JavaScript tego projektu.
Dodaj bezpośredni link HTTPS do skryptu UMD lub IIFE.