MARKETPLACE
PLUGINS
HISTOGRAM RANGE SLIDER
Histogram Range Slider logo

Histogram Range Slider

Published April 2023
   β€’    Updated December 2025

Plugin details

π™ƒπ™„π™Žπ™π™Šπ™‚π™π˜Όπ™ˆ π™π˜Όπ™‰π™‚π™€ π™Žπ™‡π™„π˜Ώπ™€π™
A range slider allow users to select continuous ranges while also showing them trends related to those ranges. For instance, Airbnb uses them to show the most popular prices corresponding to other specific criteria. A histogram will appear on the slider, showing where the data is spread across the range.


Features:

Select the minimum and maximum range values.
Ability to highlight the optimal range of values with color.
Has three types of handles (round, square and triangular)
allows you to customize the color of the track, the handles of the sliders, and the colors of the bars of the histogram and its elements.
Adjust the width, height slider and histogram settings.
Setting the number of bars on the histogram.
Supports negative and positive or only negative or only positive values
Supports tooltips and the ability to customize their colors and position.
Responsive, fills its container.
And much more ...


Installation:
1. Place a slider element on the page.
2. Set the minimum and maximum slider values (Range Min and Range Max) and Range Min.
3. Connect Data (Histogram List Values)
4 If necessary, make the necessary additional settings.
See the documentation for more details.

Demo:
For detailed connection and demo information, visit the plugin demo page at
https://plugin-preview-mapael.bubbleapps.io/version-test/histogram_slider

Plugin Page:
https://mindforapps.com/plugin_details/histogram-range-slider

Need help adjusting your new application? Our Plugin and Template customers receive a 20% discount for all our Design and Development work.
Contact Jay at [email protected]

Support
And if you have any questions, reach out to us at [email protected]

We appreciate your reviews and suggestions.

$25

One time  β€’  Or  $5/mo

stars   β€’   0 ratings
20 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Mind For Apps logo
Mind For Apps
Joined 2018   β€’   33 Plugins
View contributor profile

Instructions

1. Place a slider element on the page. 2. Set the minimum and maximum slider values (Range Min and Range Max) and Range Min.
3. Connect Data (Histogram List Values)
4 If necessary, make the necessary additional settings.
See the documentation for more details.

Types

This plugin can be found under the following types:
Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
Technical   β€’   Ecommerce   β€’   Mobile   β€’   Productivity   β€’   Media   β€’   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble