Subject Ranking

<!DOCTYPE html> <html lang="tw">   <head> <meta charset="UTF-8"> <link rel="shortcut icon" href="/static/NTURankingData/img/favicon.ico"/>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4LNKEDXF3M"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4LNKEDXF3M'); </script> <link rel="stylesheet" href="/static/assets/tether/tether.min.css" type="text/css"> <link rel="stylesheet" href="/static/assets/bootstrap/css/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="/static/assets/bootstrap/css/bootstrap-grid.min.css" type="text/css"> <link rel="stylesheet" href="/static/assets/bootstrap/css/bootstrap-reboot.min.css" type="text/css"> <link rel="stylesheet" href="/static/assets/dropdown/css/style.css" type="text/css"> <link rel="stylesheet" href="/static/assets/socicon/css/styles.css" type="text/css"> <link rel="stylesheet" href="/static/assets/theme/css/style.css" type="text/css"> <link rel="stylesheet" href="/static/assets/gallery/style.css" type="text/css"> <link rel="stylesheet" href="/static/assets/mobirise/css/mbr-additional.css" type="text/css"> <script src="/static/assets/web/assets/jquery/jquery.min.js"></script> <script src="/static/js/JaaScript.js"></script> <title>Subject Ranking</title> </head> <body> <div onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;" oncopy="return false;"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <a class="navbar-brand" href="/" style="margin-left: 30px">NTU Rankings</a> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarColor02"> <ul class="navbar-nav mr-auto"> <li class="nav-item dropdown"> <a class="nav-link link text-white dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="RankingMenu"> <span class="mbri-flag mbr-iconfont mbr-iconfont-btn"></span> Rankings </a> <div class="dropdown-menu" aria-labelledby="RankingMenu"> <a class="dropdown-item display-4" href="/ranking/OverallRanking/">NTU World University Rankings</a> <a class="dropdown-item display-4" href="/ranking/ByField" aria-expanded="false">NTU Rankings by Fields</a> <a class="dropdown-item display-4" href="/ranking/BySubject" aria-expanded="false">NTU Rankings by Subjects</a> <a class="dropdown-item display-4" href="/ranking/ByContinentCountry" aria-expanded="false">NTU Rankings by Countries</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link link text-white dropdown-toggle" id="MethodologyMenu" data-toggle="dropdown" aria-expanded="false"><span class="mbri-edit mbr-iconfont mbr-iconfont-btn"></span> Methodologies </a> <div class="dropdown-menu" aria-labelledby="MethodologyMenu"> <a class="dropdown-item display-4" href="/methodoloyg/subjectCategories" aria-expanded="false">Field & Subject Categories</a> <a class="dropdown-item display-4" href="/methodoloyg/sampleSelection">About</a> <a class="dropdown-item display-4" href="/methodoloyg/indicators" aria-expanded="false">Indicators</a> <a class="dropdown-item display-4" href="/methodoloyg/calculationMethod" aria-expanded="false">Calculation Method</a> <a class="dropdown-item display-4" href="/methodoloyg/referenceRankings" aria-expanded="false">Reference Rankings</a>   </div> </li> <li class="nav-item dropdown"> <a class="nav-link link text-white dropdown-toggle" id="AboutMenu" data-toggle="dropdown" aria-expanded="true"><span class="mbri-chat mbr-iconfont mbr-iconfont-btn"></span>About</a> <div class="dropdown-menu" aria-labelledby="AboutMenu"> <a class="dropdown-item display-4" href="/about/introduction" aria-expanded="false">Introduction</a> <a class="dropdown-item display-4" href="/methodoloyg/development" aria-expanded="false">Development</a> <a class="dropdown-item display-4" href="/about/background" aria-expanded="false">Background</a> <a class="dropdown-item display-4" href="/about/features" aria-expanded="false">Features</a> <a class="dropdown-item display-4" href="/about/webFeatures" aria-expanded="false">Web Features</a> </div> </li> <li class="nav-item"> <a class="nav-link link text-white" href="/FAQ"><span class="mbri-question mbr-iconfont mbr-iconfont-btn"></span>FAQ</a> </li> </ul> <form class="form-inline my-md-auto"> <input id="inputkeyword" class="form-control" type="text" placeholder="University search"> <button id="sbt" type="button" class="btn btn-secondary my-2 my-sm-0 btn-sm" data-toggle="modal" data-target="#exampleModalCenter"> Search </button> </form> </div> </nav> <div class="modal fade bd-example-modal-lg" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">Search Results</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="row">                          <div class="col-12"> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade" id="list-Asia" role="tabpanel" aria-labelledby="list-Asia-list"> <div class="modal-body" id="Asiainfoo"></div> </div>                         </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary my-2 my-sm-0 btn-sm" data-dismiss="modal">Close</button> </div> </div> </div> </div> <style> @media (min-width: 1px) { .navbar-brand { font-size: 1.75rem; } .nav-link { font-size: 1.50rem; } .dropdown-menu a { font-size: 1.50rem; } .navbar-toggler { margin-top: 13px } } @media (min-width: 575.98px) { .navbar-brand { font-size: 1.75rem; } .nav-link { font-size: 1.50rem; } .dropdown-menu a { font-size: 1.50rem; } .navbar-toggler { margin-top: 13px } } @media (min-width: 767.98px) { .navbar-brand { font-size: 1.75rem; } .nav-link { font-size: 1.50rem; } .dropdown-menu a { font-size: 1.50rem; } .navbar-toggler { margin-top: 22px } } @media (min-width: 991.98px) { .navbar-brand { font-size: 1.25rem; } .nav-link { font-size: 1rem; } } @media (min-width: 1199.98px) { .navbar-brand { font-size: 1.25rem; } .nav-link { font-size: 1rem; } } </style> <script> $('#sbt').click(function () { $('#Africinfoo').empty(); $('#Asiainfoo').empty(); $('#Europeinfoo').empty(); $('#North_Americainfoo').empty(); $('#Oceaniainfoo').empty(); $('#South_Americainfoo').empty(); $('#AfricaCount').empty(); $('#AsiaCount').empty(); $('#EuropeCount').empty(); $('#North_AmericaCount').empty(); $('#OceaniaCount').empty(); $('#South_AmericaCount').empty(); var vv = $('#inputkeyword').val();  var urlpath = "/search/Q_Q".replace('Q_Q', vv.toString()); $.ajax({ url: urlpath, success: function (result) { // 'Africa', 'Asia', 'Europe', 'North America', 'Oceania', 'South America' var AfricaCount = 0; var AsiaCount = 0; var EuropeCount = 0; var North_AmericaCount = 0; var OceaniaCount = 0; var South_AmericaCount = 0; $('.list-group').children().removeClass('active').removeClass('show'); //show active $('#nav-tabContent').children().removeClass('active').removeClass('show'); var JSONData = JSON.parse(JSON.stringify(result)); console.log(JSONData); function sortId(a,b){ return a.fields.id-b.fields.id } JSONData.sort(sortId); console.log(JSONData);     for (var i = 0; i < JSONData.length; i++) {  var ContinentName = JSONData[i].fields.ContinentName; var SchoolId = JSONData[i].fields.id; var SchoolName = JSONData[i].fields.OrgName_EN;   console.log(SchoolId+","+SchoolName); var schoolurl = '/ranking/bySchoolName/q_q'.replace('q_q', SchoolName.toString());  $('#Asiainfoo').append(function (n) { return '<a href="' + schoolurl + '"><h4>' + SchoolName + '<font color="#005AB5">'+" (" +JSONData[i].fields.CountryName_ISO3166 + ")" +'</font></h4></a>' });    /* switch (ContinentName) { case "Asia": AsiaCount++; var SchoolId = JSONData[i].fields.id; var SchoolName = JSONData[i].fields.OrgName_EN;   console.log(SchoolId+","+SchoolName); var schoolurl = '/ranking/bySchoolName/q_q'.replace('q_q', SchoolName.toString());  $('#Asiainfoo').append(function (n) { return '<a href="' + schoolurl + '"><h4>' + SchoolName + '<font color="#005AB5">'+" (" +JSONData[i].fields.CountryName + ")" +'</font></h4></a>' }); break; case 'Africa': AfricaCount++; var SchoolId = JSONData[i].fields.id; var SchoolName = JSONData[i].fields.OrgName_EN; console.log(SchoolId+","+SchoolName); var schoolurl = '/ranking/bySchoolName/q_q'.replace('q_q', SchoolName.toString()); $('#Africainfoo').append(function (n) { return '<a href="' + schoolurl + '"><h4>' + SchoolName + '<font color="#005AB5">'+ " (" +JSONData[i].fields.CountryName + ")" +'</font></h4></a>' }); break; case 'Europe': EuropeCount++; var SchoolId = JSONData[i].fields.id; var SchoolName = JSONData[i].fields.OrgName_EN; console.log(SchoolId+","+SchoolName); var schoolurl = '/ranking/bySchoolName/q_q'.replace('q_q', SchoolName.toString()); $('#Europeinfoo').append(function (n) { return '<a href="' + schoolurl + '"><h4>' + SchoolName + '<font color="#005AB5">'+ " (" +JSONData[i].fields.CountryName + ")" +'</font></h4></a>' }); break; case 'Oceania': OceaniaCount++; var SchoolId = JSONData[i].fields.id; var SchoolName = JSONData[i].fields.OrgName_EN; console.log(SchoolId+","+SchoolName); var schoolurl = '/ranking/bySchoolName/q_q'.replace('q_q', SchoolName.toString()); $('#Oceaniainfoo').append(function (n) { return '<a href="' + schoolurl + '"><h4>' + SchoolName + '<font color="#005AB5">'+ " (" +JSONData[i].fields.CountryName + ")" +'</font></h4></a>' }); break; case 'North America': North_AmericaCount++; var SchoolId = JSONData[i].fields.id; var SchoolName = JSONData[i].fields.OrgName_EN; console.log(SchoolId+","+SchoolName); var schoolurl = '/ranking/bySchoolName/q_q'.replace('q_q', SchoolName.toString()); $('#North_Americainfoo').append(function (n) { return '<a href="' + schoolurl + '"><h4>' + SchoolName + '<font color="#005AB5">'+ " (" +JSONData[i].fields.CountryName + ")" +'</font></h4></a>' }); break; case 'South America': South_AmericaCount++; var SchoolId = JSONData[i].fields.id; var SchoolName = JSONData[i].fields.OrgName_EN; console.log(SchoolId+","+SchoolName); var schoolurl = '/ranking/bySchoolName/q_q'.replace('q_q', SchoolName.toString()); $('#South_Americainfoo').append(function (n) { return '<a href="' + schoolurl + '"><h4>' + SchoolName + " (" +JSONData[i].fields.CountryName + ")" +'</h4></a>' }); break; }*/  } var list = [AfricaCount, AsiaCount, EuropeCount, North_AmericaCount, OceaniaCount, South_AmericaCount] var i = list.indexOf(Math.max(...list)); $('.list-group').children().eq(i).addClass('active') //show active $('#nav-tabContent').children().eq(i).addClass('show').addClass('active')        $('#AfricaCount').html(AfricaCount); $('#AsiaCount').html(AsiaCount); $('#EuropeCount').html(EuropeCount); $('#North_AmericaCount').html(North_AmericaCount); $('#OceaniaCount').html(OceaniaCount); $('#South_AmericaCount').html(South_AmericaCount); } }) }); </script> </div> <div onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;" oncopy="return false;"> <img id="banner_EN" style="width: 100%;height: 100%;" class="img-fluid" src="/static/NTURankingData/img/pimgpsh_fullsize_distr_230829.png" alt="世界大學排名"> </div> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/sl-1.2.6/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.18/sl-1.2.6/datatables.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.dataTables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.colVis.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/randomcolor/0.5.2/randomColor.min.js"></script> <script src="https://cdn.jsdelivr.net/g/mark.js(jquery.mark.min.js),datatables.mark.js"></script> <script src="https://cdn.datatables.net/plug-ins/1.10.13/features/mark.js/datatables.mark.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/datatables.mark.js/2.0.0/datatables.mark.min.css"> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script> <link rel="stylesheet" href="/static/flagsss/flags.min.css" type="text/css"> <br> <style> .btn-group > .btn:first-child { } </style> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-auto"> <div class="btn-group dropright"> <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="AA()"> <div class="display-4" id="subjectbtName">Agricultural Sciences</div> </button> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton" id="dropdownSubject">                                                                                           </div> </div> </div> <div class="col-xs-12 col-auto"> <div class="col-xs-12 col-auto"> <div><p class="text-center h4" style="margin-top: 16px; margin-right: 15px">By</p></div> </div> </div> <div class="col-xs-12 col-auto"> <div class="btn-group dropright"> <button class="btn btn-warning dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <div class="display-4" id="yearbtName">2024</div> </button> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton" id="dropdownYear"> <a class="dropdown-item " onclick="DataTableReloadYear(2011)" name="2011">2011</a> <a class="dropdown-item " onclick="DataTableReloadYear(2012)" name="2012">2012</a> <a class="dropdown-item " onclick="DataTableReloadYear(2013)" name="2013">2013</a> <a class="dropdown-item " onclick="DataTableReloadYear(2014)" name="2014">2014</a> <a class="dropdown-item " onclick="DataTableReloadYear(2015)" name="2015">2015</a> <a class="dropdown-item " onclick="DataTableReloadYear(2016)" name="2016">2016</a> <a class="dropdown-item " onclick="DataTableReloadYear(2017)" name="2017">2017</a> <a class="dropdown-item " onclick="DataTableReloadYear(2018)" name="2018">2018</a> <a class="dropdown-item " onclick="DataTableReloadYear(2019)" name="2019">2019</a> <a class="dropdown-item " onclick="DataTableReloadYear(2020)" name="2020">2020</a> <a class="dropdown-item " onclick="DataTableReloadYear(2021)" name="2021">2021</a> <a class="dropdown-item " onclick="DataTableReloadYear(2022)" name="2022">2022</a> <a class="dropdown-item " onclick="DataTableReloadYear(2023)" name="2023">2023</a> <a class="dropdown-item " onclick="DataTableReloadYear(2024)" name="2024">2024</a> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <div name="content " class="container-fluid"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-7"> <div class="table-responsive"> <p>In the Table, click the <B>World Rank</B> column to view the radar chart of the institution, click <B>University</B> to view the institution’s detailed information over the years, and click the <B>national flag</B> to view the country’s page ranking information.</p> <table id="BySubjectUniversity" class="table table-hover table-condensed table-sm" style="width: 100%;"> <thead> <tr> <th scope="col">World Rank</th> <th scope="col">University</th> <th scope="col">Country</th> <th scope="col">Score</th> <th scope="col">11 Years Articles</th> <th scope="col">Current Years Articles</th> <th scope="col">11 Years Citations</th> <th scope="col">Current Years Citations</th> <th scope="col">Ave. Citations</th> <th scope="col">H-Index</th> <th scope="col">HiCi Papers</th> <th scope="col">Hi-Impact Journal Articles</th> </tr> </thead> <tbody></tbody> </table> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-5"> <br><br><br><br> <div class="row align-items-start"> <div class="col text-center"> <button id="CleanSelectbt" type="button" class="btn btn-warning btn-sm">Clean Select </button> </div> </div> <div style="width: 100%;height: 100%;position: relative;"> <canvas id="BySubjectUniversityRadar"></canvas> </div> </div> </div> </div> </div> </div> </div> <script> /////////////// 因應計中弱掃新增 (API不當資產管理風險) 2024.08.08//////////////// // 從Django的CSRF cookie中獲取CSRF token function getCookie(name) { let cookieValue = null; if (document.cookie && document.cookie !== '') { const cookies = document.cookie.split(';'); for (let i = 0; i < cookies.length; i++) { const cookie = cookies[i].trim(); if (cookie.substring(0, name.length + 1) === (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } const csrftoken = getCookie('csrftoken'); // 設定所有的AJAX請求標頭，添加CSRF token $.ajaxSetup({ beforeSend: function(xhr, settings) { if (!/^(GET|HEAD|OPTIONS|TRACE)$/.test(settings.type) && !this.crossDomain) { xhr.setRequestHeader("X-CSRFToken", csrftoken); } } }); /////////////// 因應計中弱掃新增 (API不當資產管理風險) //////////////// var chrckbool = true; startyear = 2024; startSubject = "Agr"; table = $('#BySubjectUniversity').DataTable({ "ajax": "/SubjectRanking_AJAX/_QAQ_/9999.".replace(/_QAQ_/, startSubject.toString()).replace(/9999/, startyear.toString()), mark: true, deferRender: true, scrollY: '60vh', scrollCollapse: true, scrollX: true, pagingType: "full_numbers", responsive: true, select: { style: 'multi' }, dom: '<"row align-items-start"<"col"l><"col"f>>t<"row align-items-end"<"col-xs-12"i><"col-xs-12 align-self-center"p>>', lengthMenu: [[10, 50, 100, 400, -1], [10, 50, 100, 400, "All"]], "columns": [ {"data": {_: "RankU", sort: "Seq", type: 'Seq'}}, {"data": "univ__OrgName_EN"}, {"data": "univ__CountryName"}, {"data": "Pub_Score"}, {"data": "Pub_11yrArticles"}, {"data": "Pub_2yrArticles"}, {"data": "Pub_11Citations"}, {"data": "Pub_2Citations"}, {"data": "Pub_AveCitations"}, {"data": "Pub_H_Index"}, {"data": "Pub_HiCi"}, {"data": "Pub_JCR"}, ], "columnDefs": [ { "targets": 1, "data": "univ__OrgName_EN", "render": function (data, type, row, meta) { return '<a href="/ranking/bySchoolName/' + data + '">' + data + '</a>'; } }, { "targets": 2, "data": "ISO", "render": function (data, type, row, meta) { var ISO3166Name = row['univ__CountryName_ISO3166'] var ISO3166Name_L = ISO3166Name.toLowerCase(); var blankURL = "/static/flags/blank.gif"; return '<a href="/ranking/ByYCS/'+ startyear + '/' + ISO3166Name + '/' + startSubject + '">' + '<img src="/static/flags/blank.gif" class="flag flag-' + ISO3166Name_L + '"alt="' + data + '"/>' + '</a>'; } } ] }); var mem = 'a.dropdown-item[name="' + startyear + '"]'; $(mem).addClass('active').addClass('text-white'); function RC() { return "rgb(" + Math.floor(Math.random() * 255) + "," + Math.floor(Math.random() * 255) + "," + Math.floor(Math.random() * 255) + ")"; } table.on('select', function (e, dt, type, indexes) { var rowData = table.rows(indexes).data().toArray(); var selected = dt.rows({selected: true}); var colorRGB = RC(); var colorRGBA = colorRGB.replace(')', ', 0.2)').replace('rgb', 'rgba'); if (chrckbool === true) { radarconfig.data.datasets = []; chrckbool = false; } if (selected.count() > 5) { dt.rows(indexes).deselect(); } else { radarconfig.data.datasets.push({ label: rowData[0]['univ__OrgName_EN'], data: [ rowData[0]["Pub_11yrArticles"], rowData[0]["Pub_11Citations"], rowData[0]["Pub_AveCitations"], rowData[0]["Pub_HiCi"], rowData[0]["Pub_JCR"], rowData[0]["Pub_H_Index"], rowData[0]["Pub_2Citations"], rowData[0]["Pub_2yrArticles"] ], borderColor: colorRGB, backgroundColor: colorRGBA }); } myChart.update(); }); table.on('deselect', function (e, dt, type, indexes) { var rowData = table.rows(indexes).data().toArray(); for (var q = 0; q < radarconfig.data.datasets.length; q++) { if (radarconfig.data.datasets[q]['label'] === rowData[0]['univ__OrgName_EN']) { radarconfig.data.datasets.splice(q, 1); myChart.update(); break; } } }); // Initialize Chart.js radar chart var radarconfig = { type: 'radar', data: { labels: [ '11 Years Articles', '11 Years Citations', 'Ave. Citations', 'HiCi Papers', 'Hi-Impact Journal Articles', 'H-Index', 'Current Citations', 'Current Articles' ], datasets: [] }, options: { scales: { r: { pointLabels: { fontSize: 18, fontFamily: "'Calibri'" }, ticks: { beginAtZero: true, max: 100, stepSize: 10 } } } } }; var ctx = $("#BySubjectUniversityRadar"); var myChart = new Chart(ctx, radarconfig); $('#CleanSelectbt').click(function () { radarconfig.data.datasets = []; table.ajax.reload(); myChart.update(); }); function DataTableReloadYear(year) { $('#dropdownYear a.dropdown-item').removeClass('active').removeClass('text-white'); var mem = '#dropdownYear a.dropdown-item[name="' + year + '"]'; $(mem).addClass('active'); $('#yearbtName').empty().append(year); radarconfig.data.datasets = []; myChart.update(); var ajax_source = "/SubjectRanking_AJAX/_QAQ_/9999.".replace(/_QAQ_/, startSubject.toString()).replace(/9999/, year.toString()); console.log(ajax_source) // /SubjectRanking_AJAX/Chem/2021. $('#BySubjectUniversity').first().DataTable().ajax.url(ajax_source).load(); startyear = year const vall = document.getElementById("yearbtName").innerHTML; console.log("vall:"+vall); } function AA(){  const vall = document.getElementById("yearbtName").innerHTML; console.log("vall:"+vall);   const list = document.getElementById("dropdownSubject");  const Agr = '<a class ="dropdown-item" name="Agr" id="Agr">Agricultural Sciences</a>'; const BioBiochem = '<a class ="dropdown-item" name="BioBiochem" id="BioBiochem">Biology & Biochemistry</a>'; const BioE = '<a class ="dropdown-item" name="BioE" id="BioE">Biomedical Engineering</a>'; const Chem = '<a class ="dropdown-item" name="Chem" id="Chem">Chemistry</a>'; const ChemEng = '<a class ="dropdown-item" name="ChemEng" id="ChemEng">Chemical Engineering</a>'; const CivilEng = '<a class ="dropdown-item" name="CivilEng" id="CivilEng">Civil Engineering</a>'; const ComputerSci = '<a class ="dropdown-item" name="ComputerSci" id="ComputerSci">Computer Science</a>'; const Econ = '<a class ="dropdown-item" name="Econ" id="Econ">Economics & Business</a>'; const ElectEng = '<a class ="dropdown-item" name="ElectEng" id="ElectEng">Electrical Engineering</a>'; const EngS = '<a class ="dropdown-item" name="EngS" id="EngS">Energy Science & Engineering</a>'; const EnvEco = '<a class ="dropdown-item" name="EnvEco" id="EnvEco">Environment/Ecology</a>'; const EnvS = '<a class ="dropdown-item" name="EnvS" id="EnvS">Environmental Science & Engineering</a>'; const Geo = '<a class ="dropdown-item" name="Geo" id="Geo">Geoscience</a>'; const Immunol = '<a class ="dropdown-item" name="Immunol" id="Immunol">Immunology</a>'; const MaterialsSci = '<a class ="dropdown-item" name="MaterialsSci" id="MaterialsSci">Materials Science</a>'; const Math = '<a class ="dropdown-item" name="Math" id="Math">Mathematics</a>'; const MechEng = '<a class ="dropdown-item" name="MechEng" id="MechEng">Mechanical Engineering</a>'; const Med = '<a class ="dropdown-item" name="Med" id="Med">Clinical Medicine</a>'; const Microbio = '<a class ="dropdown-item" name="Microbio" id="Microbio">Microbiology</a>'; const MolBio = '<a class ="dropdown-item" name="MolBio" id="MolBio">Molecular Biology & Genetics</a>'; const NeurBeh = '<a class ="dropdown-item" name="NeurBeh" id="NeurBeh">Neuroscience & Behavior</a>'; const PharmTox = '<a class ="dropdown-item" name="PharmTox" id="PharmTox">Pharmacology & Toxicology</a>'; const Phy = '<a class ="dropdown-item" name="Phy" id="Phy">Physics</a>'; const PlantAnimSci = '<a class ="dropdown-item" name="PlantAnimSci" id="PlantAnimSci">Plant & Animal Science</a>'; const Psych = '<a class ="dropdown-item" name="Psych" id="Psych">Psychiatry/Psychology</a>'; const SocialSci = '<a class ="dropdown-item" name="SocialSci" id="SocialSci">Social Sciences, General</a>'; const SpaceSci = '<a class ="dropdown-item" name="SpaceSci" id="SpaceSci">Space Science</a>';  switch(vall){ case '2010': console.log("switch=2010"); list.innerHTML = Chem+ChemEng+CivilEng+ComputerSci+ElectEng+Geo+MaterialsSci+Math+MechEng+Phy; break; case '2011': console.log("switch=2011"); list.innerHTML = Agr+Chem+ChemEng+CivilEng+ComputerSci+ElectEng+EnvEco+Geo+MaterialsSci+Math+MechEng+Phy+PlantAnimSci; break; case '2012': console.log("switch=2012"); list.innerHTML = Agr+Chem+ChemEng+CivilEng+ComputerSci+ElectEng+EnvEco+Geo+MaterialsSci+Math+MechEng+PharmTox+Phy+PlantAnimSci; break; case '2013': console.log("switch=2013"); list.innerHTML = Agr+Chem+ChemEng+CivilEng+ComputerSci+ElectEng+EnvEco+Geo+MaterialsSci+Math+MechEng+PharmTox+Phy+PlantAnimSci; break; case '2014': console.log("switch=2014"); list.innerHTML = Agr+Chem+ChemEng+CivilEng+ComputerSci+ElectEng+EnvEco+Geo+MaterialsSci+Math+MechEng+PharmTox+Phy+PlantAnimSci; break; case '2015': console.log("switch=2015"); list.innerHTML = Agr+Chem+ChemEng+CivilEng+ComputerSci+ElectEng+EnvEco+Geo+MaterialsSci+Math+MechEng+PharmTox+Phy+PlantAnimSci; break; case '2016': console.log("switch=2016"); list.innerHTML = Agr+Chem+ChemEng+CivilEng+ComputerSci+ElectEng+EnvEco+Geo+MaterialsSci+Math+MechEng+PharmTox+Phy+PlantAnimSci; break; case '2017': console.log("switch=2017"); list.innerHTML = Agr+Chem+ChemEng+CivilEng+ComputerSci+ElectEng+EnvEco+Geo+MaterialsSci+Math+MechEng+PharmTox+Phy+PlantAnimSci; break; case '2018': console.log("switch=2018"); list.innerHTML = Agr+Chem+ChemEng+CivilEng+ComputerSci+ElectEng+EnvEco+Geo+MaterialsSci+Math+MechEng+PharmTox+Phy+PlantAnimSci; break; case '2019': console.log("switch=2019"); list.innerHTML = Agr+BioBiochem+Chem+ChemEng+CivilEng+ComputerSci+Econ+ElectEng+EnvEco+Geo+Immunol+MaterialsSci+Math +MechEng+Med+Microbio+MolBio+NeurBeh+PharmTox+Phy+PlantAnimSci+Psych+SocialSci+SpaceSci; break; case '2020': console.log("switch=2020"); list.innerHTML = Agr+BioBiochem+Chem+ChemEng+CivilEng+ComputerSci+Econ+ElectEng+EnvEco+Geo+Immunol+MaterialsSci+Math +MechEng+Med+Microbio+MolBio+NeurBeh+PharmTox+Phy+PlantAnimSci+Psych+SocialSci+SpaceSci; break; case '2021': console.log("switch=2021"); list.innerHTML = Agr+BioBiochem+BioE+Chem+ChemEng+CivilEng+ComputerSci+Econ+ElectEng+EngS+EnvEco+EnvS+Geo+Immunol+MaterialsSci+Math +MechEng+Med+Microbio+MolBio+NeurBeh+PharmTox+Phy+PlantAnimSci+Psych+SocialSci+SpaceSci; break; case '2022': console.log("switch=2022"); list.innerHTML = Agr+BioBiochem+BioE+Chem+ChemEng+CivilEng+ComputerSci+Econ+ElectEng+EngS+EnvEco+EnvS+Geo+Immunol+MaterialsSci+Math +MechEng+Med+Microbio+MolBio+NeurBeh+PharmTox+Phy+PlantAnimSci+Psych+SocialSci+SpaceSci; break; case '2023': console.log("switch=2023"); list.innerHTML = Agr+BioBiochem+BioE+Chem+ChemEng+CivilEng+ComputerSci+Econ+ElectEng+EngS+EnvEco+EnvS+Geo+Immunol+MaterialsSci+Math +MechEng+Med+Microbio+MolBio+NeurBeh+PharmTox+Phy+PlantAnimSci+Psych+SocialSci+SpaceSci; break; case '2024': console.log("switch=2024"); list.innerHTML = Agr+BioBiochem+BioE+Chem+ChemEng+CivilEng+ComputerSci+Econ+ElectEng+EngS+EnvEco+EnvS+Geo+Immunol+MaterialsSci+Math +MechEng+Med+Microbio+MolBio+NeurBeh+PharmTox+Phy+PlantAnimSci+Psych+SocialSci+SpaceSci; break; default: console.log("value default"); }   $('#Agr').click(function(){ console.log("aa(),Agr"); DataTableReloadSubject('Agr'); }); $('#BioBiochem').click(function(){ console.log("aa(),BioBiochem"); DataTableReloadSubject('BioBiochem'); }); $('#BioE').click(function(){ console.log("aa(),BioE"); DataTableReloadSubject('BioE'); }); $('#Chem').click(function(){ console.log("aa(),Chem"); DataTableReloadSubject('Chem'); }); $('#ChemEng').click(function(){ console.log("aa(),ChemEng"); DataTableReloadSubject('ChemEng'); }); $('#CivilEng').click(function(){ console.log("aa(),CivilEng"); DataTableReloadSubject('CivilEng'); }); $('#ComputerSci').click(function(){ console.log("aa(),ComputerSci"); DataTableReloadSubject('ComputerSci'); }); $('#Econ').click(function(){ console.log("aa(),Econ"); DataTableReloadSubject('Econ'); }); $('#ElectEng').click(function(){ console.log("aa(),ElectEng"); DataTableReloadSubject('ElectEng'); }); $('#EngS').click(function(){ console.log("aa(),EngS"); DataTableReloadSubject('EngS'); }); $('#EnvEco').click(function(){ console.log("aa(),EnvEco"); DataTableReloadSubject('EnvEco'); }); $('#EnvS').click(function(){ console.log("aa(),EnvS"); DataTableReloadSubject('EnvS'); }); $('#Geo').click(function(){ console.log("aa(),Geo"); DataTableReloadSubject('Geo'); }); $('#Immunol').click(function(){ console.log("aa(),Immunol"); DataTableReloadSubject('Immunol'); }); $('#MaterialsSci').click(function(){ console.log("aa(),MaterialsSci"); DataTableReloadSubject('MaterialsSci'); }); $('#Math').click(function(){ console.log("aa(),Math"); DataTableReloadSubject('Math'); }); $('#MechEng').click(function(){ console.log("aa(),MechEng"); DataTableReloadSubject('MechEng'); }); $('#Med').click(function(){ console.log("aa(),Med"); DataTableReloadSubject('Med'); }); $('#Microbio').click(function(){ console.log("aa(),Microbio"); DataTableReloadSubject('Microbio'); }); $('#MolBio').click(function(){ console.log("aa(),MolBio"); DataTableReloadSubject('MolBio'); }); $('#NeurBeh').click(function(){ console.log("aa(),NeurBeh"); DataTableReloadSubject('NeurBeh'); }); $('#PharmTox').click(function(){ console.log("aa(),PharmTox"); DataTableReloadSubject('PharmTox'); }); $('#Phy').click(function(){ console.log("aa(),Phy"); DataTableReloadSubject('Phy'); }); $('#PlantAnimSci').click(function(){ console.log("aa(),PlantAnimSci"); DataTableReloadSubject('PlantAnimSci'); }); $('#Psych').click(function(){ console.log("aa(),Psych"); DataTableReloadSubject('Psych'); }); $('#SocialSci').click(function(){ console.log("aa(),SocialSci"); DataTableReloadSubject('SocialSci'); }); $('#SpaceSci').click(function(){ console.log("aa(),SpaceSci"); DataTableReloadSubject('SpaceSci'); });                             } function DataTableReloadSubject(subject) { $('#dropdownSubject a.dropdown-item').removeClass('active').removeClass('text-white'); var mem = '#dropdownSubject a.dropdown-item[name="' + subject + '"]'; console.log("mem"+mem); //mem#dropdownSubject a.dropdown-item[name="ChemEng"] console.log(subject); //ChemEng $(mem).addClass('active text-white'); $('#subjectbtName').empty().append($(mem).text()); radarconfig.data.datasets = []; myChart.update(); var ajax_source = "/SubjectRanking_AJAX/_QAQ_/9999.".replace(/_QAQ_/, subject.toString()).replace(/9999/, startyear.toString()); console.log("ajax_source="+ajax_source) // /SubjectRanking_AJAX/Chem/2021. $('#BySubjectUniversity').first().DataTable().ajax.url(ajax_source).load(); startSubject = subject } </script> <div onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;" oncopy="return false;"> <style> p.mbr-text strong { color: #ff3366; } </style> <section class="cid-qY7R1aZ6BV" id="footer2-2d"> <div class="container"> <div class="media-container-row content mbr-white"> <div class="col-12 col-md-3 mbr-fonts-style display-7"> <p class="mbr-text"> <strong>About</strong> <br><a href="/about/introduction">Introduction</a> <br><a href="/methodoloyg/development">Development</a> <br><a href="/about/background">Background</a> <br><a href="/about/features">Features</a> <br><a href="/about/webFeatures">Web Features</a> <br><br> <br><strong>Methdologies</strong> <br><a href="/methodoloyg/subjectCategories">Field & Subject Categories</a> <br><a href="/methodoloyg/sampleSelection">About</a> <br><a href="/methodoloyg/indicators">Indicators</a>  <br><a href="/methodoloyg/calculationMethod">Calculation Method</a> <br><a href="/methodoloyg/referenceRankings">Reference Rankings</a> <br><br> <br><strong>FAQ</strong> <br><a href="/FAQ">Frequently Asked Questions</a><br></p> </div> <div class="col-12 col-md-3 mbr-fonts-style display-7"> <p class="mbr-text"> <strong>Rankings</strong> <br><a href="/ranking/OverallRanking/">NTU World University Rankings</a> <br><a href="/ranking/ByField">NTU Rankings By Fields</a> <br><a href="/ranking/BySubject">NTU Rankings By Subjects</a> <br><a href="/ranking/ByContinentCountry">NTU Rankings By Countries</a> </div> <div class="col-12 col-md-6"> <div class="google-map"> <iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0Dx_boXQiwvdz8sJHoYeZNVTdoWONYkU&q=place_id:ChIJ6a5wIieqQjQRlcMklvpscCU" allowfullscreen=""></iframe> </div> </div> </div> <div class="footer-lower"> <div class="media-container-row"> <div class="col-sm-12"> <hr> </div> </div> <div class="media-container-row mbr-white text-center"> <div class="col-sm-12 copyright"> <p class="mbr-text mbr-fonts-style display-7">Copyright © NTU Ranking <br>No.1,Sec.4,Roosevelt Road, Taipei, 10617 Taiwan <br>Contact : nturanking@ntu.edu.tw <br>Visit Count : 10818</p> </div> </div> </div> </div> </section> <script src="/static/assets/popper/popper.min.js"></script> <script src="/static/assets/bootstrap/js/bootstrap.min.js"></script> <script src="/static/assets/smoothscroll/smooth-scroll.js"></script> <script src="/static/assets/dropdown/js/script.min.js"></script> <script src="/static/assets/touchswipe/jquery.touch-swipe.min.js"></script> <script src="/static/assets/masonry/masonry.pkgd.min.js"></script> <script src="/static/assets/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="/static/assets/parallax/jarallax.min.js"></script> <script src="/static/assets/theme/js/script.js"></script> <link rel="stylesheet" href="/static/jquery-jvectormap-2.0.3.css" type="text/css" media="screen"/> <script src="/static/jquery-jvectormap-2.0.3.min.js"></script> <script src="/static/jquery-jvectormap-world-mill-en.js"></script>  </div> <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button> <style> .navbar-toggle { width: 100%; float: none; margin-right: 0; } @media (min-width: 1px) { body { margin-top: 80px; } .navbar { min-height: 80px; } canvas { margin-bottom: 60px; } .navbar-brand { font-size: 1.75rem; } .nav-link { font-size: 1.50rem; } .dropdown-menu a { font-size: 1.50rem; } } @media (min-width: 575.98px) { body { margin-top: 80px; } .navbar { min-height: 80px; } canvas { margin-bottom: 60px; } .navbar-brand { font-size: 1.75rem; } .nav-link { font-size: 1.50rem; } .dropdown-menu a { font-size: 1.50rem; } } @media (min-width: 767.98px) { body { margin-top: 95px; } .navbar { min-height: 100px; } .navbar-brand { font-size: 1.75rem; } .nav-link { font-size: 1.50rem; } .dropdown-menu a { font-size: 1.50rem; } } @media (min-width: 991.98px) { body { margin-top: 55px; } .navbar { min-height: 60px; } .navbar-brand { font-size: 1.25rem; } .nav-link { font-size: 1.2rem; } .dropdown-menu a { font-size: 1.2rem; } } @media (min-width: 1199.98px) { body { margin-top: 55px; } .navbar { min-height: 60px; } .navbar-brand { font-size: 1.25rem; } .nav-link { font-size: 1.2rem; } .dropdown-menu a { font-size: 1.2rem; } } #myBtn { display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 20px; /* Place the button at the bottom of the page */ right: 30px; /* Place the button 30px from the right */ z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: #ff3366; /* Set a background color */ color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 15px; /* Some padding */ border-radius: 10px; /* Rounded corners */ font-size: 18px; /* Increase font size */ } #myBtn:hover { background-color: #e50039; /* Add a dark-grey background on hover */ } .myPtext { text-align: justify; text-justify: inter-ideograph; line-height: 150%; text-indent: 2em; color: #0c0c0c; } </style> <script> window.onscroll = function () { scrollFunction() }; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { document.getElementById("myBtn").style.display = "block"; } else { document.getElementById("myBtn").style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document function topFunction() { $('html, body').animate({scrollTop: 0}, 250); } </script> </body> </div> </html>

CINXE.COM

Subject Ranking