ChipSlicerHierarchy

ChipSlicer Hierarchy — Power BI Custom Visual

by TCViz

A hierarchical chip/pill slicer for Power BI with drill-down filtering across up to 3 levels:
Category → SubCategory → Product

AppSource Version License


Features

Feature Free Pro
Hierarchy levels 2 3
Values per level 20 Unlimited
Multi-select
Custom per-level colors
Auto-collapse siblings
Configurable reset button

How It Works

  1. Drag a Category field into the Level 1 well
  2. (Optional) Add a SubCategory field to Level 2
  3. (Optional) Add a Product field to Level 3
  4. Click a chip to filter — child chips expand automatically
  5. Click the expand icon (▸) to browse without filtering

Installation

Install directly from Microsoft AppSource.

Build from Source

# Prerequisites: Node.js 18+, pbiviz tools
npm install -g powerbi-visuals-tools

# Install dependencies
npm install

# Start development server (live reload in Power BI Desktop)
npm start

# Build .pbiviz package
npm run build

The output .pbiviz file will be in the dist/ folder.

Project Structure

ChipSlicerHierarchy/
├── src/
│   ├── visual.ts          # Main visual logic + HierarchyManager
│   └── settings.ts        # Formatting settings model
├── style/
│   └── visual.less        # Visual styles
├── assets/
│   └── icon.svg           # AppSource icon (20×20)
├── stringResources/
│   ├── en-US/resources.resjson
│   └── es-ES/resources.resjson
├── docs/
│   ├── privacy-policy.html   # https://tcviz.com/privacy
│   └── terms-of-use.html     # https://tcviz.com/terms
├── capabilities.json      # Data roles & formatting objects
├── pbiviz.json            # Visual metadata
├── package.json
└── tsconfig.json

AppSource Compliance Checklist

License

Commercial software. See Terms of Use and Privacy Policy.
Source code published for AppSource review transparency. Redistribution not permitted.

Support