panel-holoviews

Integrate HoloViews visualizations into Panel applications with responsive layouts and interactive streams.

3|Updated Apr 2, 2026

Search Tags:#dashboard #visualization #panel #bokeh #holoviews #hvplot

Ready to run

npx skills add https://github.com/legout/pi-config --skill panel-holoviews-legout

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: panel-holoviews
Source: https://github.com/legout/pi-config/tree/main/installed-skills/panel-holoviews
Command: npx skills add https://github.com/legout/pi-config --skill panel-holoviews-legout

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pyarrow, shapely.

What problem does it solve?

This skill resolves common integration challenges when building interactive data applications with Panel and HoloViews, such as broken zoom states, type mismatch errors, and responsive layout conflicts.

Core Features & Use Cases

DynamicMap Optimization: Learn to preserve zoom/pan states across data refreshes and avoid type errors by using one DynamicMap per element.
Responsive Layouts: Correctly configure responsive sizing for both hvplot and pure HoloViews elements to prevent layout breakage.
Interactive Streams: Implement advanced user interactions like cross-filtering, selection tracking, and streaming data updates using HoloViews streams.

Quick Start

Apply the panel-holoviews patterns to refactor my current dashboard code to ensure responsive sizing and stable zoom behavior during data updates.

Frequently Asked Questions about panel-holoviews

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

FAQPage Schema

How do I keep HoloViews zoom and pan states from resetting during data updates?▼

To preserve HoloViews zoom and pan states during data refreshes, use one DynamicMap per element to avoid type mismatch errors and maintain consistent interactive behavior across dynamic updates.

How do I fix responsive layout issues in Panel dashboards with hvplot?▼

Fix hvplot responsive layout issues by correctly configuring responsive sizing for both hvplot and pure HoloViews elements, which prevents layout breaks in dynamic Panel data dashboards.

What is the best way to implement cross-filtering and selection tracking in Panel?▼

The best way to implement cross-filtering and selection tracking is by using HoloViews streams to handle advanced user interactions and streaming data updates in Panel applications.

Does HoloViews work with Panel for streaming data updates?▼

Yes, HoloViews works with Panel by using interactive streams to implement streaming data updates, cross-filtering, and stable UI behavior during dynamic changes in data dashboards.

Why does my HoloViews DynamicMap throw type mismatch errors?▼

HoloViews DynamicMap throws type mismatch errors when multiple elements are incorrectly combined; isolating one DynamicMap per element resolves these errors and stabilizes application state.