Company
Date Published
Author
Patrick O'Carroll
Word count
989
Language
English
Hacker News points
None

Summary

The redesign of the thresholds editor in Grafana aimed to improve user experience by making it easier to add and manage multiple thresholds, especially within the new Gauge panel built in React. The original thresholds control was limited and unclear, prompting the team to explore various solutions, including list-based and horizontal line approaches, to enhance clarity and functionality. Ultimately, the design evolved into a vertical line solution that combined elements from previous iterations, allowing users to visually understand and interact with thresholds more intuitively. This final design removed the need for separate "Min" and "Max" values, opting instead for a base color, and incorporated a "+" button for adding new thresholds. Despite these improvements, the single stat panel still uses the old editor, but ongoing experiments by Grafana Labs may lead to further updates. Users are encouraged to provide feedback on the new design to aid in future enhancements.