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

Ready to run

npx skills add https://github.com/jonathan-pap/PowerBI-Claude-Design --skill svg-measures

💬 Prompt for ChatGPT / Claude Chat▼

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.