Name Last Update
js Loading commit data... Loading commit data...
index.html Loading commit data...
issy.html Loading commit data...
map.html Loading commit data...
selection.html Loading commit data...
sevc.html Loading commit data...
treemap.html Loading commit data...


Is a simple javascript library that allows the connection with DEEP and the inclusion of a Datalet within a HTML page developed by the UNISA TEAM for the ROUTE-TO-PA PROJECT.

Table of contents

Quick start

Clone the repo: git clone

What's included

Within the download you'll find the following directories and files. You'll see something like this:

├── js/
│   ├── bootstrap-3.3.4-dist
│   └── deepClient.js
│   ├── jquery-1.11.2.min.js
└── ├── jquery-2.1.0.min.js

Bugs and feature requests

Have a bug or a feature request? Send a mail to


This is a minimal example of deep client usage.

<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/webcomponents.js"></script>
<script type="text/javascript" src="js/deepClient.js"></script>
 <script type="text/javascript">
    jQuery(document).ready(function($) {
       var datalet_params =
        component   : "DATALET_NAME", 
        params : {
            data-url        : "DATA_URL",
        fields      : Array("FIELD1", "FIELD2"),
        placeHolder : "HTML_PLACEHOLDER"
       ComponentService.deep_url = 'DEEP_URL';


<div id="HTML_PLACEHOLDER"></div>

We create an empty HTML document with a single DIV. On document ready event we create a datalet_params object, this object contains information for Datalet retrieving and initialization.

datalet_params contains : component : the Datalet name to be sent to DEEP : the datasource URL fields : an array with user selected fields from datasource placeHolder : the ID of the DOM element where place the Datalet

ComponentService.getComponent function take a datalet_params object as parameter. This function is responsible for Datalet info retrieving from DEPP and Datalet code retrieving from DEEPCOMPONENTS. Once the Datalet code is available DEEPCLIENT add the Datalet to the document DOM and initialize the Datalet with the data and fields parameters. Now the Datalet is able to complete its lifecycle.

The programmer must specify the DEEP endpoint through the variable ComponentService.deep_url.




UNISA Team - Dipartimento di Informatica - Università degli studi di Salerno - Italy

Code released under the MIT license.