Widget for embedding result data from Sensapp plattform

Result graphs - acoustic and thermal data 


In order to embed the result 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 result graph visualization widget using the script
 <script src="http://toolbox.citi-sense.eu/citisense.results.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").resultsComfort({
       url: url, 
       id: id, 
       area: areaid,  
       site: sideid, 
       type: type // A= acoustic, T= thermal
    });
 </script>   


Below you find some embedder real-time visualizations of sensors using as example the user cesar.conde@tecnalia.com .


Acoustic







Thermal

Code

<script src="http://code.highcharts.com/highcharts.js"></script>     
<script src="http://toolbox.citi-sense.eu/citisense.results.js"></script>     
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>   
<script> 
$(function () {
   $("#results2").resultsComfort({ 
       url: "http://54.171.84.153/sensapp/databases/raw/data/", 
       id: "cesar.conde@tecnalia.com",  
      area: 2,
      site: 1,
      type: "A"
    }); 
});
</script>  
<div id="results2"></div>

Code

<script src="http://code.highcharts.com/highcharts.js"></script>     
<script src="http://toolbox.citi-sense.eu/citisense.results.js"></script>     
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>   
<script> 
$(function () {
   $("#results").resultsComfort({ 
       url: "http://54.171.84.153/sensapp/databases/raw/data/", 
       id: "cesar.conde@tecnalia.com",  
      area: 2,
      site: 1,
      type: "T"
    }); 
});
</script>  
<div id="results"></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.