University

  1. Home
  2. Dashboard

Welcome back, Allie!

You have 12 new messages and 7 new notifications.
// date range picker $(function() { $('input[name="daterange"]').daterangepicker({ opens: 'left' }, function(start, end, label) { console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD')); }); })
Expense
$3,251 13%
Analytics for last week
INCOME
$13,251 8%
Analytics for last week
TOTAL STUDENT
1,251 2.5%
Analytics for last week
TOTAL TEACHER
75 8%
Analytics for last week
DEPARTMENT
25 12%
Analytics for last week
SMILEY FACES
32,051 26.2%
Analytics for last week
Cost-Per-Lead(CPL)
$5.51 12.02%
Analytics for last week
Total Revenue
$3,056
Fees
$1,998
Donation
Fees
Donation
Jan '01Jan '0102 Jan02 Jan03 Jan03 Jan04 Jan04 Jan05 Jan05 Jan06 Jan06 Jan07 Jan07 Jan08 Jan08 Jan09 Jan09 Jan10 Jan10 Jan11 Jan11 Jan12 Jan12 Jan80080060060040040020020000Fees5050404030302020101000Donation
Device use by Student
Desktop
1.08K
1.03%
Mobile
3.20K
1.63%
Tablet
8.18K
4.33%
Students by Level
UndergraduateUndergraduateMastersMastersDoctoralDoctoralPost-BacPost-Bac50050040040030030020020010010000
Students by College
BusinessBusinessSciencesSciencesArtsArtsArchitectureArchitecture50050040040030030020020010010000
Active Student
Daily (Avg)
1.08K
1.03%
Weekly
3.20K
1.63%
Monthly
8.18K
4.33%
// project data table $('.myDataTable').addClass('nowrap'); $('.myDataTable').dataTable({ responsive: true, searching: false, paging: false, ordering: false, info: false, }); $('a[data-bs-toggle="tab"]').on('shown.bs.tab', function(e) { $($.fn.dataTable.tables(true)).DataTable().columns.adjust().responsive.recalc(); }); // top sparklines var randomizeArray = function(arg) { var array = arg.slice(); var currentIndex = array.length, temporaryValue, randomIndex; while (0 !== currentIndex) { randomIndex = Math.floor(Math.random() * currentIndex); currentIndex -= 1; temporaryValue = array[currentIndex]; array[currentIndex] = array[randomIndex]; array[randomIndex] = temporaryValue; } return array; } // data for the sparklines that appear below header area var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31]; // topb big chart var spark5 = { chart: { type: 'line', height: 50, sparkline: { enabled: true }, }, stroke: { width: 3 }, colors: ['var(--chart-color4)'], series: [{ data: randomizeArray(sparklineData) }], series: [{ data: randomizeArray(sparklineData) }], } var spark5 = new ApexCharts(document.querySelector("#apexspark5"), spark5); spark5.render(); // Total Revenue var options = { chart: { height: 300, type: 'line', toolbar: { show: false, }, }, colors: ['var(--chart-color1)', 'var(--chart-color2)'], series: [{ name: 'Fees', type: 'column', data: [440, 505, 414, 671, 227, 413, 201, 352, 752, 320, 257, 160] }, { name: 'Donation', type: 'line', data: [23, 42, 35, 27, 43, 22, 17, 31, 22, 22, 12, 16] }], stroke: { width: [0, 4] }, // labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], labels: ['01 Jan 2001', '02 Jan 2001', '03 Jan 2001', '04 Jan 2001', '05 Jan 2001', '06 Jan 2001', '07 Jan 2001', '08 Jan 2001', '09 Jan 2001', '10 Jan 2001', '11 Jan 2001', '12 Jan 2001'], xaxis: { type: 'datetime' }, yaxis: [{ title: { text: 'Fees', }, }, { opposite: true, title: { text: 'Donation' } }] } var chart = new ApexCharts(document.querySelector("#apex-TotalRevenue"), options); chart.render(); // Students by Level var options = { chart: { height: 180, type: 'bar', toolbar: { show: false, }, }, colors: ['var(--chart-color1)'], grid: { yaxis: { lines: { show: false, } }, padding: { top: 0, right: 0, bottom: 0, left: 0 }, }, plotOptions: { bar: { horizontal: true, } }, dataLabels: { enabled: false }, series: [{ data: [400, 430, 248, 470, ] }], xaxis: { categories: ['Undergraduate', 'Masters', 'Doctoral', 'Post-Bac'], } } var chart = new ApexCharts(document.querySelector("#apex-StudentsbyLevel"), options); chart.render(); // Students by College var options = { chart: { height: 180, type: 'bar', toolbar: { show: false, }, }, colors: ['var(--chart-color2)'], grid: { yaxis: { lines: { show: false, } }, padding: { top: 0, right: 0, bottom: 0, left: 0 }, }, plotOptions: { bar: { horizontal: true, } }, dataLabels: { enabled: false }, series: [{ data: [400, 430, 248, 470, ] }], xaxis: { categories: ['Business', 'Sciences', 'Arts', 'Architecture'], } } var chart = new ApexCharts(document.querySelector("#apex-StudentsbyCollege"), options); chart.render(); // Device use by Student var options = { chart: { height: 270, type: 'donut', }, dataLabels: { enabled: false, }, legend: { position: 'top', horizontalAlign: 'center', show: false, }, colors: ['var(--chart-color1)', 'var(--chart-color2)', 'var(--chart-color3)'], series: [55, 35, 10], responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } } }] } var chart = new ApexCharts(document.querySelector("#apex-DeviceusebyStudent"), options); chart.render();