Elton Labs

Язык
RUENTR

The Charts plugin in Obsidian

3 min read

❓ What is Charts?

Charts is a plugin for building charts right inside Obsidian.

For example:

If you track weight, expenses, ideas or anything numeric — now you can visualise it clearly.

📊 What can you build?

👉 Chart options (all work through simple syntax in Markdown):

  • Bar chart — for categories: ideas, expenses, projects
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 — great for progress: sport, weight, studies
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 — shows shares: where you spend your time
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 — for self-assessment by skills or areas of life
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%

📘 Documentation: phibr0 Charts plugin

🛠 Installation

  1. Open Settings → Community plugins
  2. Click Browse → find Charts
  3. Install and activate

🧪 Example: the number of ideas by area

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

🔍 Explanation:

  • type: bar — the chart type: bar
  • labels: — the labels on the X axis
  • series: — the chart’s title and values
  • width: — the chart’s width (can be set in %, px, etc.)

⚖ A real-life example: weight tracking

You keep a table of weight by month in the note Areas > Doing sport > Weight dynamics:

MonthWeight
January70
February65
March68
April70
May71
Below, add ^weightTable
This is called an ID — we let the Charts plugin know that the ID is a table.
chart
type: line
id: weightTable
labelColumn: Month
valueColumn: Weight
width: 100%
tension: 0.4
beginAtZero: false
fill: false
smoothLines: true

📊 What else you can do:

  • Stats on books read by month
  • Spending on subscriptions
  • Time given to different projects
  • A personal dashboard: charts, notes, trackers — all on one page

💬 Tip: don't know how to write the code correctly?

Drop into our Obsidian chat, or ask ChatGPT to help based on your vault’s structure.

Keep going?