anchor.diff:  }
   
   @options_temps =    {animationEasing: "easeOutElastic",
  -                    # generateLegend: true,
                       scaleFontColor: "black",
                       scaleFontSize: 14,
                       responsive: true,
  
positive.code:                                 
  <div class = "col-md-5">
      <div class = "padding dash-font"> 
          
          <p> Right now it's <%=@forecast.temperature[0]%>°F,  <%=@forecast.humidity[0]%>% humidity <img src ="<%=@forecast.conditions_icon%>"> </p>
          <br>   
          <p>Feels like <%=@forecast.heat_index[0]%>°F. </p>
  
negative.code:                     scaleGridLineColor: "rgba(250,128,114,0.1)"
                      } %>
  
      <center>
          <h4 class = 'dash-font'>
              <span class= 'red'>
                  Perceived Temperature vs. 
              </span>
          </h4>
      <h4 class = 'dash-font'> Actual Temperature </h4>
      </center>
  
      <%= line_chart @data_temps, @options_temps %>
  </div>
  </div>
  
  