Como alimentar o resultado de um javascrit em um table class do html

Olá pessoal,

gostaria de um ajudinha, pois sou quase um leigo no assunto de programação.Basicamente gostaria de usar no meu código html , um resultado de um script. Gostaria de alimentar os valores em uma tabela com o comando <td class="data">counter_N_range1</td>, sendo counter_N_range1, counter_N_range2, etc as variáveis resultantes do meu script as quais eu gostaria de plotar em um gráfico. Mas da forma como coloquei não funciona. Alguém poderia me ajudar nisso?

Script

<script >

	function loadData1() {
	// variable for the data point
 var p1;
 var p2;
 var p3;
 var p4;
 var p5;
 var p6;
 var factor1;

 $.getJSON('https://www.windguru.cz/int/wgsapi.php?q=station_data&id_station=XXX&password=XXXX&from=-1hour&to=now&avg_minutes=0', function(data1) {

 // get the data point
 p1 = data1.wind_avg;
 p2 = data1.wind_max;
 p3 = data1.wind_min;
 p4 = data1.wind_direction;
 p5= data1.temperature;
 p6= data1.datetime;

 // factor to convert knots to km/h
 factor1=1.852;

 if (p1)
 {
 p_kmh =math.multiply(p1,factor1);
 p2_kmh =math.multiply(p2,factor1);
 //p_kmh = p1*factor1;
 //p2_kmh = p2*factor1;

 }

 var counter_NNE_range1= 0;	var counter_NNE_range2= 0;	var counter_NNE_range3= 0;	var counter_NNE_range4= 0;
 var counter_NE_range1= 0;	var counter_NE_range2= 0;	var counter_NE_range3= 0;	var counter_NE_range4= 0;
 var counter_ENE_range1= 0;	var counter_ENE_range2= 0;	var counter_ENE_range3= 0;	var counter_ENE_range4= 0;
 var counter_E_range1= 0;	var counter_E_range2= 0;	var counter_E_range3= 0;	var counter_E_range4= 0;
 var counter_ESE_range1= 0;	var counter_ESE_range2= 0;	var counter_ESE_range3= 0;	var counter_ESE_range4= 0;
 var counter_SE_range1= 0;	var counter_SE_range2= 0;	var counter_SE_range3= 0;	var counter_SE_range4= 0;
 var counter_SSE_range1= 0;	var counter_SSE_range2= 0;	var counter_SSE_range3= 0;	var counter_SSE_range4= 0;
 var counter_S_range1= 0;	var counter_S_range2= 0;	var counter_S_range3= 0;	var counter_S_range4= 0;
 var counter_SSW_range1= 0;	var counter_SSW_range2= 0;	var counter_SSW_range3= 0;	var counter_SSW_range4= 0;
 var counter_SW_range1= 0;	var counter_SW_range2= 0;	var counter_SW_range3= 0;	var counter_SW_range4= 0;
 var counter_WSW_range1= 0;	var counter_WSW_range2= 0;	var counter_WSW_range3= 0;	var counter_WSW_range4= 0;
 var counter_W_range1= 0;	var counter_W_range2= 0;	var counter_W_range3= 0;	var counter_W_range4= 0;
 var counter_WNW_range1= 0;	var counter_WNW_range2= 0;	var counter_WNW_range3= 0;	var counter_WNW_range4= 0;
 var counter_NW_range1= 0;	var counter_NW_range2= 0;	var counter_NW_range3= 0;	var counter_NW_range4= 0;
 var counter_NNW_range1= 0;	var counter_NNW_range2= 0;	var counter_NNW_range3= 0;	var counter_NNW_range4= 0;
 var counter_N_range1= 0;	var counter_N_range2= 0;	var counter_N_range3= 0;	var counter_N_range4= 0;

for (i = 0, len = p4.length; i < len; i++) {
 switch (true) {
 case (348.75 <= p4[i] && p4[i] < 11.25):/* Direction: Norte (N)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_N_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_N_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_N_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_N_range4 += 1; break;
 }
 break;
 case (11.25 <= p4[i] && p4[i] < 33.75):/* Direction: Norte-Nordeste (NNE)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NNE_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NNE_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NNE_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NNE_range4 += 1; break;
 }
 break;
 case (33.75 <= p4[i] && p4[i] < 56.25):/* Direction: Nordeste (NE)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NE_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NE_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NE_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NE_range4 += 1; break;
 }
 break;
 case (56.25 <= p4[i] && p4[i] < 78.75):/* Direction: Leste-Nordeste (ENE)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_ENE_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_ENE_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_ENE_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_ENE_range4 += 1; break;
 }
 break;
 case (78.75 <= p4[i] && p4[i] < 101.25):/* Direction: Leste (E)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_E_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_E_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_E_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_E_range4 += 1; break;
 }
 break;
 case (101.25 <= p4[i] && p4[i] < 123.75):/* Direction: Leste-Sudeste (ESE)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_ESE_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_ESE_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_ESE_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_ESE_range4 += 1; break;
 }
 break;
 case (123.75 <= p4[i] && p4[i] < 146.25):/* Direction: Sudeste (SE)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SE_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SE_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SE_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SE_range4 += 1; break;
 }
 break;
 case (146.25 <= p4[i] && p4[i] < 168.75):/* Direction: Sul-Sudeste (SSE)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SSE_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SSE_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SSE_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SSE_range4 += 1; break;
 }
 break;
 case (168.75 <= p4[i] && p4[i] < 191.25):/* Direction: Sul (S)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_S_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_S_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_S_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_S_range4 += 1; break;
 }
 break;
 case (191.25 <= p4[i] && p4[i] < 213.75):/* Direction: Sul-Sudoeste (SSW)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SSW_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SSW_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SSW_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SSW_range4 += 1; break;
 }
 break;
 case (213.75 <= p4[i] && p4[i] < 236.25):/* Direction: Sudoeste (SW)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SW_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SW_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SW_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SW_range4 += 1; break;
 }
 break;
 case (236.25 <= p4[i] && p4[i] < 258.75):/* Direction: Oeste-Sudoeste (WSW)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_WSW_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_WSW_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_WSW_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_WSW_range4 += 1; break;
 }
 break;
 case (258.75 <= p4[i] && p4[i] < 281.25):/* Direction: Oeste (W)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_W_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_W_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_W_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_W_range4 += 1; break;
 }
 break;
 case (281.25 <= p4[i] && p4[i] < 303.75):/* Direction: Oeste-Noroeste (WNW)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_WNW_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_WNW_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_WNW_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_WNW_range4 += 1; break;
 }
 break;
 case (303.75 <= p4[i] && p4[i] < 326.25):/* Direction: Noroeste (NW)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NW_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NW_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NW_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NW_range4 += 1; break;
 }
 break;
 case (326.25 <= p4[i] && p4[i] < 348.75):/* Direction: Norte-Noroeste (NNW)*/
 switch (true) {
 // Wind Speed Ranges Count
 case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NNW_range1 += 1; break;
 case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NNW_range2 += 1; break;
 case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NNW_range3 += 1; break;
 case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NNW_range4 += 1; break;
 }
 break;

 }
 }

	});

}

