#BelajarGEE6 — Color Palette
Kustomisasi Tampilan Warna Peta
Halo Semuanya,
Tampilan visual peta adalah salah satu hal yang tidak boleh dilupakan. Selain sebagai estetika dalam penyajian peta, tampilan peta dapat mempengaruhi kemudahan seseorang dalam hal analisis geospasial. Misalnya membedakan jenis objek dari warna yang ditunjukkan, seperti badan air berwarna biru, vegetasi berwarna hijau, atap rumah atau bangunan berwarna merah atau cokelat dan sebagainya.
Google Earth Engine (GEE) memungkinkan penggunanya untuk mengubah warna dari data yang sedang di load dengan menuliskan perintah palette dalam code editor. Selain itu, sepengetahuan saya terdapat beberapa dataset yang memang sudah disediakan palet warna secara default oleh GEE.
Kalian dapat mengunduh bahan yang akan saya gunakan dalam tulisan ini disini.
1. Memanggil Data
Kali ini saya akan mencari tahu bagaimana keadaan kedalaman perairan (batimetri) di perairan Indonesia. Saya memanggil produk data Digital Elevation Model (DEM) dari ETOPO1, kenapa? karena data DEM jenis ini sudah meliputi wilayah darat dan laut.
Unggah bahan diatas ke dalam Assets, import kemudian rename table menjadi zee.
Cari dataset ETOPO1 dengan mengetikkan keyword “etopo” di kotak pencarian. Dari hasil yang muncul, lalu pergi ke halaman produk ETOPO1. Salin snippet yang ada di halaman tersebut dan paste ke dalam Code Editor.
Dari snippet tadi sebenarnya kita sudah bisa menampilkan data ETOPO1. Namun, yang ditunjukkan adalah data DEM dan batimetri di seluruh dunia. Jadi, saya akan lakukan sedikit penyesuaian agar tampilan data merujuk kepada Region of Interest (ROI) yakni perairan Indonesia.
Masukkan dan running script yang sudah saya ubah berikut, maka tampilan data sudah di potong (clip) mengikuti bentuk perairan Indonesia.
//Load Batimetri
var DEM = ee.Image('NOAA/NGDC/ETOPO1');
var batimetri = DEM.select('bedrock');//Visualisasi Batimetri
var batimetriVis = {
min: -7000,
max: 0,
palette: ['011de2', 'afafaf', '3603ff', 'fff477', 'b42109']};//Clip Raster
var clip_batimetri = batimetri.clip(zee);//Layer
Map.addLayer(clip_batimetri, batimetriVis, 'Batimetri Indonesia');//Zoom ke ROI Indonesia
Map.setCenter(115.127946, -4.571685, 5);
2. Kustomisasi Warna
Dari script diatas, data DEM yang ditampilkan sudah memiliki warna yang berbeda sesuai dengan nilai batimetri. Yang perlu diperhatikan adalah perintah parameter visualisasi batimetri, di dalamnya terdapat pengaturan agar tampilan peta menunjukkan nilai kedalaman antara 0 sampai 7000 meter. Sedangkan kombinasi warna (color palette) diatur dengan parameter palette.
Seperti yang kita tahu, GEE memberi template color palette pada source code yang disediakan untuk memanggil dataset ETOPO1 dalam halaman produknya. Ada dua cara untuk melakukan kustomisasi warna, pertama dengan mengganti kode warna yang menjadi isi dari parameter palette dan yang kedua adalah melalui pengaturan pada layer.
Saya mulai dengan cara pertama, ketik keyword “color picker” di Google, hasil pencariannya adalah sebuah sebuah kotak yang dapat digunakan untuk mencari sebuah warna lengkap dengan kode dari warna tersebut. Cara kerjanya adalah geser lingkaran berwarna putih untuk memilih warna, copy kode warna dari HEX, lalu paste kode warna ke dalam parameter palette. Ulangi langkah ini sampai dirasa sudah menemukan kombinasi yang tepat.
Cara kedua adalah melalui layer setting, pilih ikon roda gerigi pada menu layer kemudian akan muncul pengaturan visualisasi. Pada pengaturan tersebut kita dapat menambah ataupun mengurangi jenis warna dengan memilih ikon “+” atau “-”, ataupun mengubah tampilan warna yang sudah ada. Bahkan kita juga dapat mengganti range nilai kedalaman dari data batimetri.
Kesimpulan
Jika masih kesulitan menemukan kombinasi warna yang tepat, dapat memanfaatkan situs yang menyediakan template serta dapat melakukan generate color palette secara otomatis semacam Coolors.co
Referensi
- Datasets tagged ETOPO1 in Earth Engine | Earth engine data catalog. (n.d.). Retrieved April 17, 2021, from https://developers.google.com/earth-engine/datasets/tags/etopo1
- Feature and FeatureCollection Visualization | Google Earth Engine. (n.d.). Retrieved April 17, 2021, from https://developers.google.com/earth-engine/guides/feature_collections_visualizing
