d3_v4_slider

This Example demonstrates how you can create a Material Design style input slider range using d3.js V4.

The slider is created using only SVG so styling the slider is easy.

Check out demo at https://bl.ocks.org/arbelzinger/0214f98df0c0ef92d286d6553cc931ff

Styling Properties:

1. width: size of slider

2. value: initial value

3. maxValue:

3. minValue:

3. initialValue: Starting value of thumb

4. color: Of the current value

5. emptyColor: The remaining value

6. thumbColor: The circle's color

7. lineWidth: The line's width

8. thumbSize: The Circle's size