Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

SVG Visuals via DAX Measures (PBIR) · data-goblin | DecimalAI

databy data-goblin

SVG Visuals via DAX Measures (PBIR)

data-goblin/svg-visuals

Source data-goblin/power-bi-agentic-development ↗License GPL-3.0

SVG generation via DAX measures and extension measures with ImageUrl data category for inline visualizations in PBIR reports. Automatically invoke when the user mentions "SVG visual", "DAX sparkline", "SVG measure", "inline graphics with DAX", "ImageUrl data category", "extension measure", or asks to create any DAX-generated chart (progress bars, bullet charts, KPI indicators, data bars, gauges, donut charts, lollipop charts, dumbbell charts, status pills, overlapping bars, boxplots, IBCS bars,

SkillScore91Maintained

Automatic

Data Analyst pack

Last verified 9/25/2026

What it changes

Passed 18 of 20 test cases with the skill, and 9 of 20 without it.

Without skill45%

With skill91%

Checks it passed that the model alone missed

Sets sourceType to imageData.
Binds the measure as sourceField.
Uses literal hash symbols for hex color codes.

and 10 more in the full report

10 fixed10 passed either way2 still failing0 broke

Pass-rate lift: +45 pp
Tokens: +152%
Agent turns: 0%
Response time: -37%

Model gemini-3.6-flashMeasured 9/25/2026v220 of 22 cases passed with skill · 20 comparable

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/data-goblin-svg-visuals/SKILL.md https://app.decimal.ai/s/data-goblin-svg-visuals/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add data-goblin-svg-visuals, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/data-goblin-svg-visuals/ and pins it in .decimal/skills.lock

decimalai skills add data-goblin-svg-visuals

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/data-goblin-svg-visuals/SKILL.md https://app.decimal.ai/s/data-goblin-svg-visuals/SKILL.md

Raw file: /s/data-goblin-svg-visuals/SKILL.md ↗ · machine-readable summary at /s/data-goblin-svg-visuals.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 10 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 10

Prompt

In PBIR visual definitions, what Schema value must be specified in the SourceRef object when referencing a measure defined in reportExtensions.json rather than the main model?

What was checked, without and with the skill
Checked	Without skill	With skill
Sets the Schema property in SourceRef to extension.	Missed	Passed

case-22 · gemini-3.6-flash · 9/25/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md321 lines8 files

SVG Visuals via DAX Measures (PBIR)

Use pbir for every report mutation. The pbir-format skill is read-only schema context. If the CLI is unavailable or lacks an operation, stop and report the gap.

Generate inline SVG graphics using DAX measures that return SVG markup strings. These render as images in table, matrix, card, image, and slicer visuals. Store as extension measures in reportExtensions.json.

How It Works

A DAX measure returns an SVG string prefixed with data:image/svg+xml;utf8,
The measure's dataCategory is set to ImageUrl
Power BI renders the SVG as an image in supported visuals

Supported Visuals

Table (tableEx): grid.imageHeight / grid.imageWidth -- references/svg-table-matrix.md
Matrix (pivotTable): same as table -- references/svg-table-matrix.md
Image (image): sourceType='imageData' + sourceField -- references/svg-image-visual.md
Card/New (cardVisual): the image object (image area) or cardImage (callout image) -- references/svg-template-matrix.md, patterns in references/svg-card-slicer.md
Slicer/New (advancedSlicerVisual): one image per button through the image "Select from data" slot -- references/svg-template-matrix.md

Start From a Template

Before writing DAX by hand, check references/svg-template-matrix.md: it maps each pattern (bullet, progress, pill, sparkline, dumbbell, diverging, delta, pin, gauge) to the hosts it fits (an SVG on its own goes in an image visual, a card is for a number), shows the verified PBIR wiring per host, and gives the one-step pbir visuals svg / pbir add gauge-card commands that write the pattern as a thin report measure and wire it in. Hand-write SVG DAX only for a shape no template covers.

Workflow: Creating an SVG Measure

Step 0: Design and Preview

Before writing DAX, design the SVG visually:

Query the model first -- use DAX Studio or Tabular Editor CLI to get actual values with the intended filter context. Use real numbers, not placeholders.
Write static SVG to a temp file -- save to /tmp/mockup.svg and open it in a browser to preview layout, colors, and proportions.
Ask for feedback before converting to DAX -- iterating on static SVG is far easier than on DAX string concatenation.
Colors must be hex codes with # -- e.g., fill='#2B7A78'. Never use %23 URL encoding or named colors. Always hex.

Step 1: Create the Extension Measure

Create the extension measure in reportExtensions.json manually (see the pbir-format skill in the pbip plugin for JSON structure).

Track record

Benchmark

18 / 20

test cases passed, vs 9 / 20 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v5 — 9/24/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

data-goblin / power-bi-agentic-development

plugins/custom-visuals/skills/svg-visuals/SKILL.md

View on GitHub ↗

License GPL-3.0Imported 9/24/2026Version v2Bundled 7 files

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

SVG Visuals via DAX Measures (PBIR)

How It Works

Supported Visuals

Start From a Template

Workflow: Creating an SVG Measure

Step 0: Design and Preview

Step 1: Create the Extension Measure

Track record

Benchmark

Adoption

SkillSafety

Source

Related skills