Widget for embedding Acoustic sensor data from Sensapp plattform

Real time line graphs - Thermal data 


In order to embed the Thermal real time line graph widget into the portal or smartphone app it is important to:

Load jQuery using the script 
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>

Load Highcharts API interactive JavaScript charts library using the script
 <script src="http://code.highcharts.com/highcharts.js"> </script>

Load CITI-SENSE thermal line graph visualization widget using the script
 <script src="http://toolbox.citi-sense.eu/citisense.graph2.js"> </script>

After that we can define the container for embedding the visualization, e.g.

 <div id="YOUR_CONTAINER_ID" style="padding-left: 20px; padding-top: 20px; width: 500px; height: 400px;"></div>  


and use the following code to actually load the widget in the container

 <script> 
    $("#YOUR_CONTAINER_ID").linegraphkestrel({
       url: dburl + "databases/raw/data/", 
       kestrelid: sensorid, 
       datatype: datatype, // RH= Relative humidity, T= Temperature, WS= Wind Speed  
       from: from, //unix epoch
       to: to  //unix epoch
    });
 </script>   


Below you find some embedder real-time visualizations of sensors using as example the Nexus_5KTU84P_2c9e3af1da069dfc_Kestrel_Temperature sensor.


 <script src="http://code.highcharts.com/highcharts.js"></script>    
 <script src="http://toolbox.citi-sense.eu/citisense.graph2.js"></script>    
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>    
 <script> 
    $("#graph").linegraphkestrel({
       url: "http://54.171.84.153/sensapp/databases/raw/data/", 
       kestrelid: "Nexus_5KTU84P_2c9e3af1da069dfc",
       datatype: "T",   
       from: 1429880386, 
       to: 1429880484
    });
 </script>   
<div id="graph" style="padding-left: 20px; padding-top: 20px; width: 500px; height: 400px;"></div>

This project has received funding from the European Union's Seventh Framework Programme for research, technological development and demonstration under grant agreement no 308524.