</script>

Código html

<div id="container" style="min-width: 420px; max-width: 600px; height: 400px; margin: 0 auto"></div>
<!-- White line -->

<div style="display:true">
 <!-- White line -->

loadData1();
 <table id="freq" border="0" cellspacing="0" cellpadding="0">
 <tr nowrap bgcolor="#CCCCFF">
 <th colspan="5" class="hdr">Table of Frequencies (percent)</th>
 <!-- White line -->
 </tr>
 <tr nowrap bgcolor="#CCCCFF">
 <th class="freq">Direction</th>
 <th class="freq">0 - 5 km/h </th>
 <th class="freq">5 - 20 km/h </th>
 <th class="freq">20 - 30 km/h </th>
 <th class="freq">> 30 km/h </th>

 </tr>
 <tr nowrap>
 <td class="dir">N</td>
 <td class="data">counter_N_range1</td>
 <td class="data">counter_N_range2</td>
 <td class="data">counter_N_range3</td>
 <td class="data">counter_N_range4</td>

 </tr>
 <tr nowrap bgcolor="#DDDDDD">
 <td class="dir">NNE</td>
 <td class="data">counter_NNE_range1</td>
 <td class="data">counter_NNE_range2</td>
 <td class="data">counter_NNE_range3</td>
 <td class="data">counter_NNE_range4</td>
</tr>
...

 </table>
</div>