D3 Examples - Reusable Responsive Multiline Chart

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="multiline.css">
    <script src="https://d3js.org/d3.v3.js" charset="utf-8"></script>
    <!--<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>-->
</head>
<body>
<div class="chart-wrapper" id="chart-line1"></div>
​
<script type="text/javascript">
    d3.csv('multiline_data.csv', function(error, data) {
    data.forEach(function (d) {
        d.año = +d.año;
        d.Temperatura_Media = +d.Temperatura_Media;
    });
​
    var chart = makeLineChart(data, 'año', {
        'Temperatura_Media': {column: 'Temperatura_Media'},
    }, {xAxis: 'Años', yAxis: 'Amount'});
    chart.bind("#chart-line1");
    chart.render();
​
});
</script>
<script src="multiline.js" charset="utf-8"></script>
</body>
</html>
    