अपने कम्यूनिटी विज़ुअलाइज़ेशन में बदलाव देखने के लिए, सामान्य वर्कफ़्लो में अपनी फ़ाइलों को GCS पर अपलोड करना होता है. इसके बाद, अपनी Looker Studio रिपोर्ट को रीफ़्रेश करना होता है. यह काम करता है, लेकिन इसका मतलब यह है कि बदलाव देखने के लिए आपको इंतज़ार करना पड़ सकता है. dscc-gen आपके विज़ुअलाइज़ेशन कोड में होने वाले बदलावों को तुरंत देखने के लिए वर्कफ़्लो चालू करता है. इससे कम्यूनिटी विज़ुअलाइज़ेशन को लिखने में लगने वाला समय कम हो जाता है.
शुरू करने के लिए, पक्का करें कि npm 5.2.0 या उसके बाद का वर्शन और gsutil इंस्टॉल किए गए हों. इसके बाद, रन:
npx @google/dscc-gen viz
पहली बार का कॉन्फ़िगरेशन
dscc-gen
में ऐसा डिफ़ॉल्ट लोकल डेटासेट होता है जो शायद उस डेटा का प्रतिनिधि न हो जिसे आपको विज़ुअलाइज़ करना है. इस डेटासेट को अपनी ज़रूरत के मुताबिक अपडेट करने के लिए:
src/index.json
पर अपना कॉन्फ़िगरेशन अपडेट करें.npm run update_message
चलाएं. यह आपकीdev
बकेट में एक विज़ुअलाइज़ेशन डिप्लॉय करता है, जो मैसेज को ऐसे फ़ॉर्मैट में दिखाता है जो कॉपी करने में आसान हो.- एक नई रिपोर्ट बनाएं और उस डेटासेट से कनेक्ट करें जो उस डेटा को दिखाता है जिसे विज़ुअलाइज़ करना है.
- अपने कॉम्पोनेंट आईडी के तौर पर
dev
बकेट का इस्तेमाल करके, कम्यूनिटी विज़ुअलाइज़ेशन जोड़ें. - विज़ुअलाइज़ेशन के कॉन्टेंट को
scripts/data/localData.js
में कॉपी करें. इस डेटा का इस्तेमाल तब किया जाएगा, जब इसे स्थानीय तौर पर डेवलप किया जाएगा.
स्क्रिप्ट
dscc-gen
के साथ बनाए गए विज़ुअलाइज़ेशन प्रोजेक्ट के लिए, ये स्क्रिप्ट उपलब्ध हैं.
आदेश | कार्रवाई |
---|---|
npm run start
|
स्थानीय सर्वर शुरू करें और अपने विज़ुअलाइज़ेशन की झलक देखें. |
npm run update_message |
objectFormat का इस्तेमाल करके मैसेज को अपडेट करें |
npm run build:dev
|
कैशिंग बंद करके, ./src से ./build में फ़ाइलें बनाएं. |
npm run push:dev |
फ़ाइलों को build से अपनी dev बकेट में कॉपी करें. |
npm run build:prod
|
कैशिंग चालू करके, ./src से ./build में फ़ाइलें बनाएं. |
npm run push:prod
|
build से अपने prod बकेट में फ़ाइलें कॉपी करें. |
update_message
कमांड डिफ़ॉल्ट रूप से objectFormat को सेट करता है. tableFormat का इस्तेमाल
करने के लिए, package.json
में
-f object
से -f table
तक update_message
स्क्रिप्ट के पैरामीटर में बदलाव करें.
कोडलैब (कोड बनाना सीखना)
टूल का इस्तेमाल करने का तरीका जानने के लिए, डीएससी-जेन कोडलैब देखें.