dscc-gen की मदद से अपने विज़ुअलाइज़ेशन को तेज़ी से लिखें

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

Codelab

टूलिंग का इस्तेमाल करने का तरीका जानने के लिए, dscc-gen कोडलैब की समीक्षा करें.