anchor.diff:  
   	</div>
   
  -  <div id="container" style="min-width: 400px; max-width: 1000px; height: 600px; margin: 0 auto"></div>
  +  <div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>
   
   
     <script>
   
  +  <%= @array1 = [@city1.population, @city1.demographic_density, @city1.area, @city1.fleet, @city1.idh, @city1.gini, @city1.health, @city1.violence] %>
  +
  +	<%= @array2 = [@city2.population, @city2.demographic_density, @city2.area, @city2.fleet, @city2.idh, @city2.gini, @city2.health, @city2.violence] %>
  +
     $(function () {
  +
  +		var values1 = [<%= raw @array1.to_json %>];
  +		var values2 = [<%= raw @array2.to_json %>];
  +		var name1 = [<%= raw @city1.name.to_json %>];
  +		var name2 = [<%= raw @city2.name.to_json %>];
   
     $('#container').highcharts({
   
  
positive.code: 
        tooltip: {
            shared: true,
            pointFormat: '<span style="color:{series.color}">{series.name}: <b>{point.y:,.0f}</b><br/>'
        },
  
        legend: {
  
negative.code:       },
  
        title: {
            text: name1+" vs "+name2,
            x: -80
        },
  
  