D3'e Veri Yükleme

Data Loading in D3

https://i.hizliresim.com/DyzmJy.png
İmagesource

Hello guys. In this chapter, we will learn how to load data from different files and link to DOM elements.

D3, yerel olarak değişkenler halinde ve harici dosyalardan tanımlanan farklı veri tiplerini işleyebilme yapısına sahiptir.

D3, harici dosyalardan farklı veri türlerini yüklemek için aşağıdaki ana tabirleri inceleyelim.

d3.csv ()= .csv dosyasını veya veriyi yüklemek için belirtilen url'ye http isteği gönderir.
d3.json ()= .json dosyasını veya veriyi yüklemek için belirtilen url'ye http isteği gönderir.
d3.tsv ()= Bir .tsv dosyasını veya veriyi yüklemek için belirtilen url'ye http isteği gönderir.
d3.xml ()= Bir .xml dosyası veya veri yüklemek için belirtilen url'e http isteği gönderir.

##d3.csv ()

D3.csv () yöntemini kullanarak bir csv dosyası veya csv verilerini rahatlıkla yükleyebiliriz.

3.csv(url[, row, callback]);

İlk aşamada .csv dosyasının veya csv verilerini döndürecek webcoder'in url'dir. İkinci kısım da, gösterimi değiştirmemizi sağlayan bir dönüştürme fonksiyonudur. Üçüncü isteğe bağlı kısımda, .csv dosyası / verileri yüklendikten sonra yürütülecek bir geri arama işlevidir. Ayrıştırılmış veri nesnesini, geri çağırım işlevi için bir parametre olarak geçirir.

"Employee.csv" adlı bir dosyada depolanan aşağıdaki CSV verilerini nasıl yükleyeceğinizi bir inceleyelim.

Name, Age
Aysun, 30
Sude, 32

Employee.csv dosyasını projeninin kök klasörünün veri klasörüne kopyalayın ve aşağıdaki kodu