views/index.ejs

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>CSCI318</title>

    <style>
        #map {
            height: 500px;
            width: 500px;
            position: center;
        }
    </style>

    <!--Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

    <!--jQuery-->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <!--c3 Chart-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/c3@0.7.20/c3.css">
    <script src="https://cdn.jsdelivr.net/npm/c3@0.7.20/c3.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.16.0/d3.min.js"></script>

    <!--table-->
    <!--WIP-->

    <!--Google Map-->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDCwX7A1q-lAbO1fQkvRCN_XeHpMb-kR_E&callback=initAutocomplete&libraries=places&v=weekly" async defer type="text/javascript"></script>


</head>

<body>
    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="pills-chart-tab" data-toggle="pill" href="#pills-chart" role="tab" aria-controls="pills-chart" aria-selected="true">Registered Disability In Malaysia</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="pills-table-tab" data-toggle="pill" href="#pills-table" role="tab" aria-controls="pills-table" aria-selected="false">Disability Schools In Their Region</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="pills-gmap-tab" data-toggle="pill" href="#pills-gmap" role="tab" aria-controls="pills-gmap" aria-selected="false">Disabilitiy School In Malaysia</a>
        </li>
    </ul>

    <div class="tab-content" id="pills-tabContent">
        <!--Chart Tab-->
        <div class="tab-pane fade show active" id="pills-chart" role="tabpanel" aria-labelledby="pills-chart-tab">
            <ul class="nav nav-pills mb-3" id="pills-tab-1" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="pills-chart-tab-1" data-toggle="pill" href="#pills-chart-1" role="tab" aria-controls="pills-chart-1" aria-selected="true">StackedBar Chart</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="pills-chart-tab-2" data-toggle="pill" href="#pills-chart-2" role="tab" aria-controls="pills-chart-2" aria-selected="false">Pie Chart</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="pills-chart-tab-3" data-toggle="pill" href="#pills-chart-3" role="tab" aria-controls="pills-chart-3" aria-selected="false">Donut Chart</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="pills-chart-tab-4" data-toggle="pill" href="#pills-chart-4" role="tab" aria-controls="pills-chart-4" aria-selected="false">Bar Chart</a>
                </li>
            </ul>

            <div class="tab-content" id="pills-tab-1Content">
                <!--Bar Chart-->
                <div class="tab-pane fade show active" id="pills-chart-1" role="tabpanel" aria-labelledby="pills-chart-1">

                    <div id="StackedbarChart"></div>

                    <table class="table table-striped table-responsive-md btn-table">

                        <tbody>
                            <tr>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2010SB()">
                                    hide 2010                                    
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2012SB()">
                                    hide 2012                                 
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2013SB()">
                                    hide 2013                                   
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2014SB()">
                                    hide 2014                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2015SB()">
                                    hide 2015                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2016SB()">
                                    hide 2016                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2017SB()">
                                    hide 2017                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2018SB()">
                                    hide 2018                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideAllSB()">
                                    hide all                                    
                                </button>
                                </td>
                            </tr>

                            <tr>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2010SB()">
                                    show 2010
                                </button>
                                </td>


                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2012SB()">
                                    show 2012
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2013SB()">
                                    show 2013
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2014SB()">
                                    show 2014
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2015SB()">
                                    show 2015
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2016SB()">
                                    show 2016
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2017SB()">
                                    show 2017
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2018SB()">
                                    show 2018
                                </button>
                                </td>

                                <td> <button type="button" class="btn btn-primary" onclick="showAllSB()">
                               show all
                            </button>
                                </td>

                            </tr>

                            <tr>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePendengaranSB()">
                                    hide Pendengaran                                    </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePenglihatanSB()">
                                    hide Penglihatan                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePertuturanSB()">
                                    hide Pertuturan
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideFizikalSB()">
                                    hide Fizikal                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideMasalahPembelajaranSB()">
                                    hide Masalah Pembelajaran                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideMentalSB()">
                                    hide Mental                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidPelbagaiSB()">
                                    hide Pelbagai                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideTidakDiketahuiSB()">
                                    hide Tidak Diketahui                                    
                                </button>
                                </td>

                            </tr>

                            <tr>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPendengaranSB()">
                                    show Pendengaran
                                </button>
                                </td>


                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPenglihatanSB()">
                                    show Penglihatan
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPertuturanSB()">
                                    show Pertuturan
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showFizikalSB()">
                                    show Fizikal
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showMasalahPembelajaranSB()">
                                    show Masalah Pembelajaran
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showMentalSB()">
                                    show Mental
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPelbagaiSB()">
                                    show Pelbagai
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showTidakDiketahuiSB()">
                                    show Tidak Diketahui
                                </button>
                                </td>


                            </tr>

                        </tbody>

                    </table>
                </div>
                <!--Pie Chart-->
                <div class="tab-pane fade show" id="pills-chart-2" role="tabpanel" aria-labelledby="pills-chart-2">
                    <div id="pieChart"></div>
                    <table class="table table-striped table-responsive-md btn-table">

                        <tbody>
                            <tr>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2010PC()">
                                    hide 2010                                    
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2012PC()">
                                    hide 2012                                 
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2013PC()">
                                    hide 2013                                   
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2014PC()">
                                    hide 2014                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2015PC()">
                                    hide 2015                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2016PC()">
                                    hide 2016                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2017PC()">
                                    hide 2017                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2018PC()">
                                    hide 2018                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideAllPC()">
                                    hide all                                    
                                </button>
                                </td>
                            </tr>

                            <tr>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2010PC()">
                                    show 2010
                                </button>
                                </td>


                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2012PC()">
                                    show 2012
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2013PC()">
                                    show 2013
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2014PC()">
                                    show 2014
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2015PC()">
                                    show 2015
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2016PC()">
                                    show 2016
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2017PC()">
                                    show 2017
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2018PC()">
                                    show 2018
                                </button>
                                </td>

                                <td> <button type="button" class="btn btn-primary" onclick="showAllPC()">
                               show all
                            </button>
                                </td>

                            </tr>

                            <tr>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePendengaranPC()">
                                    hide Pendengaran                                    </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePenglihatanPC()">
                                    hide Penglihatan                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePertuturanPC()">
                                    hide Pertuturan
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideFizikalPC()">
                                    hide Fizikal                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideMasalahPembelajaranPC()">
                                    hide Masalah Pembelajaran                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideMentalPC()">
                                    hide Mental                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidPelbagaiPC()">
                                    hide Pelbagai                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideTidakDiketahuiPC()">
                                    hide Tidak Diketahui                                    
                                </button>
                                </td>

                            </tr>

                            <tr>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPendengaranPC()">
                                    show Pendengaran
                                </button>
                                </td>


                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPenglihatanPC()">
                                    show Penglihatan
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPertuturanPC()">
                                    show Pertuturan
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showFizikalPC()">
                                    show Fizikal
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showMasalahPembelajaranPC()">
                                    show Masalah Pembelajaran
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showMentalPC()">
                                    show Mental
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPelbagaiPC()">
                                    show Pelbagai
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showTidakDiketahuiPC()">
                                    show Tidak Diketahui
                                </button>
                                </td>


                            </tr>

                        </tbody>

                    </table>

                </div>

                <!--Donut Chart-->
                <div class="tab-pane fade show" id="pills-chart-3" role="tabpanel" aria-labelledby="pills-chart-3">
                    <div id="donutChart"></div>
                    <table class="table table-striped table-responsive-md btn-table">

                        <tbody>
                            <tr>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2010DC()">
                                    hide 2010                                    
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2012DC()">
                                    hide 2012                                 
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2013DC()">
                                    hide 2013                                   
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2014DC()">
                                    hide 2014                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2015DC()">
                                    hide 2015                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2016DC()">
                                    hide 2016                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2017DC()">
                                    hide 2017                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2018DC()">
                                    hide 2018                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideAllDC()">
                                    hide all                                    
                                </button>
                                </td>
                            </tr>

                            <tr>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2010DC()">
                                    show 2010
                                </button>
                                </td>


                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2012DC()">
                                    show 2012
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2013DC()">
                                    show 2013
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2014DC()">
                                    show 2014
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2015DC()">
                                    show 2015
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2016DC()">
                                    show 2016
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2017DC()">
                                    show 2017
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2018DC()">
                                    show 2018
                                </button>
                                </td>

                                <td> <button type="button" class="btn btn-primary" onclick="showAllDC()">
                               show all
                            </button>
                                </td>

                            </tr>

                            <tr>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePendengaranDC()">
                                    hide Pendengaran                                    </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePenglihatanDC()">
                                    hide Penglihatan                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePertuturanDC()">
                                    hide Pertuturan
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideFizikalDC()">
                                    hide Fizikal                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideMasalahPembelajaranDC()">
                                    hide Masalah Pembelajaran                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideMentalDC()">
                                    hide Mental                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidPelbagaiDC()">
                                    hide Pelbagai                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideTidakDiketahuiDC()">
                                    hide Tidak Diketahui                                    
                                </button>
                                </td>

                            </tr>

                            <tr>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPendengaranDC()">
                                    show Pendengaran
                                </button>
                                </td>


                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPenglihatanDC()">
                                    show Penglihatan
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPertuturanDC()">
                                    show Pertuturan
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showFizikalDC()">
                                    show Fizikal
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showMasalahPembelajaranDC()">
                                    show Masalah Pembelajaran
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showMentalDC()">
                                    show Mental
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPelbagaiDC()">
                                    show Pelbagai
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showTidakDiketahuiDC()">
                                    show Tidak Diketahui
                                </button>
                                </td>


                            </tr>

                        </tbody>

                    </table>
                </div>

                <!--Bar Chart-->
                <div class="tab-pane fade show" id="pills-chart-4" role="tabpanel" aria-labelledby="pills-chart-4">
                    <div id="barChart"></div>
                    <table class="table table-striped table-responsive-md btn-table">

                        <tbody>
                            <tr>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2010BS()">
                                    hide 2010                                    
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2012BS()">
                                    hide 2012                                 
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2013BS()">
                                    hide 2013                                   
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2014BS()">
                                    hide 2014                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2015BS()">
                                    hide 2015                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2016BS()">
                                    hide 2016                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2017BS()">
                                    hide 2017                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hide2018BS()">
                                    hide 2018                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideAllBS()">
                                    hide all                                    
                                </button>
                                </td>
                            </tr>

                            <tr>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2010BS()">
                                    show 2010
                                </button>
                                </td>


                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2012BS()">
                                    show 2012
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2013BS()">
                                    show 2013
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2014BS()">
                                    show 2014
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2015BS()">
                                    show 2015
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2016BS()">
                                    show 2016
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2017BS()">
                                    show 2017
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="show2018BS()">
                                    show 2018
                                </button>
                                </td>

                                <td> <button type="button" class="btn btn-primary" onclick="showAllBS()">
                               show all
                            </button>
                                </td>

                            </tr>

                            <tr>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePendengaranBS()">
                                    hide Pendengaran                                    </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePenglihatanBS()">
                                    hide Penglihatan                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidePertuturanBS()">
                                    hide Pertuturan
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideFizikalBS()">
                                    hide Fizikal                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideMasalahPembelajaranBS()">
                                    hide Masalah Pembelajaran                                    </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideMentalBS()">
                                    hide Mental                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hidPelbagaiBS()">
                                    hide Pelbagai                                    
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="hideTidakDiketahuiBS()">
                                    hide Tidak Diketahui                                    
                                </button>
                                </td>

                            </tr>

                            <tr>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPendengaranBS()">
                                    show Pendengaran
                                </button>
                                </td>


                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPenglihatanBS()">
                                    show Penglihatan
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPertuturanBS()">
                                    show Pertuturan
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showFizikalBS()">
                                    show Fizikal
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showMasalahPembelajaranBS()">
                                    show Masalah Pembelajaran
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showMentalBS()">
                                    show Mental
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showPelbagaiBS()">
                                    show Pelbagai
                                </button>
                                </td>

                                <td>
                                    <button type="button" class="btn btn-primary" onclick="showTidakDiketahuiBS()">
                                    show Tidak Diketahui
                                </button>
                                </td>


                            </tr>

                        </tbody>

                    </table>
                </div>
            </div>
        </div>

        <!--Table Tab-->

        <div class="tab-pane fade" id="pills-table" role="tabpanel" aria-labelledby="pills-table-tab">

            <button onclick="myFunction()">Click Me</button>

        </div>

        <!--Google Map Tab-->
        <div class="tab-pane fade" id="pills-gmap" role="tabpanel" aria-labelledby="pills-gmap-tab">
            <!--Don't delete-->
            <div id="map" style="overflow: hidden;"></div>

        </div>
    </div>

    <!--Script-->

    <script src="assets/js/donut.js"></script>
    <script src="assets/js/piechart.js"></script>
    <script src="assets/js/StackedBarChart.js"></script>
    <script src="assets/js/barChart.js"></script>

    <script src="assets/js/gmap.js"></script>
    <script src="assets/js/table.js"></script>
</body>

</html>