diff --git a/components/prose/LineChart.global.vue b/components/prose/LineChart.global.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a9ac5c1a6b031fc3ad6056439512f90216c7204b
--- /dev/null
+++ b/components/prose/LineChart.global.vue
@@ -0,0 +1,36 @@
+<template>
+    <div class="w-full">
+        <canvas id="chart"></canvas>
+    </div>
+</template>
+<script setup>
+import { Chart } from 'chart.js/auto';
+const props = defineProps({
+    title: {
+        type: String,
+        default: ''
+    },
+    labels: {
+        type: Array,
+        default: () => []
+    },
+    data: {
+        type: Array,
+        default: () => []
+    }
+})
+onMounted(() => {
+    new Chart(document.getElementById('chart'), {
+        type: 'line',
+        data: {
+            labels: props.labels,
+            datasets: [
+                {
+                    label: props.title,
+                    data: props.data
+                }
+            ]
+        }
+    })
+})
+</script>