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: http://github.com/cnlnr/Curved-Boundary-Bar-Chart