Apa itu KeplerGL? (OSS-01)

Setelah menggunakan sekitar 30an dari 80 versi kepler.gl akhirnya saya menulis juga tentang web app ini. Saya merasa begitu berhutang pada para maintainer dan kontributornya jadi saya merasa perlu menulis tentang kepler.gl dan menaikkan pamornya di lingkungan sekeliling saya. Saya awalnya hanya menggunakan kepler.gl untuk berbagi peta dengan kawan karena qgis2web hasilnya sering kurang bagus. Padahal saya sering perlu berbagi peta dengan mudah dan cepat. Kepler.gl sangat membantu karena saya tinggal ekspor data dari QGIS ke geojson, lalu membuat tampilannya di Kepler.gl, dengan data yang sangat besar sekalipun.

Jadi Apa Itu Kepler.gl?

Kepler.gl sederhananya adalah aplikasi web yang diperuntukkan untuk menampilkan data spasial yang besar. Jadi, ketika Anda ingin menampilkan peta dalam web dengan ukuran data yang cukup besar, kepler.gl mungkin adalah jawabannya. Dalam beberapa contohnya, kepler.gl dapat melakukan rendering jutaan titik yang kemudian dilakukan agregasi spasial di sistem secara on the go.

Tampilan data perjalanan taksi di NY dalam kepler.gl

Performa Tinggi di Web?

Saya juga bertanya-tanya, bagaimana bisa sebuah aplikasi web dapat melakukan visualisasi data dengan begitu efisien? Selama ini kita tahu bahwa visualisasi data spasial, apalagi berjumlah jutaan adalah pekerjaan yang berat dilakukan oleh komputer.

Ternyata alasannya adalah karena kepler.gl, seperti namanya berdiri di atas WebGL (Web Graphics Library), API Javascript yang digunakan untuk rendering grafik 2D dan 3D secara interaktif di dalam web browser tanpa menggunakan plug-ins. Sederhananya, WebGL membuat browser dapat mengakses kekuatan GPU/VGA. Istilahnya GPU-accelerated. Nah si WebGL ini bisa dikawinkan dengan elemen HTML lain, jadi sangat berguna untuk penampilan grafis yang bisa ditingkatkan performanya memakai GPU.

Pendukung

Secara spesifik, kepler.gl dibangun di atas mapboxGL dan deck.gl. MapboxGL-nya adalah library Javascript yang digunakan untuk membuat peta vektor di web. DeckGL-nya adalah framework visualisasi WebGL yang dibuat untuk jumlah data yang besar. Jadi, dengan memanfaatkan keduanya kepler.gl dapat menampilkan peta vektor di web dengan jumlah besar dan performa tinggi.

Contoh penggunaan deck.gl. Catatan : peta yang ditampilkan tersebut adalah interaktif.

Kepler.gl juga adalah sebuah komponen React yang menggunakan Redux untuk mengatur state dan data flow-nya. Jadi, jika pembaca pernah atau berpengalaman menggunakan React-Redux, Kepler.gl ini dapat ditanamkan ke dalam aplikasi dengan React-Redux lain. Berikut tutorial untuk meng-embed kepler.gl ke dalam aplikasi React Anda : http://vis.academy/#/kepler.gl/

Oya jangan salah, kepler.gl ini sudah sukses digunakan oleh Unfolded.ai sebagai produk utamanya. Di belahan bumi lain, Locale.ai menggunakan teknologi yang sangat mirip dengan kepler.gl, location intelligence berdasarkan deck.gl, mapbox.gl, dan nebula.gl. Keduanya adalah platform seperti kepler.gl dengan kemampuan yang lebih advanced. Jadi, jangan remehkan kemampuan open source.


Untuk tulisan kepler.gl kali ini saya akhiri disini terlebih dahulu, karena jika saya masuk ke pembahasan teknis, tulisannya akan semakin panjang dan semakin tidak relevan dengan judul artikel ini. Untuk ke depannya, kepler.gl ini memiliki dua potensi cabang pembahasan : penggunaannya dalam exploratory spatial data analysis dan penanamannya ke aplikasi web Anda. Keduanya akan sangat menarik. Saya sendiri sedang mencoba untuk mengkonsep kepler.gl dalam electron dikombinasikan dengan gdal, geos, & proj yang memungkinkan pembuatan aplikasi pengolah peta dengan indah dan mudah di berbagai environment desktop mulai dari Windows, MacOS, hingga Linux. Semoga bisa dengan waktu yang terbatas ini haha. Berikut sedikit sneak peek untuk bahasan teknis yang mungkin akan di bahas ke depan terkait schema manager kepler.gl untuk save dan load peta.

Tautan penting

