Граф визуализирует 258 глав и 1947 связей между ними. Каждый узел — это глава книги, а линия — смысловая связь между материалами.
Откуда связи?
Связи строятся по перекрёстным ссылкам внутри контента глав: MarginNote, блоки «Связанные главы» и ссылки по тексту статьи.
Как пользоваться
Клик по кластеру в сайдбаре — зум и фокус на главы этой темы, остальные затемняются.
Клик по узлу — панель с деталями главы, список связанных глав и кнопка перехода к материалу.
Скролл / pinch — зум. При приближении появляются названия глав.
Перетаскивание — панорамирование по графу или перемещение отдельных узлов.
Цвета узлов
Каждый цвет соответствует одной тематической теме. Узлы одного цвета — главы одного раздела.
Подходы к найму в Big Tech компанияхПодходы к проектированию системПримеры задач по системному дизайнуОбзор источников по интервьюАрхитектура программного обеспеченияФундаментальные знанияРаспределенные системыБазы данных+7 ещё
Статус чтения
Прочитано: Заполненный узел с белой точкой
Непрочитано: Контурный узел
Типы связей
Внутри кластера — направленные связи между главами одной темы (источник → цель) Между кластерами — направленные межтематические связи (источник → цель) Алгоритм раскладки
Граф использует force-directed layout (d3-force): узлы отталкиваются друг от друга, а связи притягивают. В итоге связанные главы оказываются рядом, а изолированные — на периферии.