obsidian-chartslisted

Authoring charts in Obsidian via the Charts plugin (`obsidian-charts` by phibr0) — covers the ` ```chart ` YAML codeblock (all types: bar, line, pie, doughnut, radar, polarArea, scatter, bubble, sankey), the ` ```advanced-chart ` JSON escape hatch, table-to-chart conversion (block-id linking via `id`/`file`/`layout`/`select`), and the `window.renderChart(data, container)` integration with DataviewJS (raw Chart.js v3 config). Use this skill whenever the user asks to draw a chart, plot, graph, time series, bar chart, pie/doughnut, radar/spider, scatter, bubble, or sankey diagram inside an Obsidian note, mentions ` ```chart `, ` ```advanced-chart `, `window.renderChart`, the Charts plugin, Chart.js inside Obsidian, asks to visualize a markdown table or daily-note metric, or wants to render any quantitative data over notes (mood/energy series, tag counts, books-by-rating, tasks-by-status). Trigger even when "Charts plugin" is not named — any request to visualise vault data inline goes here. Pair with the `obsidia
lexbritvin/obsidian-skills-pack · ★ 2 · Data & Documents · score 75

Install: claude install-skill lexbritvin/obsidian-skills-pack

# Obsidian Charts Reference for the **Charts** plugin (`obsidian-charts` by phibr0). Wraps **Chart.js v3** with an Obsidian-friendly YAML codeblock, a DataviewJS integration, and a table-to-chart command. ## What the plugin is A community plugin that registers two markdown codeblock processors and one global function: - ` ```chart ` — YAML config (everyday API). - ` ```advanced-chart ` — raw JSON Chart.js config (escape hatch). - `window.renderChart(data, container)` — programmatic rendering (use from `dataviewjs`). Plus four editor commands: - **Insert new Chart** — opens a graphical creator modal. - **Create Chart from Table (Column oriented Layout)** — replaces a selected markdown table with a `chart` codeblock. - **Create Chart from Table (Row oriented Layout)** — same, transposed. - **Create Image from Chart** — exports a rendered chart as PNG/JPEG/WebP. There is **no inline `` `chart: …` ``** form. Charts only render inside fenced blocks or via `window.renderChart`. Chart.js version is pinned to **v3.9.1**. Most options follow Chart.js v3 syntax (notably `legend` lives under `options.plugins.legend`, not at root). ## Decision tree — which surface to use | Need | Pick | |---|---| | Static chart from hard-coded data | ` ```chart ` (YAML). Simplest. | | Chart that mirrors a table elsewhere in the vault | ` ```chart ` with `id:` / `file:` / `layout:` / `select:` (block-id linked, auto-refreshes). | | Chart from `dv.pages()` / inline-fields / metadata | ` ```datavi