Как правильно нарисовать линейный график с помощью js/jquery?

Нужна функция которая рисует график и добавляет его в блок. Использование SVG не принципиально, просто мне это показалось самым простым способом.
Пример графика:

функция которая у меня сейчас есть:

    function drawChart(id,x1,x2,x3,x4,x5,x6,x7) {
        $(id).prepend('<svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><polyline points="1,1.2069 2,1.2067 3,1.2120 4,1.2103 5,1.2019 6,1.1992 7,1.2025" style="fill:green;"/></svg>')
    }

Пример входных данных:

drawChart("#chart",1.2069,1.2067,1.2120,1.2103,1.2019,1.1992,1.2025,1.2073,1.2137,1.2135)  

Желательно чтобы график адаптивен. Заранее спасибо за ответы.