diff --git a/resources/js/pages/PerceptronViewer.vue b/resources/js/pages/PerceptronViewer.vue
index b8620da..584f651 100644
--- a/resources/js/pages/PerceptronViewer.vue
+++ b/resources/js/pages/PerceptronViewer.vue
@@ -11,6 +11,8 @@ import {
     LinearScale,
     PointElement,
     LineElement,
+    ScatterController,
+    LineController,
 } from 'chart.js';
 import { ArrowDown, ArrowUp } from 'lucide-vue-next';
 import { computed, nextTick, ref, watch } from 'vue';
@@ -47,6 +49,8 @@ ChartJS.register(
     LinearScale,
     PointElement,
     LineElement,
+    ScatterController,
+    LineController,
 );
 ChartJS.defaults.font.size = 16;
 ChartJS.defaults.color = '#FFF';