Kepler.gl : Website | Github | Documentation

Deck.gl : Website | Github | Documentation

Malang, 26 Agustus 2021

This Post Has 49 Comments

  1. Awsome info and straight to the point. I am not sure if this is truly
    the best place to ask but do you folks have any thoughts on where to hire some professional writers?
    Thank you 🙂

  2. I absolutely love your blog.. Excellent colors & theme. Did you create this site yourself? Please reply back as I’m wanting to create my own site and would like to learn where you got this from or exactly what the theme is named. Kudos!

  3. Hello, There’s no doubt that your site could possibly be having browser compatibility problems. Whenever I look at your blog in Safari, it looks fine however when opening in Internet Explorer, it has some overlapping issues. I just wanted to give you a quick heads up! Other than that, fantastic site.

  4. Everything is very open with a precise explanation of the challenges. It was really informative. Your website is very useful. Thanks for sharing.

  5. This is the right blog for anybody who wishes to find out about this topic. You understand a whole lot its almost hard to argue with you (not that I really will need to…HaHa). You certainly put a new spin on a topic that’s been written about for many years. Wonderful stuff, just wonderful.

  6. This is a topic that’s near to my heart… Take care! Where can I find the contact details for questions?

  7. Wonderful article! We are linking to this particularly great content on our website. Keep up the good writing.

  8. Oh my goodness! Impressive article dude! Thanks, However I am having problems with your RSS. I don’t understand the reason why I am unable to subscribe to it. Is there anybody having the same RSS issues? Anyone that knows the solution will you kindly respond? Thanx.

  9. Greetings! Very useful advice in this particular post! It’s the little changes that will make the largest changes. Thanks for sharing!

  10. You’re so awesome! I do not suppose I have read a single thing like this before. So good to find another person with a few unique thoughts on this subject matter. Seriously.. thanks for starting this up. This site is one thing that is needed on the internet, someone with a bit of originality.

  11. Hello there! This post could not be written any better! Reading through this post reminds me of my previous roommate! He always kept talking about this. I will send this article to him. Pretty sure he’s going to have a very good read. Many thanks for sharing!

  12. I wanted to thank you for this great read!! I definitely loved every little bit of it. I have you book-marked to look at new stuff you post…

  13. Greetings, I do believe your site could possibly be having browser compatibility problems. Whenever I take a look at your website in Safari, it looks fine but when opening in I.E., it’s got some overlapping issues. I simply wanted to give you a quick heads up! Apart from that, excellent site!

  14. I have to thank you for the efforts you’ve put in writing this website. I am hoping to see the same high-grade content from you later on as well. In fact, your creative writing abilities has inspired me to get my very own blog now 😉

  15. You need to be a part of a contest for one of the highest quality websites online. I’m going to highly recommend this website!

  16. I’m excited to discover this page. I wanted to thank you for your time for this particularly fantastic read!! I definitely enjoyed every little bit of it and i also have you saved to fav to check out new things on your site.

  17. This site was… how do I say it? Relevant!! Finally I have found something that helped me. Cheers.

  18. After exploring a number of the articles on your web page, I really appreciate your way of blogging. I saved it to my bookmark site list and will be checking back in the near future. Take a look at my website as well and tell me what you think.

  19. The next time I read a blog, I hope that it won’t disappoint me just as much as this one. After all, Yes, it was my choice to read through, but I actually believed you would have something useful to say. All I hear is a bunch of crying about something that you can fix if you were not too busy looking for attention.

  20. It’s hard to come by knowledgeable people for this subject, however, you seem like you know what you’re talking about! Thanks

  21. You are so interesting! I do not think I’ve truly read through a single thing like this before. So good to discover somebody with unique thoughts on this subject matter. Seriously.. many thanks for starting this up. This site is one thing that is needed on the internet, someone with some originality.

  22. You are so awesome! I don’t think I’ve read through anything like this before. So wonderful to find somebody with a few original thoughts on this topic. Really.. many thanks for starting this up. This website is one thing that’s needed on the internet, someone with a little originality.

  23. Aw, this was an exceptionally good post. Spending some time and actual effort to make a top notch article… but what can I say… I put things off a whole lot and don’t seem to get anything done.

  24. Hi, I do think this is an excellent website. I stumbledupon it 😉 I’m going to come back once again since I saved as a favorite it. Money and freedom is the best way to change, may you be rich and continue to guide other people.

  25. Hi, I do think this is a great site. I stumbledupon it 😉 I am going to revisit yet again since i have saved as a favorite it. Money and freedom is the greatest way to change, may you be rich and continue to guide others.

  26. It’s hard to find educated people for this subject, but you seem like you know what you’re talking about! Thanks

Leave a Reply