Elton Labs

Язык
RUENTR

Плагин Charts в Obsidian

время чтения ~3 мин.

❓ Что такое Charts?

Charts — это плагин для построения графиков прямо внутри Obsidian.

Например:

Если ты ведёшь учёт веса, расходов, идей или чего угодно числового — теперь это можно наглядно визуализировать.

📊 Что можно строить?

👉 Варианты графиков (все работают через простой синтаксис в Markdown):

  • Bar chart (столбики) — для категорий: идеи, расходы, проекты
chart
type: bar
labels: [Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday, "next Week", "next Month"]
series:
  - title: Title 1
    data: [1, 2, 3, 4, 5, 6, 7, 8, 9]
  - title: Title 2
    data: [5, 4, 3, 2, 1, 0, -1, -2, -3]

  • Line chart (линейный) — отличен для прогресса: спорт, вес, учёба
chart
type: line
labels: [Monday, Tuesday, Wednesday, Thursday, Friday]
series:
  - title: Title 1
    data: [1, 2, 3, 4, 5]
  - title: Title 2
    data: [5, 4, 3, 2, 1]
  - title: Title 3
    data: [8, 2, 5, -1, 4]

  • Pie chart (пирог) — показывает доли: где проводишь время
chart
type: pie
labels: [Monday, Tuesday, Wednesday, Thursday, Friday]
series:
  - title: Title 1
    data: [1, 2, 3, 4, 5]
  - title: Title 2
    data: [5, 4, 3, 2, 1]
width: 40%
labelColors: true

  • Radar chart (радар) — для самооценки по навыкам или сферам жизни
chart
type: radar
labels: [Monday, Tuesday, Wednesday, Thursday, Friday]
series:
  - title: Title 1
    data: [1, 2, 3, 4, 5]
  - title: Title 2
    data: [5, 4, 3, 2, 1]
width: 40%

📘 Документация: phibr0 Charts plugin

🛠 Установка

  1. Открыть Настройки → Плагины сообщества
  2. Нажать Обзор → найти Charts
  3. Установить и активировать

🧪 Пример: количество идей по направлениям

chart
type: bar
labels: ["Marketplace", "EdTech", "No-code", "AI Tools"]
series:
  - title: Идеи
    data: [5, 8, 0, 10]
width: 80%

🔍 Объяснение:

  • type: bar — тип графика: столбиковый
  • labels: — подписи по оси X
  • series: — название графика и значения
  • width: — ширина графика (можно задать в %, px и т.п.)

⚖ Пример из жизни: трекинг веса

Ты ведёшь таблицу с весом по месяцам в заметке Areas > Занятие спортом > Динамика веса:

МесяцВес
Январь70
Февраль65
Март68
Апрель70
Май71
Ниже добавляем ^weightTable
Это называется ID, мы даем плагину Charts понять, что ID это таблица.
chart
type: line
id: weightTable
labelColumn: Месяц
valueColumn: Вес
width: 100%
tension: 0.4
beginAtZero: false
fill: false
smoothLines: true

📊 Что ещё можно:

  • Статистика чтения книг по месяцам
  • Расходы на подписки
  • Время, уделённое разным проектам
  • Личный дэшборд: графики, заметки, трекеры — всё на одной странице

💬 Совет: не знаешь, как правильно написать код?

Обратись в наш чат по Obsidian, или попроси ChatGPT помочь на основе структуры твоего хранилища.

Идем дальше?