dscc-gen ile görselleştirmelerinizi daha hızlı yazın

Topluluk görselleştirmenizde değişiklikleri görmek için genellikle dosyalarınızı GCS'ye yükleyip Data Studio raporunuzu yenilemeniz gerekir. Bu yöntem işe yarasa da değişiklikleri görmek için uzun süre beklemeniz gerekir. dscc-gen, görselleştirme kodu değişikliklerinizi anında görmenizi sağlayan bir iş akışı sunarak topluluk görselleştirmesi yazmak için gereken süreyi kısaltır.

Başlamak için npm 5.2.0 veya sonraki bir sürümün ve gsutil'in yüklü olduğundan emin olun. Ardından şu komutu çalıştırın:

npx @google/dscc-gen viz

İlk Yapılandırma

dscc-gen, görselleştirmek istediğiniz verileri büyük olasılıkla temsil etmeyen varsayılan bir yerel veri kümesiyle birlikte gelir. Bu veri kümesini ihtiyaçlarınıza göre güncellemek için:

  1. src/index.json adresinde yapılandırmanızı güncelleyin.
  2. npm run update_message komutunu çalıştırın. Bu işlem, dev paketinizde mesajı kopyalaması kolay bir biçimde gösteren bir görselleştirme dağıtır.
  3. Yeni bir rapor oluşturun ve görselleştirmek istediğiniz verileri temsil eden bir veri kümesine bağlanın.
  4. dev grubunuzu bileşen kimliğiniz olarak kullanarak topluluk görselleştirmesi ekleyin.
  5. Görselleştirmenin içeriğini scripts/data/localData.js konumuna kopyalayın. Bu veriler, yerel olarak geliştirme yaptığınızda kullanılır.

Komut Dosyaları

dscc-gen ile oluşturulan görselleştirme projelerinde aşağıdaki komut dosyaları kullanılabilir.

Komut İşlem
npm run start Yerel sunucuyu başlatın ve görselleştirmenizi önizleyin
npm run update_message objectFormat'ı kullanarak mesajı güncelleyin.
npm run build:dev ./src uygulamasındaki derleme dosyalarını önbelleğe alma devre dışı bırakılmış şekilde ./build uygulamasına aktarın.
npm run push:dev build konumundaki dosyaları dev paketinize kopyalayın.
npm run build:prod Önbelleğe alma özelliği etkin olarak ./src kaynaklı dosyaları ./build içinde oluşturun.
npm run push:prod build konumundaki dosyaları prod paketinize kopyalayın.

update_message komutu varsayılan olarak objectFormat'ı kullanır. tableFormat'ı kullanmak için update_message komut dosyasındaki parametreleri package.json içinde -f object'den -f table'a değiştirin.

Codelab

Araçları nasıl kullanacağınızı öğrenmek için dscc-gen codelab'ini inceleyin.

dscc-gen codelab