diff --git a/resources/js/pages/PerceptronViewer.vue b/resources/js/pages/PerceptronViewer.vue
index 584f651..2efa7e0 100644
--- a/resources/js/pages/PerceptronViewer.vue
+++ b/resources/js/pages/PerceptronViewer.vue
@@ -13,6 +13,7 @@ import {
     LineElement,
     ScatterController,
     LineController,
+    BarController,
 } from 'chart.js';
 import { ArrowDown, ArrowUp } from 'lucide-vue-next';
 import { computed, nextTick, ref, watch } from 'vue';
@@ -51,6 +52,7 @@ ChartJS.register(
     LineElement,
     ScatterController,
     LineController,
+    BarController
 );
 ChartJS.defaults.font.size = 16;
 ChartJS.defaults.color = '#FFF';