src/Pages/Analysis.cshtml
@page
@model KonSchool.Pages.Analysis
@{
Layout = "Shared/_LayoutMaterial";
}
<div class="row"> <div class="col s12 l7"> <div class="section"> <div id="description" class="white-text"> <div class="card grey darken-4"> <div class="card-content blue-grey darken-4 white-text"> <span class="card-title center-align orange-text text-lighten-2"><b>For district-wise analytical results, click over the map</b></span> <p class="text-justify">By clicking over any of the district over the map of Bangladesh, You will get some overview and analytical results about the schools based on some parameters like:</p><ol> <li> Number of primary and secondary schools </li><li> School areas </li><li> Male-Female student ratio</li><li> Teacher-Student ratio </li><li> Average age </li><li> Weighted Score</li><li> Has ethnic students or, not</li><li> Runs business</li><li> Has vocational education</li></ol> <p class="text-justify">This is an extended version of the web-application <b>KonSchool</b> which comes with the idea of how the application programming interface (API) can be used in various ways as well as keeping in mind with material design to enhance the look and feel and enriching user experience.</p></div><div class="card-action blue-grey darken-3"> <a href="/api/schools" target="_blank">API Source</a> <a href="https://github.com/maacpiash/KonSchool/issues" target="_blank">FAQ's</a> </div></div></div></div></div><div id="mapCol" class="col s12 l5"> <div id="bangladesh" class="bangladesh"></div></div></div><div id="_analyticalResultPreloader" class="center-align"> <div class="preloader-wrapper big active"> <div class="spinner-layer spinner-blue"> <div class="circle-clipper left"> <div class="circle"></div></div><div class="gap-patch"> <div class="circle"></div></div><div class="circle-clipper right"> <div class="circle"></div></div></div><div class="spinner-layer spinner-red"> <div class="circle-clipper left"> <div class="circle"></div></div><div class="gap-patch"> <div class="circle"></div></div><div class="circle-clipper right"> <div class="circle"></div></div></div><div class="spinner-layer spinner-yellow"> <div class="circle-clipper left"> <div class="circle"></div></div><div class="gap-patch"> <div class="circle"></div></div><div class="circle-clipper right"> <div class="circle"></div></div></div><div class="spinner-layer spinner-green"> <div class="circle-clipper left"> <div class="circle"></div></div><div class="gap-patch"> <div class="circle"></div></div><div class="circle-clipper right"> <div class="circle"></div></div></div></div><h6 class="white-text center-align">Have patience, Fetching Information</h6></div><div id="analyticalResults" class="card grey darken-4"> <br/><br/><br/><br/><h4 class="center-align white-text line-1 anim-typewriter" id="_analyticalResultHeading">Analytical Report</h4> <div id="_analyticalResultContent" class="card-content"> <div class="row"> <div class="row" id="gradient-Analytics"> <div class="col s12 m6 l4 card-width"> <div class="card gradient-45deg-indigo-blue white-text padding-4 mt-5"> <div class="col s7 m7"> <i class="material-icons background-round mt-5 mb-5">school</i> <p>Higher Schools</p></div><div class="col s5 m5 right-align"> <h5 class="mb-0 white-text">02</h5> <br/> <h5 class="count white-text" id="_analyticalResultCard01"></h5> </div></div></div><div class="col s12 m6 l4 card-width"> <div class="card gradient-45deg-purple-deep-orange darken-4 white-text padding-4 mt-5"> <div class="col s7 m7"> <i class="material-icons background-round mt-5 mb-5">school</i> <p>Junior Secondary Schools</p></div><div class="col s5 m5 right-align"> <h5 class="mb-0 white-text">03</h5> <br/> <h5 class="count white-text" id="_analyticalResultCard02"></h5> </div></div></div><div class="col s12 m6 l4 card-width"> <div class="card gradient-45deg-purple-deep-purple white-text padding-4 mt-5"> <div class="col s7 m7"> <i class="material-icons background-round mt-5 mb-5">school</i> <p>Secondary Schools</p></div><div class="col s5 m5 right-align"> <h5 class="mb-0 white-text">01</h5> <br/> <h5 class="count white-text" id="_analyticalResultCard03"></h5> </div></div></div></div></div><div id="chartjs-pie-chart" class="card grey darken-4 white-text"> <div class="card-content"> <div class="row"> <div class="col s12"> <div class="row"> <div class="col s12 m6 l6"> <div class="sample-chart-wrapper"> <canvas id="_maleFemaleCombinedDoughnut" height="220"></canvas> </div><br/> </div><div class="col s12 m6 l6"> <table class="responsive-table"> <thead class="blue darken-4"> <th>Parameter</th> <th>Value</th> </thead> <tbody> <tr> <td>Boys schools having only boys</td><td id="_td1"></td></tr><tr> <td>Girls schools having only girls</td><td id="_td2"></td></tr><tr> <td>Combined</td><td id="_td3"></td></tr><tr> <td>Boys schools, having girls also</td><td id="_td4"></td></tr><tr> <td>Girls schools, having boys also</td><td id="_td5"></td></tr><tr> <td>In total</td><td id="_td6"></td></tr></tbody> </table> </div></div></div></div></div></div><div class="row"> <div class="col s12 l12"> <h5 class="white-text center-align">Linear Regression on Area/Status</h5> <br/> <div class="row"> <div class="col s12 m5 l5"> <div class="card blue-grey darken-4"> <div class="card-content white-text"> <span class="card-title"> <h6 class="orange-text text-lighten-2"><strong>Regression Object</strong></h6> </span> <pre id="demoRegressionAPI" class="white-text"></pre><br/> <p class="white-text text-justify"> Area status X is the independent variable where X=(0.1, 0.2, 0.4, 0.5, 0.7 & 0.9) means (Rural Area, Upazila Sadar not Municipality, Other Municipality, Upazila Sadar Municipality, District Sadar Municipality, City Corporation, Metropolitan) <br/><br/><br/>Based on the different values of the variable X we are marking independent variable Y (Status Code)={Y ∈ N : 1 ≤ Y ≤ 7}</p><br/> </div><div class="card-action blue-grey darken-3"> <a class="modal-trigger" href="#modal1"><b>See Full DataSet</b></a> <div id="modal1" class="modal bottom-sheet"> <div class="modal-content"> <h4>Linear Regression on Area/Status</h4> <pre id="_fullRegressionAPI">A bunch of text</pre> </div><div class="modal-footer"> <a href="" class="modal-close waves-effect waves-green btn-flat">Agree</a> </div></div></div></div></div><div class="col s12 m7 l7"> <div class="card blue-grey darken-4"> <div class="card-content blue-grey darken-4 "> <table class="responsive-table"> <thead> <tr class="blue-grey darken-4"> <td> <h6 class="orange-text text-lighten-2"><strong>Keywords</strong></h6> </td><td> <h6 class="orange-text text-lighten-2"><strong>Analysis of data</strong></h6> </td></tr></thead> <tbody> <tr> <td class="white-text"><b>Summation of X</b></td><td class="white-text" id="_summationOfX"></td></tr><tr> <td class="white-text"><b>Summation of Y</b></td><td class="white-text" id="_summationOfY"></td></tr><tr> <td class="white-text"><b>Summation of X*Y</b></td><td class="white-text" id="_summationOfXY"></td></tr><tr> <td class="white-text"><b>Summation of X<sup>2</sup></b></td><td class="white-text" id="_summationOfXsq"></td></tr><tr> <td class="white-text"><b>Intercept</b></td><td class="white-text" id="_intercept"></td></tr><tr> <td class="white-text"><b>Slope</b></td><td class="white-text" id="_slope"></td></tr><tr> <td class="white-text"><b>Area Regression Model</b></td><td class="orange-text text-lighten-2"><strong id="_areaRegressionModel"></strong></td></tr></tbody> </table> </div></div></div></div></div></div><div class="row"> <div class="col s12 l12"> <ul class="collection blue-grey darken-4 white-text"> <li class="collection-item avatar blue-grey darken-4"> <i class="material-icons circle red">school</i> <span class="title" id="_tsr-school01"></span> <p><span id="_tsr-Teacher1"></span> <br><span id="_tsr-Student1"></span> </p><a class="secondary-content"><i class="material-icons red-text">arrow_upward</i></a> </li><li class="collection-item avatar blue-grey darken-4"> <i class="material-icons circle blue">school</i> <span class="title" id="_tsr-school02"></span> <p><span id="_tsr-Teacher2"></span> <br><span id="_tsr-Student2"></span> </p><a class="secondary-content"><i class="material-icons red-text text-lighten-1">arrow_upward</i></a> </li><li class="collection-item avatar blue-grey darken-4"> <i class="material-icons circle green">school</i> <span class="title" id="_tsr-school03"></span> <p><span id="_tsr-Teacher3"></span> <br><span id="_tsr-Student3"></span> </p><a class="secondary-content"><i class="material-icons red-text text-lighten-2">arrow_upward</i></a> </li><li class="collection-item avatar blue-grey darken-4"> <i class="material-icons circle yellow darken-3">school</i> <span class="title" id="_tsr-school04"></span> <p><span id="_tsr-Teacher4"></span> <br><span id="_tsr-Student4"></span> </p><a class="secondary-content"><i class="material-icons red-text text-lighten-3">arrow_upward</i></a> </li><li class="collection-item avatar blue-grey darken-4"> <i class="material-icons circle pink">school</i> <span class="title" id="_tsr-school05"></span> <p><span id="_tsr-Teacher5"></span> <br><span id="_tsr-Student5"></span> </p><a class="secondary-content"><i class="material-icons red-text text-lighten-4">arrow_upward</i></a> </li></ul> <h6 class="center-align white-text"><b class="orange-text">Figure : </b>School Names Having Less Teachers (Teacher : Student)</h6> </div></div></div></div><div class="row"> <div class="col s12"> <p class="center-align white-text">© <a class="green-text text-lighten-2" href="https://github.com/maacpiash/" target="_blank">maacpiash</a>. Forked with ♥ by <a target="_blank" class="red-text text-lighten-2" href="https://github.com/shunjid">shunjid</a></p></div></div>