Flexible Data Slider Filter Widget
Many datasets include attributes that are best explored through continuous ranges rather than discrete selections or manual numeric entry. The intent is to provide creators and end‑users with a intuitive, visual, and flexible tool for filtering data by selecting a range of numeric or temporal values. While Experience Builder currently supports filtering through the Filter widget, numeric inputs, and the Timeline widget (for date fields), there is no dedicated, general‑purpose slider that allows users to interactively define a interval or values range across multiple data types. A Data Slider Filter widget would be a powerful addition to ArcGIS Experience Builder, filling a current gap in interactive filtering tools. By supporting numeric, percentage, temporal, and other continuous data types, it would unlock new possibilities for dashboards, public‑facing apps, and analytical experiences. This enhancement would provide users with a more intuitive, engaging, and flexible way to explore data (See attached esri-style interface mockup).
Proposed Functionality:
The Slider Filter widget would allow Experience Builder authors to:
Example Use Cases Across Data Types
1. Percent Values (0–100%)
2. Year or Time Period (e.g., 1990–2025)
3. Days or Duration Fields
4. Numeric Ranges (e.g., population, elevation, cost)
5. Environmental Measurements (e.g., temperature, pH, turbidity)
6. Financial or Economic Values
That looks really nice. I'm going to share this over to the Custom Widgets group.
I really liked this idea, and the builder ui example was so helpful. I have built a functional (I think) example that does what is described in this post, but I am still toying around with what to do with the slider itself. I tried to replicate the ui examples that you provided for the slider, but if the slider thickness and gradient aren't a concern, I could use the calcite slider to achieve the same functionality, and the UI would be much more in line with existing widgets.
I have posted this widget to my GitHub as slider-filter. https://github.com/SunshineLuke90/widgets/tree/master/slider-filter
You can also view the filter in action here: https://exb.luciuscreamer.com/slider-filter
That’s awesome. Thank you for putting this together and exploring the data-slider options. I really appreciate the time and effort you’ve invested in building the functional example. Power BI and Tableau offer similar data range sliders, so I hope your example inspires the Experience Builder team to consider adding this functionality. Thanks again for all your work on this!
JB
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.