feat: implement reactive Plotly icicle chart generation (Task 4.2)

- Add plotly.graph_objects import
- Create icicle_figure computed property (@rx.var)
- NHS-inspired blue gradient colorscale (Heritage Blue → Pale Blue)
- Custom hover template with patient count, percentage, and cost
- Responsive height (600px), transparent background
- Maintain hierarchy order with sort=False
This commit is contained in:
Andrew Charlwood
2026-02-04 18:45:22 +00:00
parent 14f970d37b
commit ec8f8dc198
2 changed files with 113 additions and 4 deletions
+4 -4
View File
@@ -147,10 +147,10 @@ cd pathways_app && timeout 60 python -m reflex run 2>&1 | head -30
- [x] Call prepare_chart_data() from apply_filters() for reactive updates
### 4.2 Reactive Plotly Integration
- [ ] Create `generate_icicle_chart()` computed property that returns Plotly figure
- [ ] Configure chart colors using design system palette
- [ ] Configure chart interactivity (zoom, pan, click, hover)
- [ ] Set responsive sizing
- [x] Create `generate_icicle_chart()` computed property that returns Plotly figure
- [x] Configure chart colors using design system palette
- [x] Configure chart interactivity (zoom, pan, click, hover)
- [x] Set responsive sizing
### 4.3 Chart Component
- [ ] Integrate `rx.plotly()` component in chart_section