Идея JSON Visualization. Ruby on Rails

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Time', 'TempC'],
          <% @data.css("hourly").each do |hrly| %>     
         ['<%= hrly.css("time").text %>',<%= hrly.css("tempC").text %>],
      <% end %>
        ]);
        var options = {
          title: 'Temperature forecast'
        };
        var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
</script>
<div id="chart_div" style="width: 100%; height: auto;"></div>

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript">
    $(function() {
    Highcharts.chart('container', {
    chart: {
    type: 'spline'
        },

        title: {
        text: 'Temperature conditions'
        },

        subtitle: {
        text: 'Source: WorldWeatherOnline.com'
        },

        xAxis: {
        categories: [<% @data.css("hourly").each do |hrly | %> <%= hrly.css("time").text %>, <% end %>]
        },

        yAxis: {
        title: {
        text: 'Temperature (°C)'
        }
        },
						
        tooltip: {
        headerFormat: '<b>Temperature</b><br>',
        pointFormat: 'TempC: {point.y:.f} C°'
        },
        plotOptions: {
        spline: {
        marker: {
        enabled: true
        }
        }
        },

        series: [{
        name: 'Time',
        data: [<% @data.css("hourly").each do |hrly | %> <%= hrly.css("tempC").text %>, <% end %>]
        }]
        });
        });
        </script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

<%= link_to 'link_name', your_link_path, data:{turbolinks: 'false'} %>

//= xxxrequire turbolinks