diff --git a/resources/assets/js/home.js b/resources/assets/js/home.js
new file mode 100644
index 0000000..da0b04f
--- /dev/null
+++ b/resources/assets/js/home.js
@@ -0,0 +1,38 @@
+import Chart from 'chart.js';
+
+const graph = document.getElementById('global-count-graph');
+const labels = JSON.parse(document.getElementById('global-count-labels').textContent);
+const data = JSON.parse(document.getElementById('global-count-data').textContent);
+
+new Chart(graph.getContext('2d'), {
+ type: 'bar',
+ data: {
+ labels,
+ datasets: [{
+ data,
+ backgroundColor: 'rgba(0, 0, 0, .1)',
+ borderColor: 'rgba(0, 0, 0, .25)',
+ borderWidth: 1
+ }]
+ },
+ options: {
+ maintainAspectRatio: false,
+ legend: {
+ display: false
+ },
+ elements: {
+ line: {}
+ },
+ scales: {
+ xAxes: [{
+ display: false
+ }],
+ yAxes: [{
+ display: false,
+ ticks: {
+ beginAtZero: true
+ }
+ }]
+ }
+ }
+});
\ No newline at end of file
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 6c443ec..9bf2128 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -102,43 +102,7 @@
@endsection
@push('script')
-
-
+
+
+
@endpush
\ No newline at end of file
diff --git a/webpack.mix.js b/webpack.mix.js
index bd34d84..b02c4a4 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -12,6 +12,7 @@ let mix = require('laravel-mix');
*/
mix.js('resources/assets/js/app.js', 'public/js')
+ .js('resources/assets/js/home.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
.autoload({
'jquery': ['$', 'jQuery', 'window.jQuery']