Panduan Visualisasi

Komunitas
OPEN DATA JAWA BARAT
 Daftar Isi

Daftar Isi

Halaman Daftar Isi

03 Pendahuluan: Mengenal Open Data Jawa Barat Komunitas
04 Visualisasi yang Akan Dibuat Komunitas
06 Langkah Mengajukan Visualisasi Interaktif
07 Pengenalan Dasar Visualisasi dan Ekspektasi Visualisasi JDS
10 Panduan Pengisian Dokumen Visualisasi - Open Data Jawa Barat
13 Petunjuk Teknis Dalam Pembuatan Visualisasi dengan Tableau
17 Lampiran
 Pendahuluan

Pendahuluan: Open Data Jabar untuk Masyarakat Umum dan Komunitas

Portal Open Data Jabar memfasilitasi masyarakat untuk dapat

menampilkan hasil karya Visualisasi Data yang dibangun dengan
menggunakan dataset di Open Data Jabar.

Tujuan dari pelaksanaan program ini adalah untuk mengajak partisipasi

masyarakat dalam membangun Ekosistem Data Jabar sekaligus
mempromosikan Ekosistem Data Jabar di masyarakat umum. Informasi
yang diberikan pada Visualisasi Data yang ditampilkan dapat diakses
langsung oleh seluruh pengguna Open Data Jabar.

Panduan Visualisasi ini bertujuan untuk membantu komunitas dan

masyarakat dalam membuat visualisasi interaktif yang sesuai ketentuan
dan standar EDJ. Harapannya panduan ini dapat membantu teman-teman
dalam membuat visualisasi yang sesuai dan dapat dipromosikan ke dalam
platform EDJ.
 Jenis Visualisasi yang akan dibuat oleh komunitas

Visualisasi Interaktif (Tableau)

Pada Open Data Jabar, jenis visualisasi data yang dibuat oleh komunitas
akan dibuat dalam bentuk Tableau. Hal ini bertujuan untuk menciptakan
visualisasi yang menarik dan interaktif. Disisi lain, akan memudahkan
pembaca dalam membaca hasil karya visualisasi teman-teman komunitas.

Dalam pembuatan visualisasi, kami sangat mengharapkan visualisasi yang

penulis kumpulkan adalah berbentuk infografik, dimana visualisasi yang
dibuat memiliki tujuan penjelasan dan analisis yang ingin diungkapkan
penulis berdasarkan hasil pembuatan visualisasi.
 Dalam pembuatan visualisasi interaktif dan storyboard di open data,
terdapat beberapa kaidah dan tujuan utama yang harus diperhatikan :
1. Tujuan dari visualisasi yang dibuat di Open Data Jawa Barat
Kaidah dan Tujuan adalah untuk memberitahu informasi berdasarkan analisis dan
visualisasi yang anda buat. Oleh karena itu, visualisasi interaktif
diharapkan memiliki penjelasan analisis (bukan visualisasi
interaktif eksplorasi).
2. Hanya membuat satu visualisasi interaktif saja. Apabila anda
ingin membuat beberapa visualisasi interaktif, dapat dipisahkan
dalam pengumpulannya (satu dokumen visualisasi, satu
visualisasi interaktif).
3. Data yang digunakan harus mayoritas berada di Open Data Jawa
Barat. Data diluar Open Data dapat digunakan selama hanya
menjadi data pendukung.
4. Jangan membuat visualisasi interaktif yang bersifat overload
information. Usahakan hanya membuat 1-3 grafik saja, hal ini
akan memudahkan pembaca untuk menangkap maksud
visualisasi anda.
5. Pada lembar kontrol Dokumen Visualisasi, pastikan bahwa semua
jawabannya adalah Ya dan gunakan tautan di lampiran untuk
membantu anda dalam membuat visualisasi.
Langkah Mengajukan Visualisasi Interaktif Di Open Data Jawa Barat

Komunitas/Individu membuat Visualisasi Interaktif bersama dengan

Membuat Visualisasi
pengisian Dokumen Visualisasi Data. Unduh data di Open Data
Interaktif Jawa Barat sesuai panduan berikut.

Visualisasi dibuat sesuai dengan kaidah dan tujuan dari Open Data
Kaidah & Tujuan
Jawa Barat.

Mengirimkan Ajuan Mengirimkan kontribusi karya visualisasi data dengan mengakses

Kontribusi Karya formulir pengajuan pada http://bit.ly/Upload-OpenData

Menerima Tanggapan & Dalam kurun waktu 5 hari kerja, komunitas/individu akan menerima
email dari tim insight officer (data-insight.jds@jabarprov.go.id) berupa
Konfirmasi feedback atau konfirmasi.

Apabila hasil visualisasi sudah sesuai kaidah dan tujuan, maka tim
Finalisasi Ajuan insight officer JDS akan meminta file tableau public komunitas
untuk diterbitkan di EDJ.
Pengenalan Dasar dan Proses
Pembuatan Visualisasi Di JDS
Cara Membuat Visualisasi Di Open Data Jawa Barat

● Apa yang sedang dibutuhkan oleh pembaca Anda?

