VIK | Visual Interaktif Kompas

<!DOCTYPE html> <html lang="en"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PT7PC4');</script>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>VIK | Visual Interaktif Kompas</title> <meta name="theme-color" content="#000"> <meta name="msapplication-navbutton-color" content="#000"> <meta property="og:type" content="article" />  <meta property="og:url" content="" /> <meta property="og:title" content="VIK | Visual Interaktif Kompas" /> <meta property="og:description" content="Upaya jurnalistik harian Kompas, Kompas.com, dan KompasTV (multi-channel) mencari kedalaman, arti, dan perspektif atas suatu peristiwa, disajikan secara naratif yang diperkaya grafis, foto, video, maupun audio (multi-media) untuk memberi warna baru di dunia jurnalistik." /> <meta property="og:image" content="https://asset.kompas.com/data/2016/vik/images/thumb.jpg" /> <meta property="fb:admins" content="1386097730" /> <meta property="fb:app_id" content="161133340609176" />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@kompascom" /> <meta name="twitter:creator" content="@kompascom"> <meta name="twitter:title" content="VIK %7C Visual Interaktif Kompas" /> <meta name="twitter:description" content="Upaya jurnalistik harian Kompas, Kompas.com, dan KompasTV (multi-channel) mencari kedalaman, arti, dan perspektif atas suatu peristiwa, disajikan secara naratif yang diperkaya grafis, foto, video, maupun audio (multi-media) untuk memberi warna baru di dunia jurnalistik." /> <meta name="twitter:image" content="https://asset.kompas.com/data/2016/vik/images/thumb.jpg" />  <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Black+Ops+One' rel='stylesheet' type='text/css'> <link type="text/css" rel="stylesheet" href="https://asset.kompas.com/data/2016/vik/icomoon/style.css"> <link rel="shortcut icon" href="https://asset.kompas.com/data/2016/vik/images/favicon.png"> <link type="text/css" rel="stylesheet" href="https://asset.kompas.com/data/2023/09/26/kompascom/vik/css/style.min.css"> <script src="https://asset.kompas.com/data/2016/vik/js/scrollreveal.min.js"></script> <script src="https://asset.kompas.com/data/2014/kompascom/js/jquery.js"></script> <meta name="adx:sections" content="VIK" /> <meta name="subscription" content="False" /> <meta name="content_category" content="Vik" />  <script type="text/javascript"> var _siteId="10003299287"; (function(){ var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//st-a.props.id/insight.js"; var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})(); </script>  <script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script> </head> <body> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT7PC4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="logo-top"> <h1 class="clearfix"> <a href="" class="logo-title"> <span class="title-text">VIK</span> <span class="block-logo"> <span class="title-break">Visual</span> <span class="title-break">Interaktif</span> <span class="title-break">Kompas</span> </span> </a> </h1> </div> <div class="at-all"> <a href="https://vik.kompas.com/all" class="visit-link-all"> <span class="icon-list icon-class"></span> <span class="in-left"> <span>Lihat</span> <span>Semua</span> </span> </a> <div class="sso__header" id="sso__header"> <ul class="sso__wrap"> <li class="sso__item"> <a class="sso__link sso__link__icon" id="sso__icon__login__a" href=""> <i class="sso__icon__login" id="sso__icon__login"></i> <i class="sso__badge"></i> </a> </li> </ul> </div> </div> <div class="wrap-menu"> <div class="table-content"> <ul class="menu-list"> <li class="menu-item"> <a href="" class="menu-item-link">Home</a> </li> <li class="menu-item"> <a href="" class="menu-item-link">Home2</a> </li> <li class="menu-item"> <a href="" class="menu-item-link">Hom3</a> </li> <li class="menu-item"> <a href="" class="menu-item-link">Home4</a> </li> <li class="menu-item"> <a href="" class="menu-item-link">Home5</a> </li> </ul> </div> </div> <div class="still-menu still-menu-btm"> <div class="arrows"> <div class="in-link anchor-up"> <span class="icon-up"></span> </div> <div class="in-link anchor-down"> <span class="icon-down"></span> </div> </div> </div> <div id="fullpage"> <div class="section" data-anchor="231"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="sponsored"> SPONSORED </div> <div class="top-title"> Bertualang Menjelajahi Hidden Gems di Hong Kong </div> <div class="lead-title"> Perjalanan Menyusuri Tempat Tersembunyi di Hong Kong </div> <div class="text-preview"> Hong Kong memiliki banyak spot wisata menarik. Jelajahi hidden gems di Hong Kong rekomendasi HKTB dan dapatkan pengalaman liburan tak terlupakan. </div> <a target="_blank" href="https://vip.kompas.com/hidden-gems-hongkong" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2024/11/03/6726ecaf7d667.jpg') center center no-repeat;"></div> </div> </div> <div class="section" data-anchor="230"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="top-title"> Mewujudkan Kota/Kabupaten HAM </div> <div class="lead-title"> 10 Langkah Menuju HAM </div> <div class="text-preview"> Sepantasnya kota bisa menjadi ruang aman bagi siapa pun. Apa bisa mencapai kota HAM? </div> <a target="_blank" href="https://vik.kompas.com/kota-kabupaten-ham/" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2024/10/09/67060ef389026.png') center center no-repeat;"></div> </div> </div> <div class="section" data-anchor="229"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="top-title"> Merapah Trans-Jawa 2024 </div> <div class="lead-title"> Menyusuri 2.400 KM Pesona Pesisir Selatan jawa </div> <div class="text-preview"> Eksplorasi 2.290 km Jalur Pansela. Rekaman pesona mudik dari Jakarta ke Banyuwangi, menikmati panorama alam dan budaya di jalur聽Trans-Jawa. </div> <a target="_blank" href="https://vik.kompas.com/merapah-transjawa-2024" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2024/07/17/6697873219024.jpg') center center no-repeat;"></div> </div> </div> <div class="section" data-anchor="228"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="top-title"> Dear, Pak Presiden </div> <div class="lead-title"> Surat dari Anak NTT untuk Presiden Indonesia </div> <div class="text-preview"> Harapan dan realita yang dialami alami anak-anak NTT sering tidak terwakili. Kepada pemimpin negara lah mereka meminta agar suaranya didengar. </div> <a target="_blank" href="https://vik.kompas.com/surat-ntt-untuk-presiden/" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2024/04/30/66307fa2b702f.jpg') center center no-repeat;"></div> </div> </div> <div class="section" data-anchor="227"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="sponsored"> SPONSORED </div> <div class="top-title"> Anak Muda </div> <div class="lead-title"> Asa Keberlanjutan Bumi </div> <div class="text-preview"> Keterlibatan aktif anak muda akan menjadi salah satu penentu keberhasilan agenda pengendalian perubahan iklim </div> <a target="_blank" href="https://vip.kompas.com/anak-muda-asa-keberlanjutan-bumi" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2024/04/30/663062f5eac14.jpg') center center no-repeat;"></div> </div> </div> <div class="section" data-anchor="226"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="sponsored"> SPONSORED </div> <div class="top-title"> Kendaraan Listrik </div> <div class="lead-title"> Langkah Kecil Berdampak Besar bagi Bumi </div> <div class="text-preview"> Penggunaan energi bersih lewat kendaraan listrik jadi solusi sederhana nan hemat biaya untuk bikin #BumiAwetMuda. </div> <a target="_blank" href="https://vip.kompas.com/kendaraan-listrik-langkah-kecil-berdampak-besar-bagi-bumi" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2024/04/08/6613bb4c0ade0.png') center center no-repeat;"></div> </div> </div> <div class="section" data-anchor="225"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="top-title"> Green Jobs </div> <div class="lead-title"> Mengantisipasi Disrupsi Hijau </div> <div class="text-preview"> Disrupsi besar berpotensi terjadi karena tantangan lingkungan. Green jobs perlu green skills. Siapkah Anda menghadapinya? </div> <a target="_blank" href="https://vik.kompas.com/green-jobs/" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2024/01/30/65b87be0d1a04.jpg') center center no-repeat;"></div> </div> </div> <div class="section" data-anchor="224"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="top-title"> Menjadi Indonesia, Menjadi Krayan </div> <div class="lead-title"> Bersama Kompas.com, Menaklukkan Jalur Menantang Malinau - Long Bawan </div> <div class="text-preview"> Jalan bagus dan mulus adalah privilese. Percepatan pembangunan jalur Malinau - Long Bawan adalah langkah perlu untuk kesetaraan orang-orang Krayan. </div> <a target="_blank" href="https://vik.kompas.com/krayan/" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2023/12/04/656d9208acf96.jpg') center center no-repeat;"></div> </div> </div> <div class="section" data-anchor="223"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="top-title"> Sehari Menjadi Ikan Raksasa Mola </div> <div class="lead-title"> Gamifikasi Singkat tentang Tantangan Hidup Biota Laut </div> <div class="text-preview"> Hari-hari ikan raksasa Mola penuh tantangan. Kalau kamu jadi dia, bisakah kamu bertahan hidup? </div> <a target="_blank" href="https://vik.kompas.com/sehari-menjadi-ikan-raksasa-mola/" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2023/10/30/653f400ab4df1.jpg') center center no-repeat;"></div> </div> </div> <div class="section" data-anchor="222"> <div class="the-overlay"></div> <div class="overlay-wrap"> <div class="container"> <div class="box-in-lead"> <div class="top-title"> Punan Batu </div> <div class="lead-title"> Pengetahuan yang Menumbuhkan Harapan </div> <div class="text-preview"> Punan Batu lama menanggung pilu sebagai pemburu dan peramu terakhir di Kalimantan. Dengan bantuan ilmu pengetahuan, kini mereka kembali menemukan聽harapan. </div> <a target="_blank" href="https://vik.kompas.com/punan-batu-pengetahuan-yang-menumbuhkan-harapan/" class="visit-link"><span>LIHAT</span></a> </div> </div> </div> <div class="bg-slide"> <div class="on-background" style="background: url('https://asset.kompas.com/data/photo/2023/08/04/64cc71f025c5e.jpg') center center no-repeat;"></div> </div> </div> <div class="section last-nchor" data-anchor="last-index"> <div class="full-anchor"> <div class="see-full"> <a href="https://vik.kompas.com/all" class="visit-link"><span>Lihat Semua</span></a> </div> </div> </div> </div>   <script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "8077308" }); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="http://b.scorecardresearch.com/p?c1=2&c2=8077308&cv=2.0&cj=1" /> </noscript>   <script type="text/javascript"> _atrk_opts = { atrk_acct: "bUvni1a8s700gi", domain: "kompas.com", dynamic: true }; (function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(as, s); })(); </script> <noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=bUvni1a8s700gi" style="display:none" height="1" width="1" alt="" /></noscript>   <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['A._setAccount', 'UA-3374285-20']); _gaq.push(['A._trackPageview']); _gaq.push(['A._trackPageLoadTime']); _gaq.push(['B._setAccount', 'UA-3374285-1']); _gaq.push(['B._trackPageview']); _gaq.push(['B._trackPageLoadTime']); _gaq.push(['C._setAccount', 'UA-39495442-2']); _gaq.push(['C._trackPageview']); _gaq.push(['C._trackPageLoadTime']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>  </body>  <script type="text/javascript" src="https://asset.kompas.com/data/2016/vik/js/fullPage/jquery.fullPage.min.js"></script> <script type="text/javascript" src="https://asset.kompas.com/data/2016/vik/js/fullPage/jquery.easings.min.js"></script> <script type="text/javascript" src="https://asset.kompas.com/data/2016/vik/js/fullPage/jquery.slimscroll.min.js"></script> <script type="text/javascript" src="https://asset.kompas.com/data/2016/vik/js/jquery.mousewheel.min.js"></script> <script src="https://cdn.jsdelivr.net/scrollreveal.js/3.0.9/scrollreveal.min.js"></script>  <script src="https://asset.kompas.com/data/2016/vik/js/slick/slick.min.js"></script> <script type="text/javascript"> $(document).ready(function() { window.sr = ScrollReveal({ reset: true,vFactor: 0.20 }); var fullIndex = $('.section').length; $('#fullpage').fullpage({ anchors:[ '231', '230', '229', '228', '227', '226', '225', '224', '223', '222', ], scrollingSpeed: 800, fitToSectionDelay: 100, easingcss3: 'cubic-bezier(0.175, 0.885, 0.320, 1.1)', afterLoad: function(direction,index){ if (index == fullIndex) { $('.anchor-down').css('opacity','0'); } else { $('.anchor-down').css('opacity','1'); } if (index == 1) { $('.anchor-up').css('opacity','0'); } else { $('.anchor-up').css('opacity','1'); } } }); $('.vertical-list').mousewheel(function(event) { // console.log(event.deltaX, event.deltaY, event.deltaFactor); ar = $(this).hasClass('open'); if (event.deltaY > 0 ) { if (ar == false) { slickon.slick("slickPrev"); $(this).addClass('open'); } } else { if (ar == false) { slickon.slick("slickNext"); $(this).addClass('open'); } } }); $('.block-click').click(function(event) { $(this).toggleClass('open'); $('.wrap-menu').toggleClass('open'); }); $('.anchor-up').click(function(event) { $.fn.fullpage.moveSectionUp(); }); $('.anchor-down').click(function(event) { $.fn.fullpage.moveSectionDown(); }); }); </script> <script src="https://vik.kompas.com/asset/js/sso.min.js"></script> </html>

CINXE.COM

VIK | Visual Interaktif Kompas