svg-visuals
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, jitter plots, box-and-whisker charts).
npx skills add data-goblin/power-bi-agentic-development --skill svg-visuals --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 1. A DAX measure returns an SVG string prefixed with `data:image/svg+xml;utf8,` 2. The measure's `dataCategory` is set to `ImageUrl` 3. 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`): `callout.imageFX` -- `references/svg-card-slicer.md` - Slicer/New (`advancedSlicerVisual`): header images -- `references/svg-card-slicer.md` ## Workflow: Creating an SVG Measure ### Step 0: Design and Preview Before writing DAX, design the SVG visually:
- How It Works
- Supported Visuals
- Workflow: Creating an SVG Measure
- Step 0: Design and Preview
- Step 1: Create the Extension Measure
- Step 1b: Review
- Step 2: Bind to a Visual
- Step 3: Validate
- Prefer UDF Libraries Over Custom DAX
- Installing UDF libraries
- DAX SVG Conventions
- Measure Structure (VAR Pattern)
- Axis Normalization (Critical)
- HASONEVALUE Guard
What does the svg-visuals skill do?
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, jitter plots, box-and-whisker charts).
How do I install it?
Run `npx skills add data-goblin/power-bi-agentic-development --skill svg-visuals --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From data-goblin/power-bi-agentic-development, a repository with 833 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.