कम्यूनिटी विज़ुअलाइज़ेशन में हुए बदलावों को देखने का एक सामान्य वर्कफ़्लो अपनी फ़ाइलों को 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, में update_message स्क्रिप्ट के पैरामीटर में बदलाव करें
-f object से -f table तक package.json.
कोडलैब (कोड बनाना सीखना)
टूल का इस्तेमाल करने का तरीका जानने के लिए, dscc-gen codelab देखें.
