[Feature Request] Support Curved Decision Boundaries and Dynamic Phase Detection for Bar Components

Bắt đầu bằng cách xem xét demo và repository Curved-Boundary-Bar-Chart được liên kết, sau đó kiểm tra cách dcc.Graph, các callback của Dash và các component React/Canvas tùy chỉnh có thể liên quan đến yêu cầu này. Làm rõ API gốc và các loại boundary được hỗ trợ trước khi triển khai; done cần bao gồm việc đánh giá boundary cong, cùng với việc tạo kiểu động cho thanh, nhãn và các trigger pha/trạng thái.

Curved Decision Boundary Bar Chart for Dash

1. Is your feature request related to a problem? Please describe.

In scientific data apps (such as thermodynamic $P$-$T$ phase diagrams), industrial monitoring dashboards, and multi-threshold analysis, users need to visualize dynamic bar elements interacting with non-linear, curved decision boundaries in a 2D parameter space.

Currently, creating dynamic threshold lines with dcc.Graph or standard Dash components primarily targets static, linear thresholds (horizontal or vertical lines). Calculating real-time intersections/collisions between a bar's moving vertex (X = position, Y = height) and polynomial/spline-based curved boundaries to dynamically update bar states (e.g., solid, liquid, gas, or alert levels) is mathematically complex and difficult to streamline in Dash callbacks.

2. Describe the solution you'd like

We would like Dash / Plotly components to support native properties or utilities for defining curved decision boundaries in coordinate space.

When a bar component's X-position or Y-height is dynamically modified via Dash callbacks or user interactions, the component could automatically evaluate the bar top's position against the curved boundaries, dynamically updating the bar's styling, labels, and phase/state triggers.

3. Describe alternatives you've considered

Currently, developers have to manually compute non-linear equations inside Python callbacks (@app.callback) or write low-level custom React/Canvas components using Dash component boilerplate. This introduces significant boilerplate, overhead, and potential latency for high-frequency interactive updates.

4. Additional context

Here is a reference implementation demo and open-source project demonstrating the desired behavior and phase collision logic:

• Live Demo: https://cnlnr.github.io/Curved-Boundary-Bar-Chart/
• GitHub Repository: https://github.com/cnlnr/Curved-Boundary-Bar-Chart