Rabu, 20 Juli 2022

MEMBUAT DIAGRAM BATANG SEDERHANA PADA LAMAN HTML MENGGUNAKAN D3.JS

 Langkah Pertama, menententukan direktori (folder) di komputer untuk menyimpan file yang akan dibuat. Kemudian buatlah sebuah file HTML (untuk nama bebas), disini saya beri nama generic: index.html.

Langkah Kedua, gunakanlah editor teks semacam Visual Studio Code, Atom, Sublime Text, atau Notepad++. Boleh juga menggunakan sebuah Web IDE, atau bahkan hanya Notepad bawaan Windows. Disini saya menggunakan Sublime Text.

Berikut isi file index.html:


Perhatikan, ada dua elemen penting (tag) di dalam file yang dicontohkan di atas, yaitu <script> dengan atribut src dimana kita memanggil modul d3.js yang tidak berada di komputer kita, dan juga <div> dengan atribut id bernama my_dataviz.

Selain itu, ada sebuah <script> kosong dengan satu komentar // ...., yang nantinya kita akan menulis kode di sini.

Terdapat juga penanda bahasa (dalam hal ini Indonesia: <html lang="id">), dan ada beberapa tag yang kalian pasti tidak asing, misalnya <head> dan <body>.

Langkah Ketiga, unduhlah sebuah file CSV (bebas), disini saya menggunakan file CSV yang sudah saya unduh pada: http://staffsite.gunadarma.ac.id/

Setelah di unduh, letakkan di direktori yang sama dengan kalian membuat file index.html tadi.

Langkah Keempat Masukkan Kode JavaScript ke dalam tag <script> yang terdapat teks //... seperti berikut.


Berikut contoh hasil outputnya:



Sabtu, 09 Juli 2022

Tugas Visualisasi Data Tableau (m12)

 Tugas Visualisasi Data

Nama: I Nyoman Kahar Wedanta

Kelas: 3KA11

NPM: 17119526

Pengertian Diagram Garis

Diagram garis adalah penyajian data yang digunakan untuk menggambarkan suatu keadaan berupa data berkala atau berkelanjutan.

Selain itu, diagram ini juga bisa dikatakan berhubungan dengan kurun waktu dan untuk menunjukkan perkembangan suatu keadaan.

Diagram ini sangat tepat untuk menyajikan data untuk mengetahui kecenderungan kelakuan atau tren, seperti produksi minyak tiap tahun, jumlah kelahiran tiap tahun, jumlah produksi tiap jam, dan lain-lain.

Dalam diagram tersebut, terdapat sumbu vertikal (sumbu y) untuk menunjukkan frekuensi dan sumbu horizontal (sumbu x) untuk menunjukkan variabel tertentu.


Cara menampilkan diagram garis di tableau:

langkah-langkahnya pada uraian di bawah ini:

  • Tentukan data yang akan diplot ke diagram.
  • Tuliskan judul diagram garis.
  • Buatlah garis horizontal dan garis vertikal dengan nama variabel dan skala yang sesuai dengan data.
  • Masukkan data secara satu persatu dengan membuat garis horizontal atau memberikan koordinat titik data.
  • Hubungkan semua titik data dengan garis lurus.
Berikut adalah hasil penampilan diagram garis dengan dataset Tinggi rendahnya suhu di Sulawesi Selatan:

Sumber dataset: https://www.kaggle.com/datasets/yafethtb/south-sulawesi-temperature-and-precipitation-data


Jumat, 01 Juli 2022

Tugas Visualisasi Data Tableau (m11)

 

Tugas Visualisasi Data

Nama: I Nyoman Kahar Wedanta

Kelas: 3KA11

NPM: 17119526

1. Nama website : Tableau

Deskripsi : Dikutip dari Interworks, Tableau adalah sebuah tools yang dapat mempermudah pembuatan analisis visual interaktif dalam bentuk dashboard.

Adapun menurut Techtarget, Tableau adalah software yang mendukung visualisasi data secara kolaboratif bagi seseorang yang bekerja dalam menganalisis informasi bisnis.

2. Nama Pembuat :

• Pendiri : Pat Hanrahan, Christian Chabot, Chris Stolte

• CEO : Mark Nelson

• Dari Perusahaan : Salesforce.com

3. Situs Web Resmi : https://www.tableau.com/

4. Harga :

- Untuk Guru dan Siswa mendapatkan penawaran gratis selama 1 tahun.

- Untuk Creator dikenakan biaya sebesar 70$

- Untuk Explorer dikenakan biaya sebesar 42$

- Untuk Viewer dikenakan biaya sebesar 15$

- Untuk eLearning for Explorer dikenakan biaya sebesar 5$

- Untuk eLeraning for Creator dikenakan biaya sebesar 10$

5. Fitur :

• Data blending.

• Real time analysis.

• Kolaborasi data.

6.  Kelebihan dan Kelemahan Tableau:

Kelebihan:

·   Pilihan visual yang interaktif

Salah satu keunggulan utama Tableau adalah pilihan visualnya yang menarik dan interaktif.

 

Umumnya, tools visualisasi data lainnya hanya bisa membuat grafik atau visualisasi yang statis. Sementara itu, Tableau memiliki banyak pilihan grafik bergerak.

·   User friendly

Jika tidak menguasai coding atau bahasa pemrograman, jangan khawatir Pasalnya, Tableau adalah tools yang amat user friendly.

Seseorang yang tidak memahami coding dan dunia business intelligence sekalipun akan memahami cara penggunaan Tableau.

·   Mengolah banyak sumber data

Terkadang, kita butuh mengolah banyak data yang berasal dari berbagai sumber sekaligus. Nah, Tableau adalah software yang tepat.

Dikutip dari KnowledgeHut, kalian bisa menggabungkan berbagai sumber data, big data, spreadsheet, cloud, dan berbagai tipe data lainnya.

·   Dashboard mobile friendly

Melakukan visualisasi data dengan laptop atau PC merupakan hal yang biasa. Namun dengan Tableau, kalian bisa mengolah data menggunakan perangkat mobile, seperti ponsel dan tablet.

·   Terintegrasi dengan bahasa skrip

Tableau memang dapat memudahkan kamu melakukan penghitungan data. Namun, terkadang kalian membutuhkan penghitungan yang lebih rumit.

Kelemahan:

·         Tableau berguna untuk visualisasi, tetapi tidak dapat melakukan query data.

·         Tableau tidak memiliki fitur refresh laporan secara otomatis dengan bantuan penjadwalan.

·         Banyak user yang kurang memberikan perhatian terhadap opsi conditional formatting Tableau dan limitasi tampilan tabel 16 kolom.

8. Aplikasi Serupa : Microsoft Excel, Ploty, Fine Report, Power Map.

9. Output:

Sumber: Visualisasi Data Responden menggunakan Tableau (https://medium.com/@asalsabila36/visualisasi-data-menggunakan-tableau-74358b144b7a)


Analisis Browser

 Analisis Browser untuk Chrome, Mozilla Firefox, Opera, dan Edge Chrome Google Chrome adalah peramban web lintas platform yang dikembangkan ...