D3 v4 breaking on interpolate function

Question

I am trying to understand why D3 v4 is no longer compatible with my script. I think this is because some functions have been deprecated and are no longer in use.

This fiddle no longer works with D3 v4. I think this is due to the following line:

var d3LineBasis = d3.svg.line().interpolate("basis");

I have tried using d3.curveBasis as found on this link, but it has not resolved the issue and the script is not running.

None of your fiddle worked when I tried, setting the url to https instead of http drew something. So maybe that is the problem? — Hugues Stefanski, Jan 28 '18 at 08:13
Hello Gerardo - you are spot on once again. If you would like to post this as an answer I shall of course accept it. Thank you. — Noobster, Jan 28 '18 at 12:49
Possible duplicate of [Error with interpolate](https://stackoverflow.com/questions/39065737/error-with-interpolate) — cezar, Nov 29 '18 at 11:37

score 1 · Answer 1 · answered Jan 28 '18 at 12:41

1

Try curves:

var line = d3
    .line()
    .x(function (d) { return x(d.date); })
    .y(function (d) { return y(d.price); })
    .curve(d3.curveNatural);

answered Jan 28 '18 at 12:41

D3 v4 breaking on interpolate function

1 Answers1