min en max onderscheiden

<!DOCTYPE html>
<meta charset="utf-8">
<head>
  <title>Data-driven modification of selection</title>
</head>

var myData = [ 10, 40, 20, 30, 50 ];

var s = d3.selectAll('rect');
var maxdata=d3.max(myData);
var mindata=d3.min(myData);

s.data(myData);

s.attr('width', function(d) {
  return d;
  })
  .classed('max', function(d) {
    return d >= maxdata;
  })
	.classed('min', function(d)	{
  	return d <= mindata;
	})
  .attr('y', function(d, i) {
    return i * 40;
  });

</script>
</body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.2/d3.min.js