Menentukan topik ● Masalah apa yang mereka hadapi?
● Solusi apa yang bisa Anda bagikan kepada mereka?

Standarisasi Menggunakan minimal 1 - 3 data yang mayoritas berasal dari Dataset

Data di Open Data Jawa Barat

● Fokus, sederhana, singkat

Penulisan Naskah
● Menggunakan kalimat aktif
(Dokumen Visualisasi)
● Kalimat yang digunakan tidak terlalu panjang

Membuat Visualisasi Menarik, mudah dipahami, informatif

 Tujuan Visualisasi : “The Four Types”
Dalam Membuat Visualisasi di Open Data, kami biasa menggunakan metode The Four Types yang dibuat oleh Harvard
Business Review (HBR). Berikut merupakan penjelasannya:

Idea Illustration :
Grafik yang bertujuan untuk memberikan
dan mendukung hipotesis ide yang ingin
disampaikan oleh penulis. Biasa ilustrasi
dibuat untuk mensimplifikasi isu yang
kompleks.
Everyday Dataviz :
Grafik yang bertujuan untuk memberikan
gambaran harian atau informasi deskriptif
kepada para pembaca.

Visual Discovery :
Idea Generation :
Grafik yang bertujuan untuk mencari
Grafik yang bertujuan untuk mencari ide
masalah atau isu yang ada dalam data
dari data-data yang ada. Pembuatan
yang kompleks. Biasanya terjadi ketika
visualisasi akan membantu individu untuk
individu memiliki sedikit pengetahuan
menemukan fakta menarik yang bisa
mengenai data sehingga harus melakukan
dijadikan ke ide.
eksplorasi.
Panduan / Juru Teknis
Dokumen Visualisasi - Open Data Jawa Barat
 Dokumen Visualisasi - Open Data Jawa Barat

I. Rincian / Detail Visualisasi

1. Audiens: Identifikasi individu yang berpotensi akan mendapat manfaat, alasan individu ingin melihat visualisasi data, dan
masalah apa yang ingin dijawab oleh visualisasi data.
2. Metode The Four Types: Identifikasi mengenai sifat informasi dan visualisasi yang akan dibuat. (dijelaskan sebelumnya)
3. Daftar Dataset: Menuliskan daftar dataset yang akan digunakan, lengkap dengan informasi penyedia data, tahun rilis dan
tautan data.
4. Rencana Grafik: Menuliskan Rencana Grafik yang akan dibuat beserta informasi data dan variabel yang akan digunakan,
jenis grafik dan judul grafik.
5. Informasi Kunci: Menuliskan informasi kunci yang didapat dari eksplorasi data untuk dicantumkan sebagai anotasi
(highlight) pada visualisasi data.
II. Desain
Menuliskan rencana judul utama, tipe visualisasi, orientasi, dimensi kanvas, mode, tautan (jika sudah dibuat), serta rencana tampilan
visualisasi data dan tampilan hasil visualisasi data (setelah visualisasi dibuat).
III. Lembar Kontrol
Pastikan visualisasi yang dibuat sudah sesuai dengan kaidah dan panduan dengan mengisi poin-poin pada lembar kontrol.
Dokumen Visualisasi - Open Data Jawa Barat

IV. Metadata
Mengisi metadata dari visualisasi yang telah dibuat untuk keperluan penerbitan visualisasi di Open Data Jawa Barat.
V. Lampiran
Lampiran berupa aset dan perkakas yang dapat digunakan dalam proses visualisasi data.

Templat Dokumen Visualisasi Data dapat dilihat pada tautan berikut: https://bit.ly/Storyboard_JDS
Contoh Dokumen Visualisasi yang telah terisi dapat dilihat pada tautan berikut: https://bit.ly/ContohStoryboardJDS
Panduan / Juru Teknis
Tableau Open Data Jawa Barat
 Spesifikasi Teknis Visualisasi Interaktif Tableau

1. Visualisasi dibangun dengan menggunakan tools Tableau Public

2. Layout visualisasi interaktif menggunakan Default.
3. Individu/Komunitas hanya membuat 1 visualisasi interaktif saja
4. Resolusi Visualisasi: Width 1070 px x Height sesuai kebutuhan
5. Panduan penggunaan warna yang digunakan dapat dilihat pada http://bit.ly/warnaOpenData
6. Melakukan pengaturan tooltip menjadi bersifat deklaratif (contoh: Kab. Indramayu mempunyai 17,731 santri di Pondok Pesantren)
7. Terdapat informasi pendukung, seperti :
a. Judul Visualisasi
b. Deskripsi Visualisasi
c. Topik
d. Logo Diskominfo Jabar, Jabar Digital Service dan Logo Komunitas (tambahan)
e. Author (Pembuat Visualisasi)
f. Tahun Pembuatan Visualisasi
g. Dataset Referensi di Open Data (Beserta tahun rilis data dan tautan untuk menuju laman penyedia dataset)
 Contoh Visualisasi Interaktif Tableau

Judul Kemajuan Pendidikan Jawa Barat Tahun 2010-2018

(https://opendata.jabarprov.go.id/id/visualisasi/kemajuan-
pendidikan-di-jawa-barat)

