How does this skill solve the Plotly dashboard issue?

It replaces the fragile in-place FigureWidget update pattern with a more reliable 'recreate-on-update' approach wrapped in an ipywidgets Output widget.

Is this fix compatible with VS Code Jupyter notebooks?

Yes, it is specifically optimized for the VS Code renderer by using the 'notebook' renderer setting and proper widget output management.

Why does Plotly FigureWidget throw a KeyError: 'uid'?

This is a known bug in Plotly 6.x occurring when shapes are modified during a JavaScript-to-Python trace delta sync, specifically inside the basewidget.py handler.

Will this approach work with large datasets?

Yes, the skill includes patterns for pre-computing histograms and subsampling large datasets to ensure the dashboard remains responsive even when recreating figures.

Interactive Plotly FigureWidget Fix

Name: Interactive Plotly FigureWidget Fix
Author: smith6jt-cop

bysmith6jt-cop

0•

Data Science & ML

Resolves KeyError: 'uid' errors when updating interactive Plotly FigureWidget shapes and sliders in VS Code.

This skill provides a battle-tested workflow for building stable interactive dashboards in VS Code using Plotly and ipywidgets. It specifically addresses a critical bug in Plotly 6.x where modifying shapes within a FigureWidget triggers a 'uid' KeyError during trace delta synchronization. By implementing a 'recreate-on-update' pattern paired with ipywidgets Output containers, developers can maintain responsive, multi-plot dashboards with synchronized thresholds and high stability, bypassing the limitations of standard FigureWidget batch updates.

Key Features

010 GitHub stars

02Implementation of ipywidgets Output and clear_output for clean rendering

03Efficient data subsampling and pre-computation patterns

04Optimized 'Recreate Figure' workflow for VS Code compatibility

05Fixes Plotly 6.x FigureWidget 'uid' KeyError bug

06Interactive dashboard synchronization for multiple linked plots

Use Cases

01Building QC dashboards for single-cell genomics or scientific datasets

02Creating interactive threshold sliders for real-time data filtering

03Developing linked multi-plot visualizations in VS Code Jupyter notebooks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add smith6jt-cop/skills_registry plotly-figurewidget-interactive

For use in Claude.ai and ChatGPT

Download Skill