data-driven-range-slider

1.0.1 • Public • Published

Data driven range slider

Add interactivity to your web apps

NPM Version

D3 and svg based data driven range slider, with good performance

Check out examples

Check out several libraries and frameworks integrations

Installing

npm i data-driven-range-slider

Usage

const RangeSlider = require ('https://bundle.run/data-driven-range-slider@1.0.0');
 
 
new RangeSlider()
   .container(<myDOMElement>)
   .data(<myData>)
   .accessor(d=> d.<myDataPropertyName>)
   .aggregator(group => group.values.length)
   .onBrush(d=> /* Handle range values */)
  
   .svgWidth(800)
   .svgHeight(100)
   .render()
 

Author

David B (twitter)
David B (linkedin)

Package Sidebar

Install

npm i data-driven-range-slider

Weekly Downloads

34

Version

1.0.1

License

ISC

Unpacked Size

18.7 kB

Total Files

4

Last publish

Collaborators

  • katamarani4