Fragmentos de código para construir tableros con CDF

En ésta publicación comparto algunos fragmentos de código para construir tableros usando Community Dashboard Framework (CDF).

Archivo .xcdf

<?xml version="1.0" encoding="UTF-8"?>
<cdf>
 <title>Tablero de Mando</title>
 <author>Mauricio Murillo</author>
 <description>Mi primer tablero de mando usando CDF</description>
 <icon></icon>
 <template>tablero.html</template>
 <style>mantle</style>
</cdf>

Archivo .html

<h1>Tablero de Mando</h1>
<table align="center" style="border:0px">
 <tr>
  <td><div id="x"/></td>
  <td><div id="y"/></td>
 </tr>
 <tr>
  <td><div id="z"></td>
  <td><div id="w"></td>
 </tr>
</table>

<script language="javascript" type="text/javascript">
 // Obtener el nombre de la solución y el PATH
 var solution = Dashboards.getQueryParameter("solution");
 var path = Dashboards.getQueryParameter("path");
 // Paramétros Globales del Tablero
 Dashboards.globalcontext = false; 
 //Definición de los componentes
 var components = [];
 // Inicialización del tablero
 Dashboards.init(components); 
</script>