{"id":296,"date":"2025-01-05T18:25:23","date_gmt":"2025-01-05T12:55:23","guid":{"rendered":"https:\/\/stagging-tib.tecnixs.com\/placement\/?page_id=296"},"modified":"2025-02-27T17:32:42","modified_gmt":"2025-02-27T12:02:42","slug":"placement-statistics","status":"publish","type":"page","link":"https:\/\/stagging-tib.tecnixs.com\/placement\/placement-statistics\/","title":{"rendered":"Placement Statistics"},"content":{"rendered":"\n<style>\n.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{\n    font-size: 18px;\n}\n\n<style>\n\n\n\n<!-- CSS for Responsive Grid -->\n<style>\n    .chart-container {\n        width: 100%;\n        margin: 20px 0;\n    }\n\n    \/* 2-column grid for larger screens *\/\n    .charts-row {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n\n    \/* Responsive adjustments for smaller screens *\/\n    @media (max-width: 768px) {\n        .charts-row {\n            grid-template-columns: 1fr; \/* Single column on smaller screens *\/\n        }\n    }\n\n    canvas {\n        width: 100% !important;\n        height: auto !important;\n    }\n<\/style>\n\n<!-- Graphs in Sequence -->\n<div class=\"charts-row\">\n    <!-- Total Campus Details - Line Graph -->\n    <div class=\"chart-container\">\n        <h3>Total Campus Details<\/h3>\n        <canvas id=\"campusDetailsLineGraph\"><\/canvas>\n    <\/div>\n\n    <!-- Total On-Campus Placed Candidate - Dot Plot Graph -->\n    <div class=\"chart-container\">\n        <h3>Total On-Campus Placed Candidates<\/h3>\n        <canvas id=\"onCampusDotPlotGraph\"><\/canvas>\n    <\/div>\n<\/div><br>\n\n<div class=\"charts-row\">\n    <!-- Total Off-Campus Placed Candidate - Waterfall Chart -->\n    <div class=\"chart-container\">\n        <h3>Total Off-Campus Placed Candidates<\/h3>\n        <canvas id=\"offCampusWaterfallGraph\"><\/canvas>\n    <\/div>\n\n    <!-- Total Pool Campus Placed Details - Histogram Graph -->\n    <div class=\"chart-container\">\n        <h3>Total Pool Campus Placed Details<\/h3>\n        <canvas id=\"pullCampusHistogramGraph\"><\/canvas>\n    <\/div>\n<\/div>\n\n<!-- Chart.js Script -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<script>\n\/\/ Total Campus Details (Line Graph)\nvar ctx1 = document.getElementById('campusDetailsLineGraph').getContext('2d');\nvar campusDetailsLineGraph = new Chart(ctx1, {\n    type: 'line',\n    data: {\n        labels: ['2019', '2020', '2021', '2022', '2023', '2024'],\n        datasets: [{\n            label: 'Total Campus Details',\n            data: [384, 508, 486, 581, 464, 490],\n            backgroundColor: 'rgba(75, 192, 192, 0.2)',\n            borderColor: 'rgba(75, 192, 192, 1)',\n            borderWidth: 2,\n            tension: 0.1\n        }]\n    },\n    options: {\n        responsive: true,\n        plugins: {\n            legend: {\n                position: 'top'\n            }\n        },\n        scales: {\n            y: {\n                beginAtZero: true\n            }\n        }\n    }\n});\n\n\/\/ Total On-Campus Placed Candidate (Dot Plot Graph)\nvar ctx2 = document.getElementById('onCampusDotPlotGraph').getContext('2d');\nvar onCampusDotPlotGraph = new Chart(ctx2, {\n    type: 'scatter',\n    data: {\n        labels: ['2019', '2020', '2021', '2022', '2023', '2024'],\n        datasets: [{\n            label: 'On-Campus Placed Candidates',\n            data: [\n                {x: 2019, y: 384}, {x: 2020, y: 508}, {x: 2021, y: 486},\n                {x: 2022, y: 581}, {x: 2023, y: 464}, {x: 2024, y: 490}\n            ],\n            backgroundColor: 'rgba(255, 99, 132, 1)',\n            radius: 8\n        }]\n    },\n    options: {\n        responsive: true,\n        plugins: {\n            legend: {\n                position: 'top'\n            }\n        },\n        scales: {\n            x: {\n                type: 'linear',\n                position: 'bottom'\n            },\n            y: {\n                beginAtZero: true\n            }\n        }\n    }\n});\n\n\/\/ Total Off-Campus Placed Candidate (Waterfall Chart)\nvar ctx3 = document.getElementById('offCampusWaterfallGraph').getContext('2d');\nvar offCampusWaterfallGraph = new Chart(ctx3, {\n    type: 'bar',\n    data: {\n        labels: ['2019', '2020', '2021', '2022', '2023', '2024'],\n        datasets: [{\n            label: 'Off-Campus Placed Candidates',\n            data: [125, 154, 210, 165, 98, 45],\n            backgroundColor: 'rgba(255, 159, 64, 0.6)',\n            borderColor: 'rgba(255, 159, 64, 1)',\n            borderWidth: 1\n        }]\n    },\n    options: {\n        responsive: true,\n        plugins: {\n            legend: {\n                position: 'top'\n            }\n        },\n        scales: {\n            y: {\n                beginAtZero: true\n            }\n        }\n    }\n});\n\n\/\/ Total Pull Campus Placed Details (Histogram Graph)\nvar ctx4 = document.getElementById('pullCampusHistogramGraph').getContext('2d');\nvar pullCampusHistogramGraph = new Chart(ctx4, {\n    type: 'bar',\n    data: {\n        labels: ['2019', '2020', '2021', '2022', '2023', '2024'],\n        datasets: [{\n            label: 'Pull Campus Placed Candidates',\n            data: [45, 95, 63, 124, 96, 78],\n            backgroundColor: 'rgba(54, 162, 235, 0.6)',\n            borderColor: 'rgba(54, 162, 235, 1)',\n            borderWidth: 1\n        }]\n    },\n    options: {\n        responsive: true,\n        plugins: {\n            legend: {\n                position: 'top'\n            }\n        },\n        scales: {\n            y: {\n                beginAtZero: true\n            }\n        }\n    }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Total Campus Details Total On-Campus Placed Candidates Total Off-Campus Placed Candidates Total Pool Campus Placed Details<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"left-sidebar","site-content-layout":"","ast-site-content-layout":"","site-content-style":"boxed","site-sidebar-style":"boxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-296","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stagging-tib.tecnixs.com\/placement\/wp-json\/wp\/v2\/pages\/296"}],"collection":[{"href":"https:\/\/stagging-tib.tecnixs.com\/placement\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stagging-tib.tecnixs.com\/placement\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stagging-tib.tecnixs.com\/placement\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stagging-tib.tecnixs.com\/placement\/wp-json\/wp\/v2\/comments?post=296"}],"version-history":[{"count":26,"href":"https:\/\/stagging-tib.tecnixs.com\/placement\/wp-json\/wp\/v2\/pages\/296\/revisions"}],"predecessor-version":[{"id":470,"href":"https:\/\/stagging-tib.tecnixs.com\/placement\/wp-json\/wp\/v2\/pages\/296\/revisions\/470"}],"wp:attachment":[{"href":"https:\/\/stagging-tib.tecnixs.com\/placement\/wp-json\/wp\/v2\/media?parent=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}