Листинги, GIF и Mermaid-диаграммы

22 октября 2026

Листинг

Определение

Блоки с тройными обратными кавычками становятся семантическими элементами pre и code в HTML. Для них не требуется писать HTML вручную.

def running_mean(values):
    total = 0.0
    for index, value in enumerate(values, start=1):
        total += value
        yield total / index

GIF-анимация

Пример

Анимированное приближение выборочного среднего к математическому ожиданию. — Локальный GIF: с ростом числа наблюдений траектория стабилизируется около ожидания.

Mermaid

flowchart LR
  H["H = ⨁ ∫ Hₓ dμ(x)"] --> A["A = ⨁ ∫ Aₓ dμ(x)"]
  A --> Layer["слой x: Aₓ : Hₓ → Hₓ"]
  M["Mφ = ⨁ ∫ φ(x) Iₓ dμ(x)"] --> A

Слои прямого интеграла и разложимый оператор на каждом слое.

Замечание

Mermaid-исходник хранится рядом с другими материалами сайта и рендерится локально в браузере. С математическим содержанием схемы можно сопоставить заметку о прямых интегралах. Синтаксис диаграмм описан в документации Mermaid.