diff --git a/expenses_manager/expenses/templates/expenses/dashboard.html b/expenses_manager/expenses/templates/expenses/dashboard.html
index 360bb7b..d0b4cd0 100644
--- a/expenses_manager/expenses/templates/expenses/dashboard.html
+++ b/expenses_manager/expenses/templates/expenses/dashboard.html
@@ -1,47 +1,77 @@
 <!DOCTYPE html>
 
-<h1>Dashboard</h1>
 
-<h2>Gastos por categoría</h2>
-<ul>
-    {% for row in by_category %}
-    <li>{{ row.category__name}} → {{row.total}}</li>
-    {% empty %}
-    <li>No hay datos</li>
-    {% endfor %}
-
-
-    <form method="get">
-        <label for="year">Año:</label>
-        <select name="year" id="year">
-            <option value="">Todos</option>
-            {% for y in year_list %}
-                <option value="{{ y.year }}"
-                    {% if selected_year == y.year|stringformat:"s" %}selected{% endif %}
-                >
-                    {{ y.year }}
-                </option>
-            {% endfor %}
-        </select>
+<html>
+    <head>
+        <title>Dashboard</title>
+    </head>
     
-        <label for="month">Mes:</label>
-        <select name="month" id="month">
-            <option value="">Todos</option>
-            {% for m in months %}
-                <option value="{{ m }}"
-                    {% if selected_month == m|stringformat:"s" %}selected{% endif %}
-                >
-                    {{ m }}
-                </option>
+    <body>
+        <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+
+
+        <h1>Dashboard</h1>
+        <h2>Gastos por categoría</h2>
+        <ul>
+            {% for row in by_category %}
+            <li>{{ row.category__name}} → {{row.total}}</li>
+            {% empty %}
+            <li>No hay datos</li>
+            {% endfor %}
+        </ul>
+        
+        <ul>
+            <form method="get">
+                <label for="year">Año:</label>
+                <select name="year" id="year">
+                    <option value="">Todos</option>
+                    {% for y in year_list %}
+                        <option value="{{ y.year }}"
+                            {% if selected_year == y.year|stringformat:"s" %}selected{% endif %}
+                        >
+                            {{ y.year }}
+                        </option>
+                    {% endfor %}
+                </select>
+            
+                <label for="month">Mes:</label>
+                <select name="month" id="month">
+                    <option value="">Todos</option>
+                    {% for m in months %}
+                        <option value="{{ m }}"
+                            {% if selected_month == m|stringformat:"s" %}selected{% endif %}
+                        >
+                            {{ m }}
+                        </option>
+                    {% endfor %}
+                </select>
+            
+                <button type="submit">Filtrar</button>
+            </form>
+        
+        
+            {% for row in by_month %}
+            <li>{{ row.month }} → {{ row.total }}</li>
             {% endfor %}
-        </select>
-    
-        <button type="submit">Filtrar</button>
-    </form>
 
+            <canvas id="expensesChart"></canvas>
+            <script>
+                const labels = {{ chart_labels|safe }};
+                const data = {{ chart_data|safe }};
+                
+                const ctx = document.getElementById('expensesChart');
 
-    {% for row in by_month %}
-    <li>{{ row.month }} → {{ row.total }}</li>
-    {% endfor %}
-
-</ul>
\ No newline at end of file
+                new Chart(ctx, {
+                    type: 'bar',
+                    data: {
+                        labels: labels,
+                        datasets:[{
+                            label: 'Gastos',
+                            data: data,
+                        }]
+                    }
+                });
+            </script>
+        </ul>                
+    </body>
+</html>
\ No newline at end of file
diff --git a/expenses_manager/expenses/views.py b/expenses_manager/expenses/views.py
index 75f40f7..e3c7296 100644
--- a/expenses_manager/expenses/views.py
+++ b/expenses_manager/expenses/views.py
@@ -139,8 +139,15 @@ def dashboard(request):
         .distinct()
         .order_by('year')
     )
+    # Month list
     months = list(range(1, 13))
     
+    # Prepare data fot ploting in chart
+    chart_labels = []
+    chart_totals = []
+    for month_data in by_month_display:
+        chart_labels.append(month_data['month'])
+        chart_totals.append(float(month_data['total']))
     
     # Send the data to the dashboard
     return render(request, 'expenses/dashboard.html', {
@@ -150,4 +157,6 @@ def dashboard(request):
         'months': months,
         'selected_year': year,
         'selected_month': month,
+        'chart_labels': chart_labels,
+        'chart_data': chart_totals
     })
\ No newline at end of file
