d3-scale

Look into scales, you can put whatever you want in the same chart by positioning it using the same scales. https://github.com/d3/d3-scale You can use that same scale to draw just one set of axis. Need multiple Y axis? Create two Y scales with the same range, one X scale. Also I think it's good to understand that "chart" is not really a concept in D3. You just get all the elements of a chart which is why it is so awesome as you get to compose your own chart just the way you like it!

d3 has a lot of really useful libraries baked in. You can even use them independently and roll your own svg using its components as utilities. I find this super helpful when using d3 as a whole isn't really a good option (as part of a React/React-Native app for example). Such as: https://github.com/d3/d3-shape https://github.com/d3/d3-scale Doing it from scratch without the help of utilities like these would be much harder. A couple examples: var line = d3.line() .x(function(d) { return x(d.date); }) .y(function(d) { return y(d.value); }) .curve(d3.curveCatmullRom.alpha(0.5)); line(data); // gives you svg path and var color = d3.scaleLinear().domain([10, 100]).range(["brown", "steelblue"]); color(20); // "#9a3439" color(50); // "#7b5167"

Indeed. Also no three.js [1]. Only some d3 [2] bits. [1] https://threejs.org/ [2] https://github.com/d3/d3-scale

If you use D3 for Javascript visualization it's very easy to get this right. D3 has supported interpolation in CIE and Lab spaces for a long time now, making it easy to create visualizations with perceptual uniformity. Many of its built-in color scales are also perceptually uniform. https://bl.ocks.org/mbostock/3014589 https://github.com/d3/d3-scale/blob/master/README.md#sequent...

I ported these color scales to d3-scale and D3 4.0: https://github.com/d3/d3-scale/blob/master/README.md#sequent...