Resize svg when window is resized in d3.js

by

I’m drawing a scatterplot with d3.js. With the help of this question :
Get the size of the screen, current web page and browser window

I’m using this answer :

var w = window,
    d = document,
    e = d.documentElement,
    g = d.getElementsByTagName('body')[0],
    x = w.innerWidth || e.clientWidth || g.clientWidth,
    y = w.innerHeight|| e.clientHeight|| g.clientHeight;

So I’m able to fit my plot to the user’s window like this :

var svg = d3.select("body").append("svg")
        .attr("width", x)
        .attr("height", y)
        .append("g");

Now I’d like that something takes care of resizing the plot when the user resize the window.

PS : I’m not using jQuery in my code.

7 Answers
7

Leave a Comment