d3RangeSlider/minimal.html at master · acebelowzero/d3RangeSlider · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<head>
    <!-- Dependencies -->
    <script src="https://d3js.org/d3.v5.min.js"></script>

    <!-- Range slider code -->
    <script src="https://cdn.rawgit.com/RasmusFonseca/d3RangeSlider/master/d3RangeSlider.js"></script>

    <!-- Range slider style -->
    <link href="https://cdn.rawgit.com/RasmusFonseca/d3RangeSlider/master/d3RangeSlider.css" rel="stylesheet">

    <style type="text/css">
        #slider-container {
            position: relative;
            height:30px;
            background-color: #eeeef5;
        }
    </style>
</head>
<body>

<div id="slider-container"></div>
<script type="text/javascript">
    var slider = createD3RangeSlider(0, 100, "#slider-container");
</script>

</body>
</html>