Widget for embedding Acoustic sensor data from Sensapp plattform

Real time line graph


In order to embed the Acoustic 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 acousticline 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").linegraphacoustic({
       url: dburl + "databases/raw/data/", 
       sensorid: sensorid,   
       from: from, //unix epoch
       to: to  //unix epoch
    });
 </script>   


Below you find some embedder real-time visualizations of sensors using as example the TecnaliaAcousticd474c0f8-33be-4c09-e48b-bce56c4b7c61/laq sensor.


Text/HTML

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