Data Indeks Pendidikan Berdasarkan Provinsi di Indonesia

(https://opendata.jabarprov.go.id/id/dataset/indeks-pendi
dikan-berdasarkan-provinsi-di-indonesia )

Naskah Kemajuan Pendidikan Jawa Barat dilihat dari nilai indeks

pendidikan berdasarkan data Badan Pusat Statistik. Nilai
indeks pendidikan didapat dari dua komponen pembentuk,
yaitu angka melek huruf dan angka harapan lama sekolah.

Pada tahun 2018, Indeks Pendidikan di Jawa Barat

meningkat sebesar 7,41 poin, yakni sebanyak 13%
semenjak tahun 2010. Jika indeks pendidikan Jawa Barat
dibandingkan dengan indeks di kabupaten/kota, di 2018,
terdapat 13 kabupaten dan kota yang memiliki indeks
pendidikan di atas indeks keseluruhan Jawa Barat, dan 14
kabupaten/kota sisanya berada dibawah indeks pendidikan
Jawa Barat.

Visualisasi Visualisasi yang digunakan adalah Line Chart , dimana

Jawa Barat memiliki warna yang berbeda (biru tua)
daripada warna provinsi lain.
 Contoh Visualisasi Interaktif Tableau Lebar Tableau Harus 1070 px
dan layout Default
Logo Diskominfo dan JDS dan
logo komunitas dapat
dimasukkan disini.
Visualisasi harus memiliki
judul utama

Penjelasan singkat mengenai

analisis penulis berdasarkan
visualisasi

Harus memiliki minimal 1 grafik

di dalam visualisasi

Penggunaan warna menggunakan

Menuliskan Sumber Data yang di
hyperlink ke datasets di open data
dan Menuliskan nama individu
pembuat di bagian bawah visualisasi.
http://bit.ly/warnaOpenData dan
mempertimbangkan pembaca yang memiliki Colour
Vision Deficiency (CVD)
Berikut merupakan contoh visualisasi yang
dibuat oleh tim insight officer JDS.
 Lampiran

Berikut merupakan pranala beberapa aset dan perkakas yang dapat

digunakan untuk membantu proses visualisasi data.

Logo Diskominfo & JDS
JDS design system colour
Colour palette generator
CVD emulator
Font pairing
Tautan Logo (GDrive) , Tautan Logo (figma)
http://bit.ly/warnaOpenData
https://coolors.co/generate
http://hclwizard.org:3000/hclwizard/
http://hclwizard.org:3000/cvdemulator/
https://projects.susielu.com/viz-palette
https://fontjoy.com

Untuk pertanyaan, kritik, dan saran dapat ditanyakan melalui email kami:
data-insight.jds@jabarprov.go.id
Hatur Nuhun
 Syarat dan Prosedur Membuat Visualisasi di Open Data

Membuat Visualisasi Interaktif Di Open Data Jawa Barat

Syarat Prosedur

1. Mengirimkan kontribusi karya visualisasi data berupa

1. Membuat Storyboard dan Visualisasi (Tableau
Storyboard dan Visualisasi (Tableau Public) ke tautan
Public) (Maks 1 storyboard dan 1 visualisasi)
google form: http://bit.ly/Upload-OpenData.
2. Mayoritas data yang digunakan berasal dari
2. Dalam kurun waktu …. hari, komunitas akan
Open Data Jawa Barat
menerima email dari tim insight officer
3. Pewarnaan yang dipilih dapat menggunakan JDS
(data-insight.jds@jabarprov.go.id) untuk feedback
Design System Color
atau konfirmasi.
4. Visualisasi dibuat sesuai dengan kaidah dan
3. Apabila hasil visualisasi sudah sesuai kaidah dan
tujuan dari Open Data Jawa Barat
tujuan, maka tim insight officer JDS akan meminta file
tableau public komunitas untuk diterbitkan di EDJ.
 Spesifikasi Teknis Storyboard Visualisasi

1. Menjawab kebutuhan audiens (Persona, Motivasi, dan Rumusan Masalah)

2. Menjawab 2 pertanyaan apakah informasi bersifat deklaratif atau eksplorasi? dan apakah visualisasi bersifat konseptual atau data
driven? Reference
3. Membuat daftar dataset yang digunakan beserta judul data, sumber data, tahun dan tautan ke dataset.
4. Membuat daftar rencana grafik yang menjawab rumusan masalah beserta data dan variabel, jenis grafik dan judul grafik yang akan
digunakan. (LIMITASI 1 - 3 RUMUSAN MASALAH)
5. Membuat daftar Informasi Kunci yang berisi informasi yang ingin disampaikan/highlight beserta rencana lingkup dan letaknya.
6. Membuat rencana desain visualisasi berupa judul visualisasi, orientasi, dimensi layout, tautan visualisasi (tautan tableau public), serta
tampilan sketsa rancangan dan atau hasil visualisasi
7. Melakukan kontrol kualitas storyboard dan visualisasi dengan mengisi lembar kontrol serta memastikan semua poin terpenuhi. (Bisa
ditulis dalam bentuk reminder, pastikan ……)