How can I create JavaScript sliders that emulate the ones on the New York Times "Rent or Buy" web site? : <p>I love the way the sliders on this web site work. How in the world can I make ones that look and act like them?  In particular, I love that everything they are connected to update on the fly. I love that they are non-linear. They have a large touch input grab zone but a small slider icon. And I love that the don't engage if a mobile users touches them but then slides their finger off. It does a great job of preventing accidental touches. </p>

<p><a href="https://www.nytimes.com/interactive/2014/upshot/buy-rent-calculator.html" rel="nofollow noreferrer">https://www.nytimes.com/interactive/2014/upshot/buy-rent-calculator.html</a></p>

<p>I tried using a JS library called ionRangeSlider, but it doesn't feel as slick as the NYT ones. And it doesn't prevent accidental touch inputs.</p>

<p>Any help would be very appreciated.</p>
