JSFiddle - React, Tailwind, and code Playground

by Ryan

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<div id="foo"></div>

JavaScript

var div = d3.select("#foo");

var scale = d3.time.scale().domain([0, 10]).range([0, 100]);

div.append("div").text(scale(0));
div.append("div").text(scale(1));
div.append("div").text(scale(10));
div.append("div").text(scale(11));

var data =  [{x:1, y:1}, {x:2, y:4}, {x:3, y:2}, {x:4, y:1}, {x:5, y:2}];
var xExtent = d3.extent(data, function(d) { return d.x; });
var yExtent = d3.extent(data, function(d) { return d.y; });

div.append("div").text("xExtent: " + xExtent[0] + "," + xExtent[1]);
div.append("div").text("yExtent: " + yExtent[0] + "," + yExtent[1]);