 Kuih Tien dan ini Jar homes. We are... So we will be doing a talk about data visualisation using Plotly in React. Our project objectives is to actually create a visualisation tool which shows the programming language proficiencies of users, and this will make it easier for people to reach out to each other in the company. And for the company to track what yang mempunyai perusahaan mereka. Sebenarnya, ia sangat bergantung kepada data perjumpaan. Jadi, jika anda ingin melihatnya, anda boleh mencari lebih banyak tentang data perjumpaan. Jadi, kenapa data visualisasi? Saya rasa data visualisasi bukan hanya dalam perkembangan, ia sebenarnya di sekeliling kita selama-lamanya. Ia sangat bergantung sebagai informasi amplifier. Ia membuatnya lebih mudah untuk orang berhubung dengan orang lain, dan juga untuk mempunyai informasi yang memperkenalkan, untuk diperkenalkan dengan cara yang lebih mudah untuk mempunyai perusahaan mereka. Jadi, ia sebabnya saya suka. Hal yang mempunyai perusahaan perjumpaan manusia adalah menerimanya. Ya. Sebenarnya, bagaimana perusahaan kita sebenarnya memperkenalkan dalam projek kita? Ini sebenarnya untuk projek 3 minggu. Jadi, projek pertama yang kita memperkenalkan adalah projek D3. Ia sebenarnya bukan perusahaan perjumpaan. Ia memperkenalkan untuk membuat perusahaan kecil yang rendah. Jadi, memperkenalkan perusahaan dan perusahaan HDMI. Ia sangat melepaskan dan menggunakan perusahaan. Tetapi perusahaan itu adalah kerja yang tinggi, dan sebabnya ia akan memperkenalkan lebih banyak kode. Sebab itu, kita memperkenalkan dalam perusahaan perusahaan perusahaan. Jadi, beberapa pilihan perusahaan yang kita kira adalah perusahaan yang tinggi. Perusahaan tinggi adalah pilihan yang sangat popular, tetapi ia tidak mempunyai perusahaan perusahaan perusahaan. Ia juga sangat berat. Sebab itu, kita tidak memakai pilihan itu. Pilihan yang lain yang kita kira tapi tidak memakai adalah pilihan yang ditutup. Jadi, pilihan yang ditutup adalah sangat sedap, tetapi, terutamanya, ia tidak dapat diperkenalkan dengan cukup berusahaan untuk pilihan pilihan kita. Ia juga mempunyai pilihan yang lebih kecil. Jadi, pada akhirnya, kita memperkenalkan pilihan. Jadi, kenapa pilihan pilihan? Jadi, kita memilih pilihan kerana ia sangat berusahaan. Sebenarnya, ia mempunyai pilihan yang lebih besar dalam pilihan pilihan. Ia sebenarnya adalah perusahaan yang lebih besar daripada Pilihan D3. Dan ia juga memperkenalkan untuk anda menggunakan reaksi. Jadi, anda boleh hanya memperkenalkan ke dalam reaksi dan memakai. Jadi, untuk kami sebab kita menggunakan reaksi untuk kawan kami dan itu sebenarnya adalah sangat positif. Pada masalah yang lain, kecuali pilihan tinggi, ia membuka pilihan. Dan ia sebenarnya mempunyai pilihan yang besar. Jadi, akhirnya kita memperkenalkan ini sebab sebab sebab terserah yang lain bersama kembali, juga sebagai pengalaman, sebagai istimewa. Jadi, apa adalah perkara yang boleh dipercayai dengan melakukannya? Bukan hanya boleh membuat beberapa jenis chart stat yang menyenangkan kita. Ia boleh juga membuat alimmenti, juga boleh membuat map dan map kentang. Jadi, saya tidak akan menjadikan semua contoh, tetapi kerana ia mempunyai banyak contoh. Jadi, saya akan menghantar anda ke Jeroop, yang akan menjadikan contoh kode, seperti jenis alimmenti. Baiklah, beri saya sedikit masa. Mari kita mulakan. Baiklah, mari kita mulakan. Okey, untuk sesi yang anda tahu tentang Reag, anda akan tahu bahawa idea basic di Reag adalah komponen. Komponen yang dapat dipergatakan. Jadi, seperti analogisinya, anda boleh berfikir, sebagai sesuatu seperti reka lagu. Jadi, anda membuat reka, dan kemudian, pada masa dan masa depan, apabila anda perlu menggunakannya, anda boleh menghantar ia lagi dan memperkenalkan ke dalam aplikasi anda. Jadi, idea basic di Plot.ly adalah anda memperkenalkan komponen ini, disebab Plot.lyJS. Dan kemudian, dengan memasangkan atribut yang berbeza, anda boleh menggunakan Plot. Mari kita mulakan dengan perangkatan. Okey. Ini adalah perangkatan untuk perangkatan. Seperti yang anda lihat, apa yang ia lakukan, adalah mencari perangkatan konsentrik dari beberapa radius. Sebenarnya, 1.9, 3.35, 4.8, dan 6.2. Okey. Jadi, apa yang ia lakukan adalah perangkatan yang berbeza. Dari dalam perangkatan, yang paling dari beggana, yang di luar, dengan berada di awal. Jadi, mari kita tambah beberapa perangkatan. Okey, seperti yang anda lihat, perangkatan ini adalah perangkatan. Perangkatan, beggana, perangkatan dan kekejuan, yang di atas tangan. Untuk projek kami, apa yang ia gunakan adalah kebukaan khusus. Jadi, kitarian yang kita katakan adalah, untuk mengetahui, sebuah user perlu mendengar teknologi sebelumnya dan mungkin menerima beberapa alasan kota, semasa keadaan akan bermaksud bahawa sebuah user sebuah pemimpin yang menggunakan teknologi ini dalam projek ini. Selanjutnya, kita mempunyai divide. Divide bermaksud kepada sebuah sektor yang berbeza. Jadi, contohnya, dalam kes ini, kita mempunyai 8 kategori yang berbeza, dalam kes ini, kita mempunyai 8 alasan yang berbeza. Dan itu sebabnya, kita mempunyai 8 sektor yang berbeza. Jadi, kenapa kita tidak mempunyai beberapa kategori yang berbeza? Di sini. Baiklah. Jadi, di sini kita dapat melihat keadaan yang berbeza di sini dan ia mengambil keadaan dengan sebuah alasan. Yang baik adalah menggunakan alasan, adalah bahawa alasan ini sebenarnya berbeza. Jadi, di masa depan, jika kita mempunyai 9 atau 10 kategori yang berbeza atau mungkin lebih kurang, keadaan akan mengadakan keadaan untuk menggunakan alasan itu. Selain itu, kita mempunyai alasan yang berbeza. Jadi, seperti yang anda lihat di sini, berdasarkan keadaan yang berbeza, setiap user mempunyai alasan dalam setiap alasan, setiap bahagian yang berbeza. Jadi, keadaan alasan ini seperti yang Tuan Tien telah menggunakan, mari kita katakan sebuah alasan yang berbeza, sebuah alasan yang berbeza yang mereka perlu menggunakan. Tetapi, mereka hanya mempunyai keadaan yang berbeza. Jadi, apa yang mereka boleh lakukan adalah, bagaimanapun, mereka akan menggunakan keadaan yang berbeza dan di sana, mereka dapat mencari, untuk contohnya, seperti ini, Alin Marron. Jadi, ia membuatnya lebih mudah untuk mereka mencari bantuan apabila mereka perlukan. Ini adalah pada perjalanan seorang. Di perjalanan syarikat, apa yang bermakna adalah jika perjalanan mempunyai keadaan dan keadaan, mari kita katakan Scala, dan mereka mencari bahawa mungkin banyak orang yang mempunyai keadaan dalam perjalanan, ini membantu mereka mempunyai keadaan yang boleh mencari keadaan keadaan dalam perjalanan itu. Seperti yang saya katakan sebelumnya, perjalanan itu sebenarnya dinamik. Jadi, apa yang ini bermakna adalah kita mempunyai satu kategori, atau dua perjalanan, atau 3, 4, 5, 6, 7, 8, 9, 10. Seperti beberapa perjalanan yang perjalanan, mungkin semasa mempunyai keadaan, kita boleh mencari keadaan keadaan dan perjalanan itu akan mencari keadaan. Kenapa saya tidak memperkenalkan keadaan ini dengan mencari keadaan yang berbeda dalam perjalanan ini? Okey. Di sini. Pertama, banyak keadaan diperlukan. Ini sebab perjalanan sebenarnya adalah keadaan yang sangat unik. Jadi, sebagai contoh, biar saya menunjukkan keadaan yang diselamatkan pada masa itu. Jadi, saya akan beri sedikit masa dan anda akan melihat. Okey. Ini adalah keadaan yang diselamatkan pada awal projek. Jadi, anda dapat melihat bahawa ia mencari keadaan yang kita perlukan, tetapi, ia masih perlu banyak kerja. Pertama, ia mempunyai keadaan yang tidak selesai. Jadi, saya akan menunjukkan keadaan yang tidak selesai. Seperti anda dapat melihat, ada banyak keadaan yang kecuali informasi yang diperlukan sebab keadaan yang diselamatkan adalah keadaan yang diselamatkan. Jadi, itu tidak sangat membantu atau terutamanya apabila kita mahu membuat seperti yang saya katakan, keadaan yang diselamatkan, keadaan yang sangat unik. Jadi, cara yang kita melihat ini adalah untuk melihat keadaan yang diselamatkan sebab penat sebab perordre paling lama saya cuba melihat keadaan yang diselamatkan. gewecah dan membuat keadaan yang diselamatkan ada satu masin yang mem 바�p mashed dan yang diselamatkan yang dibutuhkan Prada masa saya 1999 daripadaingtid Ia mempunyai banyak, hanya menggunakan peluang yang sama, anda dapat membuat semua ini, hanya dengan memenuhi atribut yang berlainan dan data yang berlainan. Tetapi masalahnya adalah bahawa disebabkan fleksibiliti ini, apa yang bermakna adalah bagian belakang adalah mempunyai lembaga yang cukup tinggi. Jadi, untuk beberapa pembunyi di grup ini, mereka telah mempunyai pembunyi yang berlainan di tempat pertama. Jadi, kita menggantikan itu dengan menggantikan lebih banyak mempunyai pembunyi ke pembunyi. Anda boleh tanya, kenapa tidak kita menggunakan pembunyi yang lebih kecil, seperti pembunyi yang lebih kecil daripada J.S. Jadi, sebabnya ini adalah, sekali lagi, sebabnya kita menggunakan pembunyi unik kita. Jadi, untuk pembunyi yang berlainan, seperti histogram atau graf atau bar chart. Ya, pasti anda dapat menggunakan semua itu, tetapi sebab pembunyi kita menggunakan pembunyi yang sangat unik, kita perlu menggunakan pembunyi yang seluruh, dan ia berlainan kepada pembunyi yang berlainan. Terakhirnya, pembunyi ini adalah timat. Dan seperti Huay Thien sebelum itu, sebabnya kita memilih ini sepenuhnya, sebabnya ia adalah pembunyi yang lebih kecil daripada kita. Jadi, sebabnya kita menggunakan pembunyi yang lebih kecil daripada kita, kita boleh menggantikan banyak keputusan, dan sebabnya kita boleh menggantikan banyak keputusan, kita dapat menggunakan pembunyi yang kita inginkan. Jadi, sesuatu yang baik adalah bahawa, pembunyi javascript yang berlainan adalah sebenarnya berlainan banyak. Jadi, anda dapat melihat bahawa, walaupun Python, Mathlab dan R, mereka bermula seperti sebelumnya, pembunyi javascript yang berlainan, javascript sebenarnya berlainan banyak. Jadi, tergantung pada ini, mungkin ada lebih baik dokumen di masa depan untuk pembunyi ini. Jika sesiapa-siapa anda ingin menggunakan tempat ini di masa depan, anda boleh sebenarnya menggunakan pembunyi QR untuk pembunyi GitHub ini. Jika sesiapa-siapa anda ingin bermain dengan pembunyi demo, anda boleh menggunakan pembunyi ini. Jika pembunyi anda tidak mendukung pembunyi QR, anda boleh mengambil pembunyi itu. Itu membawa kami ke akhir pembunyi ini. Terima kasih banyak-banyak.