diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e69de29
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..2fd3db1
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "c3"]
+ path = c3
+ url = /~https://github.com/c3js/c3.git
diff --git a/README.md b/README.md
index 7f17001..551c5fd 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,4 @@
# Retavid
-Visualización de datos en tiempo real que son generados por estación IoT provista con sensores de niveles de GPL y CO para fortalecer la seguridad industrial en estaciones de distribución, almacenaje y procesamiento de gas propano en El Salvador
+Visualizar datos generados por estación IoT provista con sensores de niveles de GPL y CO en tiempo real, con el propósito de fortalecer la seguridad industrial en estaciones de distribución, almacenaje y procesamiento de gas propano en El Salvador.
+
+Las lecturas facilitadas por la estación se miden en ppm (partes por millón).
\ No newline at end of file
diff --git a/c3 b/c3
new file mode 160000
index 0000000..fdbbad8
--- /dev/null
+++ b/c3
@@ -0,0 +1 @@
+Subproject commit fdbbad8aa1577ab04de176d23c5b009a285da525
diff --git a/css/app.estilos.css b/css/app.estilos.css
new file mode 100644
index 0000000..e69de29
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..577efc5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Retavid - Sistema de monitoreo de gas propano
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/app.script.js b/js/app.script.js
new file mode 100644
index 0000000..e69de29
diff --git a/js/google.chats.js b/js/google.chats.js
new file mode 100644
index 0000000..4622d1e
--- /dev/null
+++ b/js/google.chats.js
@@ -0,0 +1,33 @@
+//Ejemplo de uso
+// Load the Visualization API and the corechart package.
+google.charts.load('current', {'packages':['corechart']});
+
+// Set a callback to run when the Google Visualization API is loaded.
+google.charts.setOnLoadCallback(drawChart);
+
+// Callback that creates and populates a data table,
+// instantiates the pie chart, passes in the data and
+// draws it.
+function drawChart() {
+
+ // Create the data table.
+ var data = new google.visualization.DataTable();
+ data.addColumn('string', 'Topping');
+ data.addColumn('number', 'Slices');
+ data.addRows([
+ ['Mushrooms', 3],
+ ['Onions', 1],
+ ['Olives', 1],
+ ['Zucchini', 1],
+ ['Pepperoni', 2]
+ ]);
+
+ // Set chart options
+ var options = {'title':'How Much Pizza I Ate Last Night',
+ 'width':400,
+ 'height':300};
+
+ // Instantiate and draw our chart, passing in some options.
+ var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
+ chart.draw(data, options);
+}
\ No newline at end of file