diff --git a/front/src/app/embalse/[embalse]/page.tsx b/front/src/app/embalse/[embalse]/page.tsx
index 361c200..1bca99e 100644
--- a/front/src/app/embalse/[embalse]/page.tsx
+++ b/front/src/app/embalse/[embalse]/page.tsx
@@ -4,8 +4,14 @@ import {
   EmbalsePod,
   getReservoirInfoBySlugCached,
   getEmbalseBySlugCached,
+  getAverageLastYearByMonthCached,
+  getAverageHistoricalByMonthCached,
 } from "@/pods/embalse";
-import { mapEmbalseToReservoirData } from "@/pods/embalse/embalse.mapper";
+import {
+  mapReservoirLastYearToViewModel,
+  mapEmbalseToReservoirData,
+  mapHistoricalReservoirToViewModel,
+} from "@/pods/embalse/embalse.mapper";
 
 export const revalidate = 300; // ISR: regenerar cada 5 minutos
 
@@ -30,10 +36,32 @@ export default async function EmbalseDetallePage({ params }: Props) {
   const { embalse } = await params;
   const embalseDoc = await getEmbalseBySlugCached(embalse);
   const embalseInfo = await getReservoirInfoBySlugCached(embalse);
+  const actualYear = new Date().getFullYear();
+  const actualMonth = new Date().getMonth(); // return month 0-11
 
   if (!embalseDoc) {
     notFound();
   }
   const reservoirData = mapEmbalseToReservoirData(embalseDoc, embalseInfo);
-  return <EmbalsePod reservoirData={reservoirData} />;
+
+  const dataMappedOneYearAgo = await getAverageLastYearByMonthCached(
+    embalseDoc.nombre,
+    actualMonth + 1,
+  ).then(mapReservoirLastYearToViewModel);
+
+  const averageHistoricalData = await getAverageHistoricalByMonthCached(
+    embalseDoc.nombre,
+    actualMonth + 1,
+    actualYear - 10, // 10 years ago
+  ).then(mapHistoricalReservoirToViewModel);
+
+  return (
+    <>
+      <EmbalsePod
+        reservoirData={reservoirData}
+        dataOneYearAgo={dataMappedOneYearAgo}
+        dataTenYearsAgo={averageHistoricalData}
+      />
+    </>
+  );
 }
diff --git a/front/src/app/globals.css b/front/src/app/globals.css
index f0275c1..3c11b57 100644
--- a/front/src/app/globals.css
+++ b/front/src/app/globals.css
@@ -24,8 +24,10 @@
   /* Title color */
   --color-title: #051c1f;
 
-  /* Graphic total water */
+  /* Colors of reservoir graphics */
   --color-total-water: #26d6ed;
+  --line-average-last-year: #6904bb;
+  --line-average-last-ten-years: #952e00;
 
   /* Accesible visited link color */
   --color-visited-link: #257782;
diff --git a/front/src/pods/embalse/api/embalse.api-model.ts b/front/src/pods/embalse/api/embalse.api-model.ts
index eaf2219..0db2038 100644
--- a/front/src/pods/embalse/api/embalse.api-model.ts
+++ b/front/src/pods/embalse/api/embalse.api-model.ts
@@ -11,3 +11,15 @@ export interface ReservoirInfo {
   description: string;
   mapUrl?: string;
 }
+
+export interface ReservoirLastYearModel {
+  mes: number;
+  promedio_agua_actual: number;
+}
+
+export interface HistoricalAverageReservoir {
+  embalse: string;
+  mes: number;
+  año: number;
+  promedio_agua_actual: number;
+}
diff --git a/front/src/pods/embalse/api/embalse.api.ts b/front/src/pods/embalse/api/embalse.api.ts
index 4b9e539..03b09c1 100644
--- a/front/src/pods/embalse/api/embalse.api.ts
+++ b/front/src/pods/embalse/api/embalse.api.ts
@@ -1,8 +1,16 @@
 import "server-only";
 import { unstable_cache } from "next/cache";
-import type { ReservoirInfo } from "./embalse.api-model";
+import type {
+  ReservoirInfo,
+  ReservoirLastYearModel,
+  HistoricalAverageReservoir,
+} from "./embalse.api-model";
 import { contentIslandClient } from "@/lib";
-import { getEmbalseBySlug } from "../embalse.repository";
+import {
+  getEmbalseBySlug,
+  getAverageLastYearByMonth,
+  getAverageHistoricalByMonth,
+} from "../embalse.repository";
 import type { Embalse } from "db-model";
 
 /**
@@ -46,3 +54,62 @@ export const getEmbalseBySlugCached = unstable_cache(
   ["embalse-by-slug"],
   { revalidate: 60 },
 );
+
+/**
+ * Function for historical average.
+ *
+ * Cached version of getHistoricalAverageByMonths.
+ * Revalidates every 60 minutes.
+ **/
+export const getAverageLastYearByMonthCached = unstable_cache(
+  async (name: string, month: number): Promise<ReservoirLastYearModel> => {
+    try {
+      const statisticsReservoir = await getAverageLastYearByMonth(name, month);
+
+      if (!statisticsReservoir) {
+        throw new Error("Empty data last year by month - skip cache");
+      }
+
+      return statisticsReservoir;
+    } catch (error) {
+      console.warn(
+        "getAverageLastYearByMonthCached: MongoDB not available or empty, returning empty array.",
+        "Error:",
+        error instanceof Error ? error.message : error,
+      );
+      return;
+    }
+  },
+  ["reservoir-last-year"],
+  { revalidate: 3600 },
+);
+
+export const getAverageHistoricalByMonthCached = unstable_cache(
+  async (
+    reservoirName: string,
+    month: number,
+    year: number,
+  ): Promise<HistoricalAverageReservoir> => {
+    try {
+      const historicalStatistics = await getAverageHistoricalByMonth(
+        reservoirName,
+        month,
+        year,
+      );
+
+      if (!historicalStatistics) {
+        throw new Error("Empty historical data by month and year");
+      }
+      return historicalStatistics;
+    } catch (error) {
+      console.warn(
+        "getAverageHistoricalByMonthCached: MongoDB not available or empty, returning empty array.",
+        "Error:",
+        error instanceof Error ? error.message : error,
+      );
+      return;
+    }
+  },
+  ["reservoir-last-ten-year"],
+  { revalidate: 3600 },
+);
diff --git a/front/src/pods/embalse/components/chart/chart-legend.tsx b/front/src/pods/embalse/components/chart/chart-legend.tsx
new file mode 100644
index 0000000..a7cf76f
--- /dev/null
+++ b/front/src/pods/embalse/components/chart/chart-legend.tsx
@@ -0,0 +1,58 @@
+import React from "react";
+import { monthsNames } from "./chart.constants";
+import { ReferenceLine } from "./chart.helpers";
+
+interface Props {
+  currentLevel: number;
+  monthOneYearAgo: number;
+  yearOneYearAgo: number;
+  averageOneYearAgo: number;
+  monthTenYearsAgo: number;
+  yearTenYearsAgo: number;
+  averageTenYearsAgo: number;
+}
+export const ChartLegend: React.FC<Props> = (props) => {
+  const {
+    currentLevel,
+    monthOneYearAgo,
+    yearOneYearAgo,
+    averageOneYearAgo,
+    monthTenYearsAgo,
+    yearTenYearsAgo,
+    averageTenYearsAgo,
+  } = props;
+
+  return (
+    <div className="flex w-full flex-col items-start pt-1">
+      <div className="flex h-8 flex-row items-center gap-2">
+        <div className="h-2 w-9.5 rounded-t-sm bg-(--color-primary)"></div>
+        <div>
+          <span className="text-base-content text-base">Embalsada:</span>
+          <span className="pl-1">{currentLevel} Hm³</span>
+        </div>
+      </div>
+      {averageOneYearAgo && (
+        <div className="flex h-8 flex-row items-center gap-2">
+          <div className="mx-auto h-0.5 w-10 border-t-4 border-dashed border-(--line-average-last-year)" />
+          <div>
+            <span>
+              {monthsNames[monthOneYearAgo - 1]} de {yearOneYearAgo}:
+            </span>
+            <span className="pl-1">{averageOneYearAgo} Hm³</span>
+          </div>
+        </div>
+      )}
+      {averageTenYearsAgo && (
+        <div className="flex h-8 flex-row items-center gap-2">
+          <div className="mx-auto h-0.5 w-10 border-t-4 border-dotted border-(--line-average-last-ten-years)" />
+          <div>
+            <span>
+              {monthsNames[monthTenYearsAgo - 1]} de {yearTenYearsAgo}:
+            </span>
+            <span className="pl-1">{averageTenYearsAgo} Hm³</span>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
diff --git a/front/src/pods/embalse/components/chart/chart.constants.ts b/front/src/pods/embalse/components/chart/chart.constants.ts
new file mode 100644
index 0000000..0ba2aac
--- /dev/null
+++ b/front/src/pods/embalse/components/chart/chart.constants.ts
@@ -0,0 +1,23 @@
+// Declare the chart dimensions and margins.
+
+export const sizeChart = {
+  width: 200,
+  height: 180,
+  margin: { top: 0, right: 30, bottom: 0, left: 30 },
+  radius: 10,
+};
+
+export const monthsNames = [
+  "Enero",
+  "Febrero",
+  "Marzo",
+  "Abril",
+  "Mayo",
+  "Junio",
+  "Julio",
+  "Agosto",
+  "Septiembre",
+  "Octubre",
+  "Noviembre",
+  "Diciembre",
+];
diff --git a/front/src/pods/embalse/components/chart/chart.helpers.tsx b/front/src/pods/embalse/components/chart/chart.helpers.tsx
new file mode 100644
index 0000000..21e48d3
--- /dev/null
+++ b/front/src/pods/embalse/components/chart/chart.helpers.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import { sizeChart as s } from "./chart.constants";
+
+interface barRoundedTopProps {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  fill: string;
+}
+export const BarRoundedTop: React.FC<barRoundedTopProps> = ({
+  x,
+  y,
+  width,
+  height,
+  fill,
+}): React.ReactNode => {
+  return (
+    <g fill={fill}>
+      {/* Barra según porcentaje con esquinas redondeadas */}
+      <rect x={x} y={y} width={width} height={height} rx={s.radius} />
+      {/* Barra inferior sin redondeo para aplanar la base */}
+      <rect x={x} y={y + height / 2} width={width} height={height / 2} />
+    </g>
+  );
+};
+
+export const ReferenceLine: React.FC<{
+  yPos: number;
+  x1: number;
+  x2: number;
+  stroke: string;
+  dashArray: string;
+}> = ({ yPos, x1, x2, stroke, dashArray }) => (
+  <line
+    y1={yPos}
+    y2={yPos}
+    x1={x1}
+    x2={x2}
+    stroke={stroke}
+    strokeWidth={5}
+    strokeDasharray={dashArray}
+  />
+);
diff --git a/front/src/pods/embalse/components/chart/chart.vm.ts b/front/src/pods/embalse/components/chart/chart.vm.ts
new file mode 100644
index 0000000..42a03c4
--- /dev/null
+++ b/front/src/pods/embalse/components/chart/chart.vm.ts
@@ -0,0 +1,13 @@
+import {
+  DataLastYearModel,
+  HistoricalAverageReservoir,
+} from "@/pods/embalse/embalse.vm";
+
+export interface ChartModel {
+  titleChart?: string;
+  reservoirName: string;
+  currentLevel: number;
+  maxCapacity: number;
+  dataOneYearAgo?: DataLastYearModel;
+  dataTenYearsAgo?: HistoricalAverageReservoir;
+}
diff --git a/front/src/pods/embalse/components/chart/history-chart.tsx b/front/src/pods/embalse/components/chart/history-chart.tsx
new file mode 100644
index 0000000..da3fc53
--- /dev/null
+++ b/front/src/pods/embalse/components/chart/history-chart.tsx
@@ -0,0 +1,129 @@
+import * as d3 from "d3";
+import { ChartModel } from "./chart.vm";
+import { sizeChart as s } from "./chart.constants";
+import { ChartLegend } from "./chart-legend";
+import { BarRoundedTop, ReferenceLine } from "./chart.helpers";
+
+export const HistoryChart: React.FC<ChartModel> = ({
+  titleChart,
+  reservoirName,
+  currentLevel,
+  maxCapacity,
+  dataOneYearAgo,
+  dataTenYearsAgo,
+}) => {
+  let percentageActual = (currentLevel * 100) / maxCapacity;
+  if (percentageActual > 100) {
+    percentageActual = 100;
+  }
+  const isOutside = percentageActual < 10;
+  // Cálculo de escalas
+  const x = d3
+    .scaleBand()
+    .domain([reservoirName])
+    .range([s.margin.left, s.width - s.margin.right])
+    .padding(0.2);
+
+  const y = d3
+    .scaleLinear()
+    .domain([0, 105])
+    .range([s.height - s.margin.bottom, s.margin.top]);
+
+  const barX = x(reservoirName);
+  const barWidth = x.bandwidth();
+  const barY = y(percentageActual);
+  const barHeight = y(0) - barY;
+
+  // Extremos compartidos por las líneas de referencia
+  const refX1 = barX - s.margin.left / 2;
+  const refX2 = barX * 2 + s.margin.left + s.margin.right;
+
+  // Etiqueta: encima de la barra si el nivel es muy bajo (<10%), dentro si no
+  const labelY = isOutside ? barY - 8 : barY + 20;
+
+  return (
+    <section
+      className="card bg-base-100 mx-auto w-full items-center rounded-2xl md:gap-4 md:p-4 md:shadow-lg"
+      aria-labelledby="gauge-title"
+    >
+      <h2 id="gauge-title" className="text-center">
+        {titleChart}
+      </h2>
+
+      <svg width={s.width} height={s.height}>
+        {/* Indicador de capacidad total (100%) */}
+        <rect
+          x={barX}
+          y={y(100)}
+          width={barWidth}
+          height={y(barHeight / 2)}
+          rx={s.radius}
+          fill="var(--color-total-water)"
+        />
+
+        {/* Nivel actual */}
+        <BarRoundedTop
+          x={barX}
+          y={barY}
+          width={barWidth}
+          height={barHeight}
+          fill="var(--color-primary)"
+        />
+
+        {/* Línea de referencia: mismo mes del año anterior */}
+        {dataOneYearAgo && (
+          <ReferenceLine
+            yPos={y((dataOneYearAgo.average * 100) / maxCapacity)}
+            x1={refX1}
+            x2={refX2}
+            stroke={"var(--line-average-last-year)"}
+            dashArray="12"
+          />
+        )}
+
+        {/* Línea de referencia: mismo mes hace 10 años */}
+        {dataTenYearsAgo && (
+          <ReferenceLine
+            yPos={y((dataTenYearsAgo.average * 100) / maxCapacity)}
+            x1={refX1}
+            x2={refX2}
+            stroke={"var(--line-average-last-ten-years)"}
+            dashArray="4"
+          />
+        )}
+        {/* Etiqueta con el nivel actual en Hm³ */}
+        <text
+          x={barX + barWidth / 2}
+          y={labelY}
+          textAnchor="middle"
+          fontSize="16px"
+          fill={
+            isOutside ? "var(--color-base-content)" : "var(--color-brand-100)"
+          }
+          fontWeight="900"
+        >
+          {currentLevel} Hm³
+        </text>
+
+        {/* Eje X */}
+        <line
+          x1={s.margin.left}
+          x2={s.width - s.margin.right}
+          y1={s.height - s.margin.bottom}
+          y2={s.height - s.margin.bottom}
+          stroke="#aaa"
+        />
+      </svg>
+
+      <ChartLegend
+        currentLevel={currentLevel}
+        monthOneYearAgo={dataOneYearAgo.month}
+        yearOneYearAgo={dataOneYearAgo.year}
+        averageOneYearAgo={dataOneYearAgo.average}
+        monthTenYearsAgo={dataTenYearsAgo.month}
+        yearTenYearsAgo={dataTenYearsAgo.year}
+        averageTenYearsAgo={dataTenYearsAgo.average}
+      />
+    </section>
+  );
+};
diff --git a/front/src/pods/embalse/components/chart/index.ts b/front/src/pods/embalse/components/chart/index.ts
new file mode 100644
index 0000000..542fa0c
--- /dev/null
+++ b/front/src/pods/embalse/components/chart/index.ts
@@ -0,0 +1,2 @@
+export * from "./history-chart";
+export * from "./chart.vm";
diff --git a/front/src/pods/embalse/components/index.ts b/front/src/pods/embalse/components/index.ts
index 0843170..f62974a 100644
--- a/front/src/pods/embalse/components/index.ts
+++ b/front/src/pods/embalse/components/index.ts
@@ -2,3 +2,4 @@ export * from "./reservoir-card-detail";
 export * from "./reservoir-card-gauge";
 export * from "./reservoir-card-info.component";
 export * from "./reservoir-gauge";
+export * from "./chart";
diff --git a/front/src/pods/embalse/components/reservoir-card-gauge.tsx b/front/src/pods/embalse/components/reservoir-card-gauge.tsx
index 937bbb4..f24f131 100644
--- a/front/src/pods/embalse/components/reservoir-card-gauge.tsx
+++ b/front/src/pods/embalse/components/reservoir-card-gauge.tsx
@@ -1,28 +1,92 @@
-import { ReservoirData } from "../embalse.vm";
+"use client";
+import React from "react";
+import {
+  DataLastYearModel,
+  HistoricalAverageReservoir,
+  ReservoirData,
+} from "../embalse.vm";
 import { GaugeChart } from "./reservoir-gauge";
 import { GaugeLegend } from "./reservoir-gauge/gauge-chart/components/gauge-legend.component";
+import { HistoryChart } from "./chart";
+import { useIsMobile } from "./useIsMobile";
 interface Props {
   name: string;
   reservoirData: ReservoirData;
+  dataOneYearAgo?: DataLastYearModel;
+  dataTenYearsAgo?: HistoricalAverageReservoir;
 }
 export const ReservoirCardGauge: React.FC<Props> = (props) => {
-  const { name, reservoirData } = props;
+  const { name, reservoirData, dataOneYearAgo, dataTenYearsAgo } = props;
   const { currentVolume, totalCapacity, measurementDate } = reservoirData;
   const percentage = totalCapacity > 0 ? currentVolume / totalCapacity : 0;
+  const [cardGaugeSelected, setCardGaugeSelected] =
+    React.useState<boolean>(true);
+
+  const isMobile = useIsMobile();
+
+  const handleGraphicDisplay = (e: React.MouseEvent<HTMLButtonElement>) => {
+    const action = e.currentTarget.name;
+    if (action === "currentStatus") {
+      setCardGaugeSelected(true);
+    } else if (action === "historicalStatus") {
+      setCardGaugeSelected(false);
+    }
+  };
   return (
     <section
-      className="card bg-base-100 mx-auto w-full items-center gap-6 rounded-2xl p-4 shadow-lg"
+      className="card bg-base-100 mx-auto h-full w-full items-center gap-6 rounded-2xl p-4 shadow-lg"
       aria-labelledby="gauge-title"
     >
       <h2 id="gauge-title" className="text-center">
         {name}
       </h2>
-      <GaugeChart percentage={percentage > 100 ? 100 : percentage} measurementDate=
-        {measurementDate} />
-      <GaugeLegend
-        currentVolume={currentVolume}
-        totalCapacity={totalCapacity}
-      />
+      {isMobile && (
+        <div className="join">
+          <button
+            name="currentStatus"
+            onClick={handleGraphicDisplay}
+            className={`btn join-item h-8 rounded-l-lg ${cardGaugeSelected ? "bg-yellow-50" : "bg-transparent"}`}
+          >
+            Capacidad
+          </button>
+          <button
+            name="historicalStatus"
+            onClick={handleGraphicDisplay}
+            className={`btn join-item h-8 rounded-r-lg ${!cardGaugeSelected ? "bg-yellow-50" : "bg-transparent"}`}
+          >
+            Histórico
+          </button>
+        </div>
+      )}
+      {cardGaugeSelected || !isMobile ? (
+        <>
+          <GaugeChart
+            percentage={percentage > 100 ? 100 : percentage}
+            measurementDate={measurementDate}
+          />
+          <GaugeLegend
+            currentVolume={currentVolume}
+            totalCapacity={totalCapacity}
+          />
+        </>
+      ) : (
+        <HistoryChart
+          currentLevel={currentVolume}
+          maxCapacity={totalCapacity}
+          reservoirName={name}
+          dataOneYearAgo={{
+            average: dataOneYearAgo.average,
+            month: dataOneYearAgo.month,
+            year: dataOneYearAgo.year,
+          }}
+          dataTenYearsAgo={{
+            average: dataTenYearsAgo.average,
+            month: dataTenYearsAgo.month,
+            nameReservoir: name,
+            year: dataTenYearsAgo.year,
+          }}
+        />
+      )}
     </section>
   );
 };
diff --git a/front/src/pods/embalse/components/reservoir-gauge/gauge-chart/components/gauge-arcs.business.ts b/front/src/pods/embalse/components/reservoir-gauge/gauge-chart/components/gauge-arcs.business.ts
index f96eb17..b80436f 100644
--- a/front/src/pods/embalse/components/reservoir-gauge/gauge-chart/components/gauge-arcs.business.ts
+++ b/front/src/pods/embalse/components/reservoir-gauge/gauge-chart/components/gauge-arcs.business.ts
@@ -19,8 +19,6 @@ const createArcGenerator = (endAngle: number) => {
     .cornerRadius(arcConfig.cornerRadius);
 };
 
-
-
 export const calculateFilledAngle = (percentage: number): number => {
   // Ensure percentage is within valid range [0, 1]
   const normalized = Math.max(0, Math.min(1, percentage));
@@ -30,7 +28,10 @@ export const calculateFilledAngle = (percentage: number): number => {
   return arcConfig.startAngle + normalized * totalAngle;
 };
 
-export const drawArc = ({ arcGroup, endAngle, fillColor }: DrawArcParams, animate: boolean = false) => {
+export const drawArc = (
+  { arcGroup, endAngle, fillColor }: DrawArcParams,
+  animate: boolean = false,
+) => {
   const arcGenerator = createArcGenerator(endAngle);
 
   if (animate) {
@@ -51,10 +52,12 @@ export const drawArc = ({ arcGroup, endAngle, fillColor }: DrawArcParams, animat
   }
 };
 
-
-export const drawAnimatedArc = ({ arcGroup, endAngle, fillColor }: DrawArcParams) => {
+export const drawAnimatedArc = ({
+  arcGroup,
+  endAngle,
+  fillColor,
+}: DrawArcParams) => {
   const arcGeneratorStart = createArcGenerator(arcConfig.startAngle);
-  
 
   arcGroup
     .append("path")
@@ -63,11 +66,11 @@ export const drawAnimatedArc = ({ arcGroup, endAngle, fillColor }: DrawArcParams
     .transition()
     .duration(2000)
     .ease(d3.easeCubicInOut)
-    .attrTween("d", function() {
+    .attrTween("d", function () {
       const interpolate = d3.interpolate(arcConfig.startAngle, endAngle);
-      return function(t) {
+      return function (t) {
         const arcGenerator = createArcGenerator(interpolate(t));
-        return arcGenerator(this) || "";
+        return arcGenerator(null) || "";
       };
     });
 };
diff --git a/front/src/pods/embalse/components/useIsMobile.ts b/front/src/pods/embalse/components/useIsMobile.ts
new file mode 100644
index 0000000..6bb8515
--- /dev/null
+++ b/front/src/pods/embalse/components/useIsMobile.ts
@@ -0,0 +1,16 @@
+import React from "react";
+
+export const useIsMobile = () => {
+  const [isMobile, setIsMobile] = React.useState<boolean>(false);
+  React.useEffect(() => {
+    const mediaQuery = window.matchMedia("(max-width: 768px)");
+    setIsMobile(mediaQuery.matches);
+
+    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
+    mediaQuery.addEventListener("change", handler);
+
+    return () => mediaQuery.removeEventListener("change", handler);
+  }, []);
+
+  return isMobile;
+};
diff --git a/front/src/pods/embalse/embalse.component.tsx b/front/src/pods/embalse/embalse.component.tsx
index a1566af..78ed5fa 100644
--- a/front/src/pods/embalse/embalse.component.tsx
+++ b/front/src/pods/embalse/embalse.component.tsx
@@ -3,10 +3,17 @@ import {
   ReservoirCardDetail,
   ReservoirCardGauge,
   ReservoirCardInfo,
+  HistoryChart,
 } from "./components";
-import { ReservoirData } from "./embalse.vm";
+import {
+  ReservoirData,
+  DataLastYearModel,
+  HistoricalAverageReservoir,
+} from "./embalse.vm";
 interface Props {
   reservoirData: ReservoirData;
+  dataOneYearAgo: DataLastYearModel;
+  dataTenYearsAgo: HistoricalAverageReservoir;
 }
 /**   
     La prop name de ReservoirCardGauge ahora recibe reservoirData.nombre (el nombre real del embalse desde la BD).
@@ -14,24 +21,36 @@ interface Props {
    */
 
 export const Embalse: React.FC<Props> = (props) => {
-  const { reservoirData } = props;
+  const { reservoirData, dataOneYearAgo, dataTenYearsAgo } = props;
+
   return (
     <div className="flex flex-col gap-6 self-center pt-6 pr-4 pb-6 pl-4 md:max-w-[900px] md:flex-row md:flex-wrap md:gap-8 md:p-8">
       <div className="card bg-base-100 mx-auto w-full max-w-[400px] items-center gap-6 rounded-2xl shadow-lg md:order-1 md:w-[calc(50%-16px)]">
         <ReservoirCardGauge
           name={reservoirData.nombre}
           reservoirData={reservoirData}
+          dataOneYearAgo={dataOneYearAgo}
+          dataTenYearsAgo={dataTenYearsAgo}
+        />
+      </div>
+      <div className="card bg-base-100 mx-auto hidden w-full max-w-100 items-center gap-6 rounded-2xl shadow-lg md:order-2 md:block md:w-[calc(50%-16px)]">
+        <HistoryChart
+          reservoirName={reservoirData.nombre}
+          currentLevel={reservoirData.currentVolume}
+          maxCapacity={reservoirData.totalCapacity}
+          dataOneYearAgo={dataOneYearAgo}
+          dataTenYearsAgo={dataTenYearsAgo}
+          titleChart="Histórico"
         />
       </div>
-
       {reservoirData.reservoirInfo && (
-        <div className="card bg-base-100 mx-auto w-full max-w-[400px] items-center gap-6 rounded-2xl p-4 shadow-lg md:order-3 md:max-w-[900px]">
+        <div className="card bg-base-100 mx-auto w-full max-w-[400px] items-center gap-6 rounded-2xl p-4 shadow-lg md:order-4 md:max-w-[900px]">
           <ReservoirCardInfo reservoirInfo={reservoirData.reservoirInfo} />
         </div>
       )}
 
       {reservoirData.datosEmbalse.mapUrl && (
-        <div className="card bg-base-100 mx-auto w-full max-w-[400px] items-center gap-6 rounded-2xl p-4 shadow-lg md:order-4 md:max-w-[900px]">
+        <div className="card bg-base-100 mx-auto w-full max-w-[400px] items-center gap-6 rounded-2xl p-4 shadow-lg md:order-5 md:max-w-[900px]">
           <iframe
             title={`Mapa del embalse ${reservoirData.nombre}`}
             src={reservoirData.datosEmbalse.mapUrl}
@@ -42,7 +61,7 @@ export const Embalse: React.FC<Props> = (props) => {
         </div>
       )}
 
-      <div className="card bg-base-100 mx-auto w-full max-w-[400px] items-center gap-6 rounded-2xl p-4 shadow-lg md:order-2 md:w-[calc(50%-16px)]">
+      <div className="card bg-base-100 mx-auto w-full max-w-[400px] items-center gap-6 rounded-2xl p-4 shadow-lg md:order-3 md:max-w-225">
         <ReservoirCardDetail datosEmbalse={reservoirData.datosEmbalse} />
       </div>
     </div>
diff --git a/front/src/pods/embalse/embalse.mapper.spec.ts b/front/src/pods/embalse/embalse.mapper.spec.ts
index f335f36..07ba85e 100644
--- a/front/src/pods/embalse/embalse.mapper.spec.ts
+++ b/front/src/pods/embalse/embalse.mapper.spec.ts
@@ -1,6 +1,17 @@
 import { describe, it, expect } from "vitest";
-import { mapEmbalseToReservoirData } from "./embalse.mapper";
+import {
+  mapEmbalseToReservoirData,
+  mapHistoricalReservoirToViewModel,
+  mapReservoirLastYearToViewModel,
+} from "./embalse.mapper";
 import type { Embalse } from "db-model";
+import * as historicalApi from "./api/embalse.api-model";
+import {
+  createEmptyDataLastYearModel,
+  createEmptyHistoricalAverageReservoir,
+  DataLastYearModel,
+  HistoricalAverageReservoir,
+} from "./embalse.vm";
 
 describe("mapEmbalseToReservoirData", () => {
   const mockEmbalseBase: Partial<Embalse> = {
@@ -184,3 +195,71 @@ describe("mapEmbalseToReservoirData", () => {
     expect(result.datosEmbalse.provincia).toBe("");
   });
 });
+
+describe("mapReservoirLastYearToViewModel", () => {
+  it("should correctly map the fields from the last year", () => {
+    const mockLastYearData: historicalApi.ReservoirLastYearModel = {
+      mes: 3,
+      promedio_agua_actual: 54,
+    };
+
+    const result: DataLastYearModel =
+      mapReservoirLastYearToViewModel(mockLastYearData);
+    const expectResult = {
+      month: 3,
+      average: 54,
+      year: new Date().getFullYear() - 1,
+    };
+
+    expect(result).toEqual(expectResult);
+  });
+
+  it("should return empty data when fill a null value", () => {
+    const result: DataLastYearModel = mapReservoirLastYearToViewModel(null);
+
+    expect(result).toEqual(createEmptyDataLastYearModel());
+  });
+
+  it("should return empty data when fill a undefined value", () => {
+    const result: DataLastYearModel =
+      mapReservoirLastYearToViewModel(undefined);
+
+    expect(result).toEqual(createEmptyDataLastYearModel());
+  });
+});
+
+describe("mapHistoricalReservoirToViewModel", () => {
+  it("should accurately map the fields for the last ten years", () => {
+    const mockHistoricalData: historicalApi.HistoricalAverageReservoir = {
+      año: 2026,
+      embalse: "Viñuela, La",
+      mes: 3,
+      promedio_agua_actual: 149.21,
+    };
+
+    const result: HistoricalAverageReservoir =
+      mapHistoricalReservoirToViewModel(mockHistoricalData);
+
+    const expectResult = {
+      year: 2026,
+      nameReservoir: "Viñuela, La",
+      month: 3,
+      average: 149.21,
+    };
+
+    expect(result).toEqual(expectResult);
+  });
+  it("should return empty data when fill a null value", () => {
+    const result: HistoricalAverageReservoir =
+      mapHistoricalReservoirToViewModel(null);
+
+    expect(result).toEqual(createEmptyHistoricalAverageReservoir());
+  });
+
+  it("should return empty data when fill a undefined value", () => {
+    const result: HistoricalAverageReservoir =
+      mapHistoricalReservoirToViewModel(undefined);
+
+    expect(result).toEqual(createEmptyHistoricalAverageReservoir());
+  });
+});
diff --git a/front/src/pods/embalse/embalse.mapper.ts b/front/src/pods/embalse/embalse.mapper.ts
index 1b5fa9e..abe6866 100644
--- a/front/src/pods/embalse/embalse.mapper.ts
+++ b/front/src/pods/embalse/embalse.mapper.ts
@@ -12,7 +12,14 @@
  */
 
 import type { Embalse } from "db-model";
-import type { ReservoirData, ReservoirInfo } from "./embalse.vm";
+import {
+  ReservoirData,
+  DataLastYearModel,
+  ReservoirInfo,
+  HistoricalAverageReservoir,
+  createEmptyDataLastYearModel,
+  createEmptyHistoricalAverageReservoir,
+} from "./embalse.vm";
 import * as apiModel from "./api";
 
 function formatDate(date: Date | string | null | undefined): string {
@@ -61,3 +68,28 @@ const mapReservoirInfoFromContentIslandToViewModel = (
   authorUrl: embalseInfo.authorUrl ?? "",
   description: embalseInfo.description ?? "",
 });
+
+export const mapReservoirLastYearToViewModel = (
+  apiData: apiModel.ReservoirLastYearModel,
+): DataLastYearModel => {
+  return Boolean(apiData)
+    ? {
+        month: apiData.mes,
+        average: apiData.promedio_agua_actual,
+        year: new Date().getFullYear() - 1,
+      }
+    : createEmptyDataLastYearModel();
+};
+
+export const mapHistoricalReservoirToViewModel = (
+  apiData: apiModel.HistoricalAverageReservoir,
+): HistoricalAverageReservoir => {
+  return Boolean(apiData)
+    ? {
+        nameReservoir: apiData.embalse,
+        year: apiData.año,
+        month: apiData.mes,
+        average: apiData.promedio_agua_actual,
+      }
+    : createEmptyHistoricalAverageReservoir();
+};
diff --git a/front/src/pods/embalse/embalse.pod.tsx b/front/src/pods/embalse/embalse.pod.tsx
index 65c7a9a..1289e2e 100644
--- a/front/src/pods/embalse/embalse.pod.tsx
+++ b/front/src/pods/embalse/embalse.pod.tsx
@@ -1,11 +1,26 @@
 import React from "react";
 import { Embalse } from "./embalse.component";
-import { ReservoirData, ReservoirInfo } from "./embalse.vm";
+import {
+  DataLastYearModel,
+  HistoricalAverageReservoir,
+  ReservoirData,
+} from "./embalse.vm";
 
 interface Props {
   reservoirData: ReservoirData;
+  dataOneYearAgo: DataLastYearModel;
+  dataTenYearsAgo: HistoricalAverageReservoir;
 }
+
 export const EmbalsePod: React.FC<Props> = (props) => {
-  const { reservoirData } = props;
-  return <Embalse reservoirData={reservoirData} />;
+  const { reservoirData, dataOneYearAgo, dataTenYearsAgo } = props;
+  return (
+    <>
+      <Embalse
+        reservoirData={reservoirData}
+        dataOneYearAgo={dataOneYearAgo}
+        dataTenYearsAgo={dataTenYearsAgo}
+      />
+    </>
+  );
 };
diff --git a/front/src/pods/embalse/embalse.repository.ts b/front/src/pods/embalse/embalse.repository.ts
index 6e3ec70..d97312c 100644
--- a/front/src/pods/embalse/embalse.repository.ts
+++ b/front/src/pods/embalse/embalse.repository.ts
@@ -2,7 +2,9 @@
 
 import { getDb } from "@/lib/mongodb";
 import type { Embalse } from "db-model";
+import * as ApiModel from "./api";
 import { mapEmbalse } from "./embalse.repository.mapper";
+
 export async function getEmbalseBySlug(slug: string): Promise<Embalse | null> {
   //conecta con BD y trae datos en base al slug
   const db = await getDb();
@@ -15,3 +17,88 @@ export async function getEmbalseBySlug(slug: string): Promise<Embalse | null> {
   const mappedEmbalse = mapEmbalse(embalse);
   return mappedEmbalse;
 }
+
+/**
+ * Obtain the monthly average for the last year.
+ * @param name:string Reservoir name
+ * @returns ReservoirHistoryModelApi:
+ */
+export const getAverageLastYearByMonth = async (
+  reservoirName: string,
+  month: number,
+): Promise<ApiModel.ReservoirLastYearModel> => {
+  try {
+    const db = await getDb();
+    const results = await db
+      .collection<ApiModel.ReservoirLastYearModel>(
+        "embalsesPromedioHistoricoPorMeses",
+      )
+      .aggregate<ApiModel.ReservoirLastYearModel>([
+        { $match: { embalse: reservoirName } },
+        { $unwind: "$meses" },
+        { $match: { "meses.mes": month } },
+        {
+          $project: {
+            mes: "$meses.mes",
+            promedio_agua_actual: "$meses.promedio_agua_actual",
+          },
+        },
+        { $limit: 1 },
+      ])
+      .next();
+
+    return results;
+  } catch (error) {
+    console.warn(
+      "getAverageByMonths: MongoDB not available (build time?), returning empty array.",
+      "Error:",
+      error instanceof Error ? error.message : error,
+    );
+  }
+};
+
+/**
+ * Obtain the average monthly and annual values ​​received per parameter
+ *
+ * @param name:string Reservoir name
+ * @param month:number Month number (1-12)
+ * @param year:number Year number (yyyy)
+ * @returns HistoricalAverageReservoir:
+ */
+export const getAverageHistoricalByMonth = async (
+  reservoirName: string,
+  month: number,
+  year: number,
+): Promise<ApiModel.HistoricalAverageReservoir> => {
+  try {
+    const db = await getDb();
+    const results = await db
+      .collection<ApiModel.HistoricalAverageReservoir>(
+        "embalsesPromedioHistoricoDiezAnios",
+      )
+      .aggregate<ApiModel.HistoricalAverageReservoir>([
+        { $match: { embalse: reservoirName } },
+        { $unwind: "$meses" },
+        { $match: { "meses.año": year, "meses.mes": month } },
+        {
+          $project: {
+            _id: 0,
+            embalse: 1,
+            año: "$meses.año",
+            mes: "$meses.mes",
+            promedio_agua_actual: "$meses.promedio_agua_actual",
+          },
+        },
+      ])
+      .next();
+
+    return results;
+  } catch (error) {
+    console.warn(
+      "getAverageHistorical: MongoDB not available (build time?), returning empty array.",
+      "Error:",
+      error instanceof Error ? error.message : error,
+    );
+    return;
+  }
+};
diff --git a/front/src/pods/embalse/embalse.vm.ts b/front/src/pods/embalse/embalse.vm.ts
index 58362db..536189e 100644
--- a/front/src/pods/embalse/embalse.vm.ts
+++ b/front/src/pods/embalse/embalse.vm.ts
@@ -53,3 +53,28 @@ export const createEmptyEmbalseInfo = (): ReservoirInfo => ({
   authorUrl: "",
   description: "",
 });
+
+export interface DataLastYearModel {
+  year?: number;
+  month: number;
+  average: number;
+}
+export const createEmptyDataLastYearModel = (): DataLastYearModel => ({
+  year: new Date().getFullYear() - 1,
+  month: new Date().getMonth(),
+  average: 0,
+});
+
+export interface HistoricalAverageReservoir {
+  nameReservoir: string;
+  month: number;
+  year: number;
+  average: number;
+}
+export const createEmptyHistoricalAverageReservoir =
+  (): HistoricalAverageReservoir => ({
+    nameReservoir: "",
+    month: new Date().getMonth(),
+    year: new Date().getFullYear() - 10,
+    average: 0,
+  });
diff --git a/packages/db/src/console-runners/historical-seed/api.ts b/packages/db/src/console-runners/historical-seed/api.ts
new file mode 100644
index 0000000..c7929ee
--- /dev/null
+++ b/packages/db/src/console-runners/historical-seed/api.ts
@@ -0,0 +1,80 @@
+import axios from "axios";
+import { ArcGISStatResponse } from "./types.js";
+
+const BASE_URL =
+  "https://services-eu1.arcgis.com/RvnYk1PBUJ9rrAuT/arcgis/rest/services/Embalses_Total/FeatureServer/0/query";
+
+const DELAY_MS = 200; // pausa entre requests para no saturar la API
+
+function sleep(ms: number): Promise<void> {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+/**
+ * Consulta estadística genérica con paginación por offset.
+ */
+async function fetchStatQuery(
+  where: string,
+): Promise<Array<{ embalse_nombre: string; avg_agua_actual: number }>> {
+  const results: Array<{ embalse_nombre: string; avg_agua_actual: number }> =
+    [];
+  let offset = 0;
+
+  while (true) {
+    const params = {
+      where,
+      outStatistics: JSON.stringify([
+        {
+          statisticType: "avg",
+          onStatisticField: "agua_actual",
+          outStatisticFieldName: "avg_agua_actual",
+        },
+      ]),
+      groupByFieldsForStatistics: "embalse_nombre",
+      resultOffset: offset,
+      resultRecordCount: 2000,
+      f: "json",
+    };
+
+    const response = await axios.get<ArcGISStatResponse>(BASE_URL, { params });
+    const { features, exceededTransferLimit } = response.data;
+
+    for (const feature of features) {
+      const nombre = feature.attributes.embalse_nombre as string;
+      const avg = feature.attributes.avg_agua_actual as number;
+      if (nombre && avg != null) {
+        results.push({ embalse_nombre: nombre, avg_agua_actual: avg });
+      }
+    }
+
+    if (exceededTransferLimit) {
+      offset += 2000;
+      await sleep(DELAY_MS);
+    } else {
+      break;
+    }
+  }
+
+  return results;
+}
+
+/**
+ * Promedio mensual de agua_actual por embalse para un año-mes dado.
+ */
+export async function fetchMonthlyAvg(
+  year: number,
+  month: number,
+): Promise<Array<{ embalse_nombre: string; avg_agua_actual: number }>> {
+  // Rango: primer día del mes a primer día del mes siguiente
+  const start = new Date(Date.UTC(year, month - 1, 1));
+  const end = new Date(Date.UTC(year, month, 1)); // mes siguiente
+
+  const where = `fecha >= timestamp '${formatTimestamp(start)}' AND fecha < timestamp '${formatTimestamp(end)}'`;
+
+  await sleep(DELAY_MS);
+  return fetchStatQuery(where);
+}
+
+function formatTimestamp(date: Date): string {
+  return date.toISOString().replace("T", " ").replace("Z", "");
+}
diff --git a/packages/db/src/console-runners/historical-seed/historical.mapped.spec.ts b/packages/db/src/console-runners/historical-seed/historical.mapped.spec.ts
new file mode 100644
index 0000000..1a395ad
--- /dev/null
+++ b/packages/db/src/console-runners/historical-seed/historical.mapped.spec.ts
@@ -0,0 +1,131 @@
+import {
+  mapHistoricalAverageToDB,
+  mapLastYearAverageToDB,
+} from "./historical.mapped.js";
+import {
+  createEmptyHistoricalLastYear,
+  createEmptyHistoricalTenYearsAgo,
+  HistoricalLastYear,
+  HistoricalTenYearsAgo,
+  PromedioAnualPorMesOutput,
+  PromedioMensualOutput,
+} from "./types.js";
+import { describe, it, expect } from "vitest";
+
+describe("mapHistoricalAverageToDB", () => {
+  it("should accurately map the fields for the last ten years", () => {
+    const mockHistoricalData: PromedioMensualOutput = {
+      metadata: {
+        generatedAt: "2026-03-05T10:45:15.199Z",
+        periodoInicio: "2016-03",
+        periodoFin: "2026-03",
+      },
+      data: {
+        Aceña: [
+          {
+            año: 2016,
+            mes: 3,
+            promedio_agua_actual: 15.2,
+          },
+          {
+            año: 2016,
+            mes: 4,
+            promedio_agua_actual: 18.75,
+          },
+        ],
+      },
+    };
+    const result: HistoricalTenYearsAgo[] =
+      mapHistoricalAverageToDB(mockHistoricalData);
+
+    const expectResult = [
+      {
+        embalse: "Aceña",
+        meses: [
+          {
+            mes: 3,
+            año: 2016,
+            promedio_agua_actual: 15.2,
+          },
+          {
+            mes: 4,
+            año: 2016,
+            promedio_agua_actual: 18.75,
+          },
+        ],
+        metadata: {
+          generatedAt: "2026-03-05T10:45:15.199Z",
+          periodoInicio: "2016-03",
+          periodoFin: "2026-03",
+        },
+      },
+    ];
+    expect(result).toEqual(expectResult);
+  });
+
+  it("should return empty data when fill a null value", () => {
+    const result: HistoricalTenYearsAgo[] = mapHistoricalAverageToDB(null);
+    expect(result).toEqual(createEmptyHistoricalTenYearsAgo());
+  });
+  it("should return empty data when fill a undefined value", () => {
+    const result: HistoricalTenYearsAgo[] = mapHistoricalAverageToDB(undefined);
+    expect(result).toEqual(createEmptyHistoricalTenYearsAgo());
+  });
+});
+
+describe("mapHistoricalAverageToDB", () => {
+  it("should accurately map the fields for last years", () => {
+    const mockHistoricalData: PromedioAnualPorMesOutput = {
+      metadata: {
+        generatedAt: "2026-03-05T10:45:15.199Z",
+        periodoInicio: "2016-03",
+        periodoFin: "2026-03",
+      },
+      data: {
+        Aceña: [
+          {
+            mes: 3,
+            promedio_agua_actual: 15.2,
+          },
+          {
+            mes: 4,
+            promedio_agua_actual: 18.75,
+          },
+        ],
+      },
+    };
+    const result: HistoricalLastYear[] =
+      mapLastYearAverageToDB(mockHistoricalData);
+
+    const expectResult = [
+      {
+        embalse: "Aceña",
+        meses: [
+          {
+            mes: 3,
+            promedio_agua_actual: 15.2,
+          },
+          {
+            mes: 4,
+            promedio_agua_actual: 18.75,
+          },
+        ],
+        metadata: {
+          generatedAt: "2026-03-05T10:45:15.199Z",
+          periodoInicio: "2016-03",
+          periodoFin: "2026-03",
+        },
+      },
+    ];
+    expect(result).toEqual(expectResult);
+  });
+
+  it("should return empty data when fill a null value", () => {
+    const result: HistoricalLastYear[] = mapLastYearAverageToDB(null);
+    expect(result).toEqual(createEmptyHistoricalLastYear());
+  });
+  it("should return empty data when fill a undefined value", () => {
+    const result: HistoricalLastYear[] = mapLastYearAverageToDB(undefined);
+    expect(result).toEqual(createEmptyHistoricalLastYear());
+  });
+});
diff --git a/packages/db/src/console-runners/historical-seed/historical.mapped.ts b/packages/db/src/console-runners/historical-seed/historical.mapped.ts
new file mode 100644
index 0000000..5dcc84d
--- /dev/null
+++ b/packages/db/src/console-runners/historical-seed/historical.mapped.ts
@@ -0,0 +1,67 @@
+import {
+  PromedioAnualPorMesOutput,
+  PromedioMensualOutput,
+  HistoricalTenYearsAgo,
+  HistoricalLastYear,
+  createEmptyHistoricalTenYearsAgo,
+  createEmptyHistoricalLastYear,
+} from "./types.js";
+
+export const mapHistoricalAverageToDB = (
+  historicalData: PromedioMensualOutput,
+): HistoricalTenYearsAgo[] => {
+  if (Boolean(historicalData)) {
+    const { data, metadata } = historicalData;
+
+    const dataMapped: HistoricalTenYearsAgo[] = Object.entries(data).map(
+      ([reservoirName, monthly]) => {
+        return {
+          embalse: reservoirName,
+          meses: monthly.map((month) => ({
+            mes: month.mes,
+            año: month.año,
+            promedio_agua_actual: month.promedio_agua_actual,
+          })),
+          metadata: {
+            generatedAt: metadata.generatedAt,
+            periodoInicio: metadata.periodoInicio,
+            periodoFin: metadata.periodoFin,
+          },
+        };
+      },
+    );
+
+    return dataMapped;
+  } else {
+    return createEmptyHistoricalTenYearsAgo();
+  }
+};
+
+export const mapLastYearAverageToDB = (
+  lastYearData: PromedioAnualPorMesOutput,
+): HistoricalLastYear[] => {
+  if (Boolean(lastYearData)) {
+    const { data, metadata } = lastYearData;
+
+    const dataMapped: HistoricalLastYear[] = Object.entries(data).map(
+      ([reservoirName, monthly]) => {
+        return {
+          embalse: reservoirName,
+          meses: monthly.map((month) => ({
+            mes: month.mes,
+            promedio_agua_actual: month.promedio_agua_actual,
+          })),
+          metadata: {
+            generatedAt: metadata.generatedAt,
+            periodoInicio: metadata.periodoInicio,
+            periodoFin: metadata.periodoFin,
+          },
+        };
+      },
+    );
+
+    return dataMapped;
+  } else {
+    return createEmptyHistoricalLastYear();
+  }
+};
diff --git a/packages/db/src/console-runners/historical-seed/index.ts b/packages/db/src/console-runners/historical-seed/index.ts
new file mode 100644
index 0000000..0687be4
--- /dev/null
+++ b/packages/db/src/console-runners/historical-seed/index.ts
@@ -0,0 +1,160 @@
+import * as fs from "fs";
+import * as path from "path";
+import { fetchMonthlyAvg } from "./api.js";
+import {
+  PromedioMensualOutput,
+  PromedioAnualPorMesOutput,
+  PromedioMensualEntry,
+  PromedioAnualPorMesEntry,
+} from "./types.js";
+import {
+  mapHistoricalAverageToDB,
+  mapLastYearAverageToDB,
+} from "./historical.mapped.js";
+import { historicalRepository } from "#dals/index.js";
+import { dbServer } from "#core/servers/db.server.js";
+
+const END_YEAR = new Date().getFullYear();
+const END_MONTH = new Date().getMonth() + 1;
+const START_YEAR = END_YEAR - 10;
+const START_MONTH = END_MONTH;
+
+async function generateMonthlyAverages(): Promise<PromedioMensualOutput> {
+  const data: Record<string, PromedioMensualEntry[]> = {};
+
+  let year = START_YEAR;
+  let month = START_MONTH;
+  let count = 0;
+
+  while (year < END_YEAR || (year === END_YEAR && month <= END_MONTH)) {
+    count++;
+    console.log(
+      `[Mensual] Consultando ${year}-${String(month).padStart(2, "0")}...`,
+    );
+
+    const results = await fetchMonthlyAvg(year, month);
+
+    for (const r of results) {
+      if (!data[r.embalse_nombre]) {
+        data[r.embalse_nombre] = [];
+      }
+      data[r.embalse_nombre].push({
+        año: year,
+        mes: month,
+        promedio_agua_actual: Math.round(r.avg_agua_actual * 100) / 100,
+      });
+    }
+
+    // Avanzar al siguiente mes
+    month++;
+    if (month > 12) {
+      month = 1;
+      year++;
+    }
+  }
+  console.log(
+    `[Mensual] Completado: ${count} meses, ${Object.keys(data).length} embalses`,
+  );
+
+  return {
+    metadata: {
+      generatedAt: new Date().toISOString(),
+      periodoInicio: `${START_YEAR}-${String(START_MONTH).padStart(2, "0")}`,
+      periodoFin: `${END_YEAR}-${String(END_MONTH).padStart(2, "0")}`,
+    },
+    data,
+  };
+}
+
+/**
+ * generateMonthlyGlobalAverages
+ *
+ * Esta función recibe los datos mensuales de todos los embalses y extrae
+ * únicamente los datos del año anterior (el año previo al END_YEAR).
+ *
+ * Para cada embalse, filtra las entradas que corresponden al año anterior
+ * y devuelve un array con la medida de agua_actual de cada mes de ese año.
+ *
+ * Ejemplo: si END_YEAR es 2026, la función devuelve los datos de 2025.
+ * Para el embalse "Buendía" devolvería: enero 2025 -> 100, febrero 2025 -> 95, etc.
+ *
+ * @param monthlyData - Diccionario donde la clave es el nombre del embalse y el valor
+ *                      es un array con las entradas mensuales (año, mes, promedio_agua_actual).
+ * @returns Un objeto con metadata (fecha de generación, periodo) y los datos del año anterior por mes.
+ */
+function generateMonthlyGlobalAverages(
+  monthlyData: Record<string, PromedioMensualEntry[]>,
+): PromedioAnualPorMesOutput {
+  // El año anterior al año final configurado
+  const previousYear = END_YEAR - 1;
+
+  // Objeto donde almacenaremos el resultado: clave = nombre del embalse, valor = array de datos por mes
+  const data: Record<string, PromedioAnualPorMesEntry[]> = {};
+
+  // Iteramos sobre cada embalse y sus entradas mensuales
+  for (const [embalse, entries] of Object.entries(monthlyData)) {
+    // Filtramos solo las entradas que pertenecen al año anterior
+    data[embalse] = entries
+      .filter((entry) => entry.año === previousYear)
+      // Ordenamos por mes (enero a diciembre)
+      .sort((a, b) => a.mes - b.mes)
+      // Mapeamos al formato de salida, manteniendo el valor original (sin promediar)
+      .map((entry) => ({
+        mes: entry.mes,
+        promedio_agua_actual: entry.promedio_agua_actual,
+      }));
+  }
+
+  // Log informativo: cuántos embalses se han procesado
+  console.log(
+    `[Anual por mes] Completado: ${Object.keys(data).length} embalses (año ${previousYear})`,
+  );
+
+  // Devolvemos el resultado con metadata y los datos del año anterior
+  return {
+    metadata: {
+      generatedAt: new Date().toISOString(),
+      periodoInicio: `${previousYear}-01`,
+      periodoFin: `${previousYear}-12`,
+    },
+    data,
+  };
+}
+
+export async function run() {
+  try {
+    /**  Promedio por meses de los últimos 10 años **/
+    console.log("=== Generando promedios mensuales (10 años) ===");
+    const historicalData = await generateMonthlyAverages();
+
+    const historicalDataMapped = mapHistoricalAverageToDB(historicalData);
+    if (historicalDataMapped.length === 0) {
+      console.log("No se encontraron datos de histórico para actualizar");
+      return;
+    }
+    await historicalRepository.updateHistoricalTenYearsAgo(
+      historicalDataMapped,
+    );
+
+    /** Promedio por mes del último año **/
+    console.log("=== Generando promedios por mes del último año ===");
+    const lastYearData = generateMonthlyGlobalAverages(historicalData.data);
+    const lastYearDataMapped = mapLastYearAverageToDB(lastYearData);
+    if (lastYearDataMapped.length === 0) {
+      console.log("No se encontraron datos del último año para actualizar");
+      return;
+    }
+    await historicalRepository.updateHistoricalLastYear(lastYearDataMapped);
+
+    await dbServer.disconnect();
+  } catch (error) {
+    console.error("Console-runners historical data: ", error);
+  }
+
+  console.log("Listo!");
+}
+
+run().catch((err) => {
+  console.error("Error:", err);
+  process.exit(1);
+});
diff --git a/packages/db/src/console-runners/historical-seed/types.ts b/packages/db/src/console-runners/historical-seed/types.ts
new file mode 100644
index 0000000..c59eab6
--- /dev/null
+++ b/packages/db/src/console-runners/historical-seed/types.ts
@@ -0,0 +1,104 @@
+// Respuesta de ArcGIS para consultas estadísticas
+export interface ArcGISStatResponse {
+  features: Array<{
+    attributes: Record<string, string | number | null>;
+  }>;
+  exceededTransferLimit?: boolean;
+}
+
+// Entrada mensual por embalse
+export interface PromedioMensualEntry {
+  año: number;
+  mes: number;
+  promedio_agua_actual: number;
+}
+
+// Entrada de promedio global por mes (agregado sobre todos los años)
+export interface PromedioAnualPorMesEntry {
+  mes: number;
+  promedio_agua_actual: number;
+}
+
+// Estructura del JSON de salida mensual
+export interface PromedioMensualOutput {
+  metadata: {
+    generatedAt: string;
+    periodoInicio: string;
+    periodoFin: string;
+  };
+  data: Record<string, PromedioMensualEntry[]>;
+}
+
+// Estructura del JSON de salida de promedio por mes (agregado sobre los 10 años)
+export interface PromedioAnualPorMesOutput {
+  metadata: {
+    generatedAt: string;
+    periodoInicio: string;
+    periodoFin: string;
+  };
+  data: Record<string, PromedioAnualPorMesEntry[]>;
+}
+// Genérico de metadata
+export interface Metadata {
+  generatedAt: string;
+  periodoInicio: string;
+  periodoFin: string;
+}
+
+// Estructura del JSON de salida para base de datos (sobre los últimos 10 años)
+interface MonthlyTenYearsAgo {
+  año: number;
+  mes: number;
+  promedio_agua_actual: number;
+}
+export interface HistoricalTenYearsAgo {
+  embalse: string;
+  meses: MonthlyTenYearsAgo[];
+  metadata: Metadata;
+}
+export const createEmptyHistoricalTenYearsAgo = (): HistoricalTenYearsAgo[] => {
+  return [
+    {
+      embalse: "",
+      meses: [
+        {
+          año: new Date().getFullYear(),
+          mes: new Date().getMonth() + 1,
+          promedio_agua_actual: 0,
+        },
+      ],
+      metadata: {
+        generatedAt: "",
+        periodoInicio: "",
+        periodoFin: "",
+      },
+    },
+  ];
+};
+
+// Estructura del JSON de salida para base de datos (del año anterior)
+
+export interface HistoricalLastYear {
+  embalse: string;
+  meses: PromedioAnualPorMesEntry[];
+  metadata: Metadata;
+}
+
+export const createEmptyHistoricalLastYear = (): HistoricalLastYear[] => {
+  return [
+    {
+      embalse: "",
+      meses: [
+        {
+          mes: new Date().getMonth() + 1,
+          promedio_agua_actual: 0,
+        },
+      ],
+      metadata: {
+        generatedAt: "",
+        periodoInicio: "",
+        periodoFin: "",
+      },
+    },
+  ];
+};
diff --git a/packages/db/src/dals/historical/historical.context.ts b/packages/db/src/dals/historical/historical.context.ts
new file mode 100644
index 0000000..1b0f494
--- /dev/null
+++ b/packages/db/src/dals/historical/historical.context.ts
@@ -0,0 +1,15 @@
+import { dbServer } from "#core/servers/index.js";
+import {
+  HistoricalLastYear,
+  HistoricalTenYearsAgo,
+} from "#console-runners/historical-seed/types.js";
+
+export const getHistoricalTenYearsAgoContext = () =>
+  dbServer.db?.collection<HistoricalTenYearsAgo>(
+    "embalsesPromedioHistoricoDiezAnios",
+  );
+
+export const getHistoricalLastYearContext = () =>
+  dbServer.db?.collection<HistoricalLastYear>(
+    "embalsesPromedioHistoricoPorMeses",
+  );
diff --git a/packages/db/src/dals/historical/historical.repository.ts b/packages/db/src/dals/historical/historical.repository.ts
new file mode 100644
index 0000000..83c832c
--- /dev/null
+++ b/packages/db/src/dals/historical/historical.repository.ts
@@ -0,0 +1,41 @@
+import {
+  HistoricalLastYear,
+  HistoricalTenYearsAgo,
+} from "#console-runners/historical-seed/types.js";
+import {
+  getHistoricalLastYearContext,
+  getHistoricalTenYearsAgoContext,
+} from "./historical.context.js";
+
+export const historicalRepository = {
+  updateHistoricalTenYearsAgo: async (
+    reservoirs: HistoricalTenYearsAgo[],
+  ): Promise<boolean> => {
+    const { ok } = await getHistoricalTenYearsAgoContext().bulkWrite(
+      reservoirs.map((reservoir) => ({
+        updateOne: {
+          filter: { embalse: reservoir.embalse },
+          update: { $set: reservoir },
+          upsert: true,
+        },
+      })),
+    );
+
+    return ok === 1;
+  },
+  updateHistoricalLastYear: async (
+    reservoirs: HistoricalLastYear[],
+  ): Promise<boolean> => {
+    const { ok } = await getHistoricalLastYearContext().bulkWrite(
+      reservoirs.map((reservoir) => ({
+        updateOne: {
+          filter: { embalse: reservoir.embalse },
+          update: { $set: reservoir },
+          upsert: true,
+        },
+      })),
+    );
+
+    return ok === 1;
+  },
+};
diff --git a/packages/db/src/dals/historical/index.ts b/packages/db/src/dals/historical/index.ts
new file mode 100644
index 0000000..1a5e59e
--- /dev/null
+++ b/packages/db/src/dals/historical/index.ts
@@ -0,0 +1,2 @@
+export * from "./historical.context.js";
+export * from "./historical.repository.js";
diff --git a/packages/db/src/dals/index.ts b/packages/db/src/dals/index.ts
index 832838a..daca6d7 100644
--- a/packages/db/src/dals/index.ts
+++ b/packages/db/src/dals/index.ts
@@ -1,3 +1,4 @@
 export * from "./cuencas/index.js";
 export * from "./embalses/index.js";
 export * from "./metadatos/index.js";
+export * from "./historical/index.js";