Architecture · Diagram Design
Архитектура Scrolly English Speaking
Архитектура Scrolly English Speaking
Схема статического scrollytelling-гайда: MDX-нарратив и дата-модуль собираются Astro-слоем в статический билд, публикуются на GitHub Pages, а в браузере scrolly-runtime по скроллу читателя переключает D3-визуализации.
BUILD · PUBLISH
RUNTIME · BROWSER
MDX
CONFIG
BUILD
DEPLOY
BUNDLE
HTTPS
BOOT
SWITCH VIZ
RENDER
SCROLL
SRC
MDX-нарратив
posts/scrolly/*.mdx
SRC
Дата-модуль
scrolly/data/*.ts
BUILD
Astro-слой
Layout · Section.astro
BUILD
Astro build
output: static · dist/
HOST
GitHub Pages
astro.yml · base subpath
RT
scrolly-entry
bootstrap · lazy import
RT
scrolly-runtime
IntersectionObserver · scroll
RT
viz/*.ts · D3 v7
workflow · tools · metrics
EXT
Читатель
browser · scroll
LEGEND
источник
сборка Astro
хостинг
runtime D3
внешний актор
поток сборки
HTTP · deploy
async · return