.slider

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { 
      margin:10px;
      position:inherit;
      top:0;
      right:0;
      bottom:0;
      left:0; 
    }
    .input {
/*       width:130px; */
    }
  </style>
</head>

// update   
d3.select("input.min")
	.property("min", min)
	.property("max", max)
  .property("value", min);        
d3.select("input.max")
	.property("min", min)
	.property("max", max)
	.property("value", max);  
d3.select("input.slider")
  .property("type", "range")
  .property("min", "input.min.value")
	.property("max", "input.max.value")
	.property("class","slider")
	.property("value", sValue);  
d3.select("input.target")
	.property("class","driver")
  .property("min",min)
	.property("max",max)
	.property("value",sValue);

// Enter
d3.select("input.target").on("input", function() {
  updateValue(+this.value);
});
d3.select(".min").on("input", function() {
  updateMin(+this.value);
});
d3.select(".max").on("input", function() {
  updateValue(+this.value);
});
d3.select(".slider").on("input", function() {
  updateValue(+this.value);
});
      
  
updateValue(90);

function updateValue(sValue) {
  d3.select("#slider-value").text(sValue);
  d3.select("#sliderVal").property("value", sValue)
  d3.select("#inputVal").property("value", sValue);
}

// d3.selectAll("input[type=range]")
//   .property("min", "input.min.value")
// 	.property("max","input.max.value")
// 	.property("class","slider")
// 	.property("value", sValue);        
    
// var number = d3.select("#inputVal")
// 	.attr("number", numExtent)
// 	.property("value", sValue);

// var range = d3.select("#sliderVal")
// 	.attr("range", sliderExtent)
// 	.property("value", sValue);    
    
  
    
d3.selectAll("p").on("click", function() {
  if (d3.select(this).style("color") === "red") {
    d3.select(this).style("color", "black")
  } else (
	  d3.select(this).style("color", "red")
  )
  });

d3.selection.prototype.checked = function(value) {
   return arguments.length < 1
    ? this.property("checked")
    : this.property("checked", !!value);
};

d3.selectAll("input[type=checkbox]").checked(true);

</script>
</body>

https://d3js.org/d3.v4.min.js