skills.rest
jonathan-pap
jonathan-papCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

svg-measures

Generate SVG markup from DAX measures for Power BI visuals.

2|Updated May 1, 2026
Search Tags:#svg#kpi#sparkline#dax#gauge#power-bi#charticulator
One-click install
npx skills add https://github.com/jonathan-pap/PowerBI-Claude-Design --skill svg-measures
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: svg-measures
Source: https://github.com/jonathan-pap/PowerBI-Claude-Design/tree/main/svg-measures
Command: npx skills add https://github.com/jonathan-pap/PowerBI-Claude-Design --skill svg-measures

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SVG measures bridge the gap between data and visuals by letting DAX measures output SVG markup that can be rendered directly in Power BI HTML Content visuals, Deneb, or Charticulator. This approach enables scalable, data-driven KPI icons, progress bars, sparklines, gauges, and traffic lights without relying on static image files.

Core Features & Use Cases

  • Generate SVG markup from DAX that renders inside Power BI visuals for dynamic KPI icons, sparklines, and gauges.
  • Use in HTML Content visuals, Deneb, or Charticulator to display live, data-driven SVG graphics.
  • Optionally encode SVG as Data URIs or embed raw SVG strings for flexible deployment and portability.

Quick Start

Create a DAX measure that returns an SVG string and use it in an HTML Content visual to render a dynamic KPI graphic.

Frequently Asked Questions about svg-measures

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

FAQPage Schema
How do I create dynamic SVG visuals in Power BI using DAX?▼

You generate SVG markup from DAX measures that render inside HTML Content visuals, Deneb, or Charticulator. This enables scalable, data-driven graphics without relying on static image files.

Can I generate sparklines and KPI icons in Power BI without static images?▼

Yes, you can generate sparklines and KPI icons by crafting DAX measures that output SVG markup. These dynamic visuals are rendered directly in Power BI HTML Content visuals, Deneb, or Charticulator.

Does Deneb or Charticulator support rendering SVG strings from DAX measures?▼

Yes, both Deneb and Charticulator support rendering SVG strings generated from DAX measures. This allows you to display live, data-driven SVG graphics such as progress bars and gauges within your dashboards.

What is a valid SVG root structure for DAX measures in Power BI?▼

A valid SVG root for DAX measures requires an XML namespace and a viewBox attribute. Optionally, you can encode the SVG as a Data URI for flexible deployment and portability inside HTML Content visuals.

What are the limitations of using DAX to generate SVG visuals?▼

Limitations of generating SVG visuals with DAX include performance impacts and string-length considerations. Crafting complex SVG text requires mindful optimization to avoid exceeding string limits and degrading dashboard performance.

Related Skills

Explore More Design & Creative Skills→
JNZader-VaultJNZader-Vault

powerbi

Develop Power BI solutions with DAX measures, Power Query transformations, and dashboard designs.

Official
Advanced
jandan138jandan138

pixel-art

Generate pixel art SVG illustrations from user prompts.

Community
Intermediate
ShubhamsabooShubhamsaboo
131.7k

visualization-expert

Recommend chart types and generate dashboard outlines for data analysis.

Community
Basic
JonathanMitchell1234JonathanMitchell1234

powerbi-expert

Create Power BI solutions with DAX, M language, and data modeling.

Community
Advanced