obsidian-charts-mastery

Generate bar, line, pie, and sankey charts in Obsidian from YAML, Markdown tables, and DataviewJS.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/frNNcs/.config --skill obsidian-charts-mastery
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: obsidian-charts-mastery
Source: https://github.com/frNNcs/.config/tree/main/opencode/skills/obsidian-charts-mastery
Command: npx skills add https://github.com/frNNcs/.config --skill obsidian-charts-mastery

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill empowers users to generate sophisticated charts directly within Obsidian, transforming raw data into clear visual insights without leaving their notes.

Core Features & Use Cases

  • Versatile Chart Types: Supports bar, line, doughnut, pie, radar, polarArea, and sankey charts.
  • Multiple Data Sources: Integrates with inline YAML, Markdown tables, and DataviewJS for dynamic data.
  • Customization & Design: Offers extensive YAML modifiers for precise control over appearance, including colors, labels, and trends.
  • Use Case: Visualize your project progress by creating a line chart of tasks completed per week, pulling data directly from a DataviewJS query in your Obsidian vault.

Quick Start

Use the obsidian-charts-mastery skill to create a bar chart from the markdown table in the current note.

Frequently Asked Questions about obsidian-charts-mastery

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create charts in Obsidian from Markdown tables?

You can create charts in Obsidian by using YAML configuration to map Markdown table data into visual formats. This Skill processes inline tables and YAML modifiers to render bar, line, or pie charts directly within your notes.

Can I use DataviewJS to generate dynamic data visualization in Obsidian?

Yes, you can use DataviewJS queries as a dynamic data source for data visualization in Obsidian. The Skill integrates DataviewJS outputs with YAML chart configurations to automatically update visuals like line charts based on vault data changes.

What types of data visualization does YAML configuration support in Obsidian?

YAML configuration supports versatile data visualization types in Obsidian, including bar, line, doughnut, pie, radar, polarArea, and sankey charts. YAML modifiers allow precise control over colors, labels, and trend lines for customized note visuals.

Does this approach work for visualizing project progress in Obsidian notes?

Yes, this approach works for visualizing project progress in Obsidian notes by generating line or bar charts from task data. You can pull completed tasks per week directly from DataviewJS queries or Markdown tables to track milestones visually.

Why does my Obsidian chart display incorrectly when using YAML modifiers?

Obsidian charts may display incorrectly due to misconfigured YAML modifiers or mismatched data mapping from Markdown tables. This Skill provides debugging guidance to validate inline YAML structures and ensure DataviewJS data aligns with the expected chart format.