{"id":17301,"date":"2026-07-06T17:42:23","date_gmt":"2026-07-06T10:42:23","guid":{"rendered":"https:\/\/sustainability.um.ac.id\/?page_id=17301"},"modified":"2026-07-06T20:26:00","modified_gmt":"2026-07-06T13:26:00","slug":"statistik-sdgs","status":"publish","type":"page","link":"https:\/\/sustainability.um.ac.id\/index.php\/statistik-sdgs\/","title":{"rendered":"SDG Statistics"},"content":{"rendered":"\r\n\r\n<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\r\n\r\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\r\n\r\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\r\n\r\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n    <div class=\"sdgs-v4-dashboard\">\n\n        <section class=\"sdgs-v4-hero\">\n            <div>\n                <span class=\"sdgs-v4-chip\">Official SDGs Dashboard<\/span>\n                <h2>Dashboard Statistik SDGs<\/h2>\n                <p>Monitoring publikasi Sustainability UM berdasarkan SDG, fakultas\/unit, bulan, dan tahun.<\/p>\n            <\/div>\n            <div class=\"sdgs-v4-date\">\n                <strong>06 July 2026<\/strong>\n            <\/div>\n        <\/section>\n\n        <form method=\"get\" action=\"\/index.php\/wp-json\/wp\/v2\/pages\/17301\" class=\"sdgs-v4-filter\">\n            \n            <div class=\"sdgs-v4-filter-row\">\n                <div>\n                    <label>Bulan<\/label>\n                    <select name=\"bulan\">\n                        <option value=\"\">Semua Bulan<\/option>\n                                                    <option value=\"01\" >\n                                January                            <\/option>\n                                                    <option value=\"02\" >\n                                February                            <\/option>\n                                                    <option value=\"03\" >\n                                March                            <\/option>\n                                                    <option value=\"04\" >\n                                April                            <\/option>\n                                                    <option value=\"05\" >\n                                May                            <\/option>\n                                                    <option value=\"06\" >\n                                June                            <\/option>\n                                                    <option value=\"07\" >\n                                July                            <\/option>\n                                                    <option value=\"08\" >\n                                August                            <\/option>\n                                                    <option value=\"09\" >\n                                September                            <\/option>\n                                                    <option value=\"10\" >\n                                October                            <\/option>\n                                                    <option value=\"11\" >\n                                November                            <\/option>\n                                                    <option value=\"12\" >\n                                December                            <\/option>\n                                            <\/select>\n                <\/div>\n\n                <div>\n                    <label>Tahun<\/label>\n                    <select name=\"tahun\">\n                        <option value=\"\">Semua Tahun<\/option>\n                                                    <option value=\"2026\" >\n                                2026                            <\/option>\n                                                    <option value=\"2025\" >\n                                2025                            <\/option>\n                                                    <option value=\"2024\" >\n                                2024                            <\/option>\n                                                    <option value=\"2023\" >\n                                2023                            <\/option>\n                                                    <option value=\"2022\" >\n                                2022                            <\/option>\n                                                    <option value=\"2021\" >\n                                2021                            <\/option>\n                                                    <option value=\"2020\" >\n                                2020                            <\/option>\n                                            <\/select>\n                <\/div>\n\n                <div class=\"sdgs-v4-actions\">\n                    <button type=\"submit\">Terapkan Filter<\/button>\n                    <a href=\"\/index.php\/wp-json\/wp\/v2\/pages\/17301\">Reset<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"sdgs-v4-dropdown-row\">\n                <details class=\"sdgs-v4-dropdown-filter\">\n                    <summary>\n                        Filter SDG\n                        <span>Semua<\/span>\n                    <\/summary>\n\n                    <div class=\"sdgs-v4-dropdown-content\">\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-01\" >\n                                SDG 01                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-02\" >\n                                SDG 02                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-03\" >\n                                SDG 03                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-04\" >\n                                SDG 04                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-05\" >\n                                SDG 05                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-06\" >\n                                SDG 06                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-07\" >\n                                SDG 07                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-08\" >\n                                SDG 08                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-09\" >\n                                SDG 09                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-10\" >\n                                SDG 10                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-11\" >\n                                SDG 11                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-12\" >\n                                SDG 12                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-13\" >\n                                SDG 13                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-14\" >\n                                SDG 14                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-15\" >\n                                SDG 15                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-16\" >\n                                SDG 16                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"sdg[]\" value=\"sdg-17\" >\n                                SDG 17                            <\/label>\n                                            <\/div>\n                <\/details>\n\n                <details class=\"sdgs-v4-dropdown-filter\">\n                    <summary>\n                        Filter Fakultas\/Unit\n                        <span>Semua<\/span>\n                    <\/summary>\n\n                    <div class=\"sdgs-v4-dropdown-content\">\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"direktorat-data-dan-informasi-pemeringkatan-hubungan-masyarakat-dan-kerja-sama\" >\n                                Direktorat Data dan Informasi, Pemeringkatan, Hubungan Masyarakat, dan Kerja Sama                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"direktorat-inovasi\" >\n                                Direktorat Inovasi                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-economics-and-business\" >\n                                Faculty of Economics and Business                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-education\" >\n                                Faculty of Education                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-engineering\" >\n                                Faculty of Engineering                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-letters\" >\n                                Faculty of Letters                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-mathematics-and-natural-sciences\" >\n                                Faculty of Mathematics and Natural Sciences                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-medicine\" >\n                                Faculty of Medicine                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-psychology-education\" >\n                                Faculty of Psychology                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-social-sciences\" >\n                                Faculty of Social Sciences                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-sport-sciences\" >\n                                Faculty of Sport Sciences                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"faculty-of-vocational\" >\n                                Faculty of Vocational                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"postgraduate-school\" >\n                                Postgraduate School                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"lppm\" >\n                                LPPM                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"lppp\" >\n                                LPPP                            <\/label>\n                                                    <label>\n                                <input type=\"checkbox\" name=\"unit[]\" value=\"upt-kantor-urusan-internasional\" >\n                                UPT Kantor Urusan Internasional                            <\/label>\n                                            <\/div>\n                <\/details>\n            <\/div>\n        <\/form>\n\n        <section class=\"sdgs-v4-kpis\">\n            <div class=\"sdgs-v4-kpi\">\n                <span>Total Berita SDGs<\/span>\n                <strong>3,309<\/strong>\n                <small>Berdasarkan filter aktif<\/small>\n            <\/div>\n\n            <div class=\"sdgs-v4-kpi\">\n                <span>SDG Aktif<\/span>\n                <strong>17<\/strong>\n                <small>Kategori memiliki berita<\/small>\n            <\/div>\n\n            <div class=\"sdgs-v4-kpi\">\n                <span>SDG Terbanyak<\/span>\n                <strong>SDG 04<\/strong>\n                <small>957 berita<\/small>\n            <\/div>\n\n            <div class=\"sdgs-v4-kpi\">\n                <span>Berita Bulan Ini<\/span>\n                <strong>5<\/strong>\n                <small>Bulan berjalan<\/small>\n            <\/div>\n        <\/section>\n\n        <div class=\"sdgs-v4-toolbar\">\n            <button type=\"button\" onclick=\"downloadSDGChart('sdgBarChart', 'grafik-berita-sdgs.png')\">Export Grafik PNG<\/button>\n            <button type=\"button\" onclick=\"downloadSDGCSV()\">Export Data CSV<\/button>\n            <button type=\"button\" onclick=\"window.print()\">Export PDF \/ Print<\/button>\n        <\/div>\n\n        <section class=\"sdgs-v4-card\">\n            <div class=\"sdgs-v4-card-head\">\n                <div>\n                    <h3>Jumlah Berita Tiap SDG<\/h3>\n                    <p>Distribusi publikasi berdasarkan kategori SDG.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"sdgs-v4-chart-box chart-large\">\n                <canvas id=\"sdgBarChart\"><\/canvas>\n            <\/div>\n        <\/section>\n\n        <section class=\"sdgs-v4-grid-2\">\n            <div class=\"sdgs-v4-card\">\n                <div class=\"sdgs-v4-card-head\">\n                    <div>\n                        <h3>Proporsi Berita SDGs<\/h3>\n                        <p>Komposisi kontribusi tiap SDG.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"sdgs-v4-chart-box chart-medium\">\n                    <canvas id=\"sdgPieChart\"><\/canvas>\n                <\/div>\n            <\/div>\n\n            <div class=\"sdgs-v4-card\">\n                <div class=\"sdgs-v4-card-head\">\n                    <div>\n                        <h3>Top 5 SDG Terbanyak<\/h3>\n                        <p>Ranking kategori dengan publikasi terbanyak.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"sdgs-v4-chart-box chart-medium\">\n                    <canvas id=\"sdgTopChart\"><\/canvas>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"sdgs-v4-card\">\n            <div class=\"sdgs-v4-card-head\">\n                <div>\n                    <h3>Perkembangan Berita SDGs per Bulan<\/h3>\n                    <p>Tren publikasi dalam 12 bulan terakhir.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"sdgs-v4-chart-box chart-large\">\n                <canvas id=\"sdgMonthlyChart\"><\/canvas>\n            <\/div>\n        <\/section>\n\n        <section class=\"sdgs-v4-card\">\n            <div class=\"sdgs-v4-table-head\">\n                <div>\n                    <h3>Tabel Statistik SDGs<\/h3>\n                    <p>Detail jumlah, persentase, progress, dan tautan kategori.<\/p>\n                <\/div>\n                <button type=\"button\" onclick=\"downloadSDGCSV()\">Export Tabel CSV<\/button>\n            <\/div>\n\n            <div class=\"sdgs-v4-table-wrap\">\n                <table class=\"sdgs-v4-table\">\n                    <thead>\n                        <tr>\n                            <th>No<\/th>\n                            <th>Kategori SDG<\/th>\n                            <th>Jumlah Berita<\/th>\n                            <th>Persentase<\/th>\n                            <th>Progress<\/th>\n                            <th>Link<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                                                    <tr>\n                                <td>1<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #e5243b\"><\/span>\n                                    SDG 01                                <\/td>\n                                <td><strong>48<\/strong><\/td>\n                                <td>1.45%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 1.4505893019039%; background: #e5243b\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-01\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>2<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #dda63a\"><\/span>\n                                    SDG 02                                <\/td>\n                                <td><strong>37<\/strong><\/td>\n                                <td>1.12%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 1.1181625868843%; background: #dda63a\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-02\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>3<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #4c9f38\"><\/span>\n                                    SDG 03                                <\/td>\n                                <td><strong>237<\/strong><\/td>\n                                <td>7.16%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 7.1622846781505%; background: #4c9f38\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-03\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>4<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #c5192d\"><\/span>\n                                    SDG 04                                <\/td>\n                                <td><strong>957<\/strong><\/td>\n                                <td>28.92%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 28.921124206709%; background: #c5192d\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-04\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>5<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #ff3a21\"><\/span>\n                                    SDG 05                                <\/td>\n                                <td><strong>47<\/strong><\/td>\n                                <td>1.42%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 1.4203686914476%; background: #ff3a21\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-05\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>6<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #26bde2\"><\/span>\n                                    SDG 06                                <\/td>\n                                <td><strong>41<\/strong><\/td>\n                                <td>1.24%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 1.2390450287096%; background: #26bde2\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-06\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>7<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #fcc30b\"><\/span>\n                                    SDG 07                                <\/td>\n                                <td><strong>80<\/strong><\/td>\n                                <td>2.42%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 2.4176488365065%; background: #fcc30b\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-07\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>8<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #a21942\"><\/span>\n                                    SDG 08                                <\/td>\n                                <td><strong>379<\/strong><\/td>\n                                <td>11.45%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 11.45361136295%; background: #a21942\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-08\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>9<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #fd6925\"><\/span>\n                                    SDG 09                                <\/td>\n                                <td><strong>291<\/strong><\/td>\n                                <td>8.79%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 8.7941976427924%; background: #fd6925\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-09\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>10<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #dd1367\"><\/span>\n                                    SDG 10                                <\/td>\n                                <td><strong>86<\/strong><\/td>\n                                <td>2.60%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 2.5989724992445%; background: #dd1367\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-10\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>11<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #fd9d24\"><\/span>\n                                    SDG 11                                <\/td>\n                                <td><strong>94<\/strong><\/td>\n                                <td>2.84%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 2.8407373828951%; background: #fd9d24\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-11\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>12<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #bf8b2e\"><\/span>\n                                    SDG 12                                <\/td>\n                                <td><strong>165<\/strong><\/td>\n                                <td>4.99%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 4.9864007252947%; background: #bf8b2e\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-12\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>13<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #3f7e44\"><\/span>\n                                    SDG 13                                <\/td>\n                                <td><strong>84<\/strong><\/td>\n                                <td>2.54%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 2.5385312783318%; background: #3f7e44\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-13\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>14<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #0a97d9\"><\/span>\n                                    SDG 14                                <\/td>\n                                <td><strong>32<\/strong><\/td>\n                                <td>0.97%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 0.9670595346026%; background: #0a97d9\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-14\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>15<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #56c02b\"><\/span>\n                                    SDG 15                                <\/td>\n                                <td><strong>61<\/strong><\/td>\n                                <td>1.84%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 1.8434572378362%; background: #56c02b\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-15\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>16<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #00689d\"><\/span>\n                                    SDG 16                                <\/td>\n                                <td><strong>38<\/strong><\/td>\n                                <td>1.15%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 1.1483831973406%; background: #00689d\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-16\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                                    <tr>\n                                <td>17<\/td>\n                                <td>\n                                    <span class=\"sdgs-v4-dot\" style=\"background: #19486a\"><\/span>\n                                    SDG 17                                <\/td>\n                                <td><strong>632<\/strong><\/td>\n                                <td>19.10%<\/td>\n                                <td>\n                                    <div class=\"sdgs-v4-progress\">\n                                        <div style=\"width: 19.099425808401%; background: #19486a\"><\/div>\n                                    <\/div>\n                                <\/td>\n                                <td><a href=\"https:\/\/sustainability.um.ac.id\/index.php\/category\/sdg\/sdg-17\/\">Lihat Berita<\/a><\/td>\n                            <\/tr>\n                                            <\/tbody>\n                <\/table>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <script>\n    const sdgLabels = [\"SDG 01\",\"SDG 02\",\"SDG 03\",\"SDG 04\",\"SDG 05\",\"SDG 06\",\"SDG 07\",\"SDG 08\",\"SDG 09\",\"SDG 10\",\"SDG 11\",\"SDG 12\",\"SDG 13\",\"SDG 14\",\"SDG 15\",\"SDG 16\",\"SDG 17\"];\n    const sdgCounts = [48,37,237,957,47,41,80,379,291,86,94,165,84,32,61,38,632];\n    const sdgColors = [\"#e5243b\",\"#dda63a\",\"#4c9f38\",\"#c5192d\",\"#ff3a21\",\"#26bde2\",\"#fcc30b\",\"#a21942\",\"#fd6925\",\"#dd1367\",\"#fd9d24\",\"#bf8b2e\",\"#3f7e44\",\"#0a97d9\",\"#56c02b\",\"#00689d\",\"#19486a\"];\n    const monthLabels = [\"Aug 2025\",\"Sep 2025\",\"Oct 2025\",\"Nov 2025\",\"Dec 2025\",\"Jan 2026\",\"Feb 2026\",\"Mar 2026\",\"Apr 2026\",\"May 2026\",\"Jun 2026\",\"Jul 2026\"];\n    const monthCounts = [120,162,152,95,33,0,7,2,5,51,70,5];\n    const topLabels = [\"SDG 04\",\"SDG 17\",\"SDG 08\",\"SDG 09\",\"SDG 03\"];\n    const topCounts = [957,632,379,291,237];\n    const topColors = [\"#c5192d\",\"#19486a\",\"#a21942\",\"#fd6925\",\"#4c9f38\"];\n\n    const baseChartOptions = {\n        responsive: true,\n        maintainAspectRatio: false,\n        resizeDelay: 150,\n        plugins: {\n            legend: {\n                labels: {\n                    boxWidth: 12,\n                    usePointStyle: true\n                }\n            }\n        }\n    };\n\n    new Chart(document.getElementById('sdgBarChart'), {\n        type: 'bar',\n        data: {\n            labels: sdgLabels,\n            datasets: [{\n                label: 'Jumlah Berita',\n                data: sdgCounts,\n                backgroundColor: sdgColors,\n                borderRadius: 12,\n                borderSkipped: false,\n                maxBarThickness: 44\n            }]\n        },\n        options: {\n            ...baseChartOptions,\n            plugins: { legend: { display: false } },\n            scales: {\n                y: { beginAtZero: true, ticks: { precision: 0 } },\n                x: { ticks: { maxRotation: 45, minRotation: 0 } }\n            }\n        }\n    });\n\n    new Chart(document.getElementById('sdgPieChart'), {\n        type: 'doughnut',\n        data: {\n            labels: sdgLabels,\n            datasets: [{\n                data: sdgCounts,\n                backgroundColor: sdgColors,\n                borderWidth: 2\n            }]\n        },\n        options: {\n            ...baseChartOptions,\n            cutout: '62%',\n            plugins: {\n                legend: { position: 'bottom' }\n            }\n        }\n    });\n\n    new Chart(document.getElementById('sdgTopChart'), {\n        type: 'bar',\n        data: {\n            labels: topLabels,\n            datasets: [{\n                data: topCounts,\n                backgroundColor: topColors,\n                borderRadius: 12,\n                borderSkipped: false,\n                maxBarThickness: 38\n            }]\n        },\n        options: {\n            ...baseChartOptions,\n            indexAxis: 'y',\n            plugins: { legend: { display: false } },\n            scales: {\n                x: { beginAtZero: true, ticks: { precision: 0 } },\n                y: { ticks: { autoSkip: false } }\n            }\n        }\n    });\n\n    new Chart(document.getElementById('sdgMonthlyChart'), {\n        type: 'line',\n        data: {\n            labels: monthLabels,\n            datasets: [{\n                label: 'Jumlah Berita',\n                data: monthCounts,\n                borderWidth: 3,\n                tension: 0.35,\n                fill: true,\n                pointRadius: 4,\n                pointHoverRadius: 6\n            }]\n        },\n        options: {\n            ...baseChartOptions,\n            plugins: { legend: { display: false } },\n            scales: {\n                y: { beginAtZero: true, ticks: { precision: 0 } }\n            }\n        }\n    });\n\n    function downloadSDGChart(chartId, filename) {\n        const canvas = document.getElementById(chartId);\n        const link = document.createElement('a');\n        link.download = filename;\n        link.href = canvas.toDataURL('image\/png');\n        link.click();\n    }\n\n    function downloadSDGCSV() {\n        let csv = 'Kategori SDG,Jumlah Berita,Persentase\\n';\n        const rows = [{\"name\":\"SDG 01\",\"count\":48,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-01\\\/\",\"color\":\"#e5243b\"},{\"name\":\"SDG 02\",\"count\":37,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-02\\\/\",\"color\":\"#dda63a\"},{\"name\":\"SDG 03\",\"count\":237,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-03\\\/\",\"color\":\"#4c9f38\"},{\"name\":\"SDG 04\",\"count\":957,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-04\\\/\",\"color\":\"#c5192d\"},{\"name\":\"SDG 05\",\"count\":47,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-05\\\/\",\"color\":\"#ff3a21\"},{\"name\":\"SDG 06\",\"count\":41,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-06\\\/\",\"color\":\"#26bde2\"},{\"name\":\"SDG 07\",\"count\":80,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-07\\\/\",\"color\":\"#fcc30b\"},{\"name\":\"SDG 08\",\"count\":379,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-08\\\/\",\"color\":\"#a21942\"},{\"name\":\"SDG 09\",\"count\":291,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-09\\\/\",\"color\":\"#fd6925\"},{\"name\":\"SDG 10\",\"count\":86,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-10\\\/\",\"color\":\"#dd1367\"},{\"name\":\"SDG 11\",\"count\":94,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-11\\\/\",\"color\":\"#fd9d24\"},{\"name\":\"SDG 12\",\"count\":165,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-12\\\/\",\"color\":\"#bf8b2e\"},{\"name\":\"SDG 13\",\"count\":84,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-13\\\/\",\"color\":\"#3f7e44\"},{\"name\":\"SDG 14\",\"count\":32,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-14\\\/\",\"color\":\"#0a97d9\"},{\"name\":\"SDG 15\",\"count\":61,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-15\\\/\",\"color\":\"#56c02b\"},{\"name\":\"SDG 16\",\"count\":38,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-16\\\/\",\"color\":\"#00689d\"},{\"name\":\"SDG 17\",\"count\":632,\"link\":\"https:\\\/\\\/sustainability.um.ac.id\\\/index.php\\\/category\\\/sdg\\\/sdg-17\\\/\",\"color\":\"#19486a\"}];\n        const total = 3309;\n\n        rows.forEach(function(row) {\n            const percent = total > 0 ? ((row.count \/ total) * 100).toFixed(2) + '%' : '0%';\n            csv += '\"' + row.name + '\",\"' + row.count + '\",\"' + percent + '\"\\n';\n        });\n\n        const blob = new Blob([csv], { type: 'text\/csv;charset=utf-8;' });\n        const link = document.createElement('a');\n        link.href = URL.createObjectURL(blob);\n        link.download = 'tabel-statistik-sdgs.csv';\n        link.click();\n    }\n    <\/script>\n\n    <style>\n    .sdgs-v4-dashboard,\n    .sdgs-v4-dashboard * {\n        box-sizing: border-box;\n    }\n\n    .sdgs-v4-dashboard {\n        width: 100%;\n        max-width: 1280px;\n        margin: 40px auto;\n        padding: 24px;\n        color: #172033;\n        font-family: inherit;\n        overflow-x: hidden;\n    }\n\n    .sdgs-v4-hero {\n        background: linear-gradient(135deg, #06365f, #0b75ad);\n        color: #fff;\n        border-radius: 26px;\n        padding: 34px;\n        display: flex;\n        justify-content: space-between;\n        gap: 24px;\n        align-items: center;\n        box-shadow: 0 18px 45px rgba(0,0,0,.18);\n        margin-bottom: 24px;\n        width: 100%;\n    }\n\n    .sdgs-v4-chip {\n        display: inline-block;\n        background: rgba(255,255,255,.15);\n        border: 1px solid rgba(255,255,255,.25);\n        padding: 7px 12px;\n        border-radius: 999px;\n        font-size: 13px;\n        margin-bottom: 12px;\n    }\n\n    .sdgs-v4-hero h2 {\n        color: #fff;\n        font-size: 36px;\n        font-weight: 800;\n        margin: 0 0 8px;\n    }\n\n    .sdgs-v4-hero p {\n        color: rgba(255,255,255,.88);\n        margin: 0;\n        max-width: 760px;\n    }\n\n    .sdgs-v4-date {\n        background: rgba(255,255,255,.14);\n        border: 1px solid rgba(255,255,255,.24);\n        border-radius: 18px;\n        padding: 18px;\n        min-width: 170px;\n        text-align: center;\n    }\n\n    .sdgs-v4-date strong {\n        display: block;\n        color: #fff;\n        font-size: 16px;\n    }\n\n    .sdgs-v4-filter,\n    .sdgs-v4-card,\n    .sdgs-v4-kpi {\n        background: #fff;\n        border: 1px solid #e8edf3;\n        border-radius: 22px;\n        box-shadow: 0 12px 35px rgba(20,37,63,.08);\n        min-width: 0;\n    }\n\n    .sdgs-v4-filter {\n        padding: 22px;\n        margin-bottom: 24px;\n        position: relative;\n        z-index: 20;\n    }\n\n    .sdgs-v4-filter-row {\n        display: grid;\n        grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;\n        gap: 18px;\n        align-items: end;\n        margin-bottom: 18px;\n    }\n\n    .sdgs-v4-filter label {\n        font-size: 14px;\n        font-weight: 700;\n        margin: 0 0 8px;\n        color: #26364f;\n    }\n\n    .sdgs-v4-filter select {\n        width: 100%;\n        border: 1px solid #d9e1ec;\n        border-radius: 12px;\n        padding: 11px 12px;\n        background: #f8fafc;\n    }\n\n    .sdgs-v4-actions {\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n    }\n\n    .sdgs-v4-actions button,\n    .sdgs-v4-actions a,\n    .sdgs-v4-toolbar button,\n    .sdgs-v4-table-head button {\n        background: #0b6fa4;\n        color: #fff;\n        border: none;\n        border-radius: 12px;\n        padding: 11px 16px;\n        font-weight: 700;\n        cursor: pointer;\n        text-decoration: none;\n        white-space: nowrap;\n    }\n\n    .sdgs-v4-actions a {\n        background: #6b7280;\n    }\n\n    .sdgs-v4-dropdown-row {\n        display: grid;\n        grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);\n        gap: 18px;\n    }\n\n    .sdgs-v4-dropdown-filter {\n        position: relative;\n    }\n\n    .sdgs-v4-dropdown-filter summary {\n        list-style: none;\n        cursor: pointer;\n        border: 1px solid #d9e1ec;\n        border-radius: 14px;\n        background: #f8fafc;\n        padding: 13px 15px;\n        font-weight: 700;\n        color: #26364f;\n        display: flex;\n        justify-content: space-between;\n        gap: 12px;\n        align-items: center;\n    }\n\n    .sdgs-v4-dropdown-filter summary::-webkit-details-marker {\n        display: none;\n    }\n\n    .sdgs-v4-dropdown-filter summary::after {\n        content: \"\u25be\";\n        font-size: 14px;\n        color: #64748b;\n    }\n\n    .sdgs-v4-dropdown-filter[open] summary::after {\n        content: \"\u25b4\";\n    }\n\n    .sdgs-v4-dropdown-filter summary span {\n        background: #eaf3f8;\n        color: #0b6fa4;\n        font-size: 12px;\n        padding: 4px 9px;\n        border-radius: 999px;\n        white-space: nowrap;\n        margin-left: auto;\n    }\n\n    .sdgs-v4-dropdown-content {\n        position: absolute;\n        z-index: 50;\n        top: calc(100% + 8px);\n        left: 0;\n        right: 0;\n        max-height: 280px;\n        overflow-y: auto;\n        background: #ffffff;\n        border: 1px solid #d9e1ec;\n        border-radius: 16px;\n        padding: 12px;\n        box-shadow: 0 18px 45px rgba(15,23,42,.16);\n    }\n\n    .sdgs-v4-dropdown-content label {\n        display: block;\n        margin-bottom: 9px;\n        font-weight: 500;\n        color: #334155;\n        line-height: 1.35;\n    }\n\n    .sdgs-v4-dropdown-content input {\n        margin-right: 8px;\n    }\n\n    .sdgs-v4-kpis {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0,1fr));\n        gap: 18px;\n        margin-bottom: 24px;\n    }\n\n    .sdgs-v4-kpi {\n        padding: 22px;\n        border-top: 5px solid #0b6fa4;\n    }\n\n    .sdgs-v4-kpi span {\n        display: block;\n        color: #64748b;\n        font-size: 14px;\n        margin-bottom: 8px;\n    }\n\n    .sdgs-v4-kpi strong {\n        display: block;\n        font-size: 30px;\n        line-height: 1.15;\n        color: #0f172a;\n        word-break: break-word;\n    }\n\n    .sdgs-v4-kpi small {\n        display: block;\n        color: #64748b;\n        margin-top: 8px;\n    }\n\n    .sdgs-v4-toolbar {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 12px;\n        margin-bottom: 24px;\n    }\n\n    .sdgs-v4-card {\n        padding: 26px;\n        margin-bottom: 24px;\n        width: 100%;\n        overflow: hidden;\n    }\n\n    .sdgs-v4-card-head,\n    .sdgs-v4-table-head {\n        display: flex;\n        justify-content: space-between;\n        gap: 16px;\n        align-items: center;\n        margin-bottom: 22px;\n    }\n\n    .sdgs-v4-card-head h3,\n    .sdgs-v4-table-head h3 {\n        margin: 0 0 4px;\n        font-size: 21px;\n        color: #0f172a;\n    }\n\n    .sdgs-v4-card-head p,\n    .sdgs-v4-table-head p {\n        margin: 0;\n        color: #64748b;\n        font-size: 14px;\n    }\n\n    .sdgs-v4-grid-2 {\n        display: grid;\n        grid-template-columns: minmax(0,1fr) minmax(0,1fr);\n        gap: 24px;\n        width: 100%;\n    }\n\n    .sdgs-v4-chart-box {\n        position: relative;\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .chart-large {\n        height: 430px;\n    }\n\n    .chart-medium {\n        height: 360px;\n    }\n\n    .sdgs-v4-chart-box canvas {\n        display: block;\n        width: 100% !important;\n        height: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .sdgs-v4-table-wrap {\n        width: 100%;\n        overflow-x: auto;\n    }\n\n    .sdgs-v4-table {\n        width: 100%;\n        border-collapse: collapse;\n        min-width: 760px;\n    }\n\n    .sdgs-v4-table th {\n        background: #f1f5f9;\n        color: #334155;\n        font-weight: 800;\n        padding: 14px;\n        text-align: left;\n        border-bottom: 1px solid #e2e8f0;\n    }\n\n    .sdgs-v4-table td {\n        padding: 14px;\n        border-bottom: 1px solid #eef2f7;\n        vertical-align: middle;\n    }\n\n    .sdgs-v4-table tr:hover {\n        background: #f8fafc;\n    }\n\n    .sdgs-v4-table a {\n        color: #0b6fa4;\n        font-weight: 700;\n        text-decoration: none;\n    }\n\n    .sdgs-v4-dot {\n        display: inline-block;\n        width: 13px;\n        height: 13px;\n        border-radius: 999px;\n        margin-right: 8px;\n        vertical-align: middle;\n    }\n\n    .sdgs-v4-progress {\n        width: 100%;\n        min-width: 150px;\n        height: 13px;\n        background: #e8edf3;\n        border-radius: 999px;\n        overflow: hidden;\n    }\n\n    .sdgs-v4-progress div {\n        height: 100%;\n        border-radius: 999px;\n        transition: width .45s ease;\n    }\n\n    @media (max-width: 980px) {\n        .sdgs-v4-hero,\n        .sdgs-v4-card-head,\n        .sdgs-v4-table-head {\n            flex-direction: column;\n            align-items: flex-start;\n        }\n\n        .sdgs-v4-filter-row,\n        .sdgs-v4-dropdown-row,\n        .sdgs-v4-grid-2,\n        .sdgs-v4-kpis {\n            grid-template-columns: 1fr;\n        }\n\n        .chart-medium {\n            height: 340px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .sdgs-v4-dashboard {\n            padding: 12px;\n            margin: 20px auto;\n        }\n\n        .sdgs-v4-hero,\n        .sdgs-v4-card,\n        .sdgs-v4-filter {\n            padding: 20px;\n            border-radius: 18px;\n        }\n\n        .sdgs-v4-hero h2 {\n            font-size: 27px;\n        }\n\n        .sdgs-v4-kpi strong {\n            font-size: 26px;\n        }\n\n        .chart-large {\n            height: 360px;\n        }\n\n        .chart-medium {\n            height: 330px;\n        }\n    }\n\n    @media print {\n        .sdgs-v4-filter,\n        .sdgs-v4-toolbar {\n            display: none;\n        }\n\n        .sdgs-v4-dashboard {\n            max-width: 100%;\n            padding: 0;\n        }\n    }\n    <\/style>\n\n    <\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-17301","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sustainability.um.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/17301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sustainability.um.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sustainability.um.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sustainability.um.ac.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sustainability.um.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=17301"}],"version-history":[{"count":5,"href":"https:\/\/sustainability.um.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/17301\/revisions"}],"predecessor-version":[{"id":17309,"href":"https:\/\/sustainability.um.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/17301\/revisions\/17309"}],"wp:attachment":[{"href":"https:\/\/sustainability.um.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=17301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}