Stay organized with collections
Save and categorize content based on your preferences.
The typical workflow for seeing changes in your community visualization is to
upload your files to GCS, then refresh your Looker Studio report. This works,
but means that you can spend a lot of time waiting to see changes. dscc-gen
enables a workflow to immediately see your visualization code changes, reducing
the time it takes to write a community visualization.
dscc-gen comes with a default local dataset that's probably not representative
of the data you want to visualize. To update this dataset to meet your needs:
Build files from ./src into ./build with
caching disabled.
npm run push:dev
Copy the files from build to your dev bucket.
npm run build:prod
Build files from ./src into ./build with
caching enabled.
npm run push:prod
Copy the files from build to your prod
bucket.
The update_message command defaults to the objectFormat. To use the
tableFormat, edit the parameters in the update_message script in
package.json from -f object to -f table.
Codelab
To learn how to use the tooling, review the dscc-gen codelab.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-09-18 UTC."],[[["\u003cp\u003e\u003ccode\u003edscc-gen\u003c/code\u003e accelerates community visualization development in Looker Studio by enabling immediate visualization of code changes.\u003c/p\u003e\n"],["\u003cp\u003eTo utilize \u003ccode\u003edscc-gen\u003c/code\u003e, ensure npm 5.2.0 or later and gsutil are installed, then execute the command \u003ccode\u003enpx @google/dscc-gen viz\u003c/code\u003e.\u003c/p\u003e\n"],["\u003cp\u003eThe initial setup involves configuring the local dataset, deploying a visualization to your \u003ccode\u003edev\u003c/code\u003e bucket, and connecting to a representative dataset in Looker Studio.\u003c/p\u003e\n"],["\u003cp\u003eVarious scripts are provided for development, including \u003ccode\u003estart\u003c/code\u003e, \u003ccode\u003eupdate_message\u003c/code\u003e, \u003ccode\u003ebuild:dev\u003c/code\u003e, \u003ccode\u003epush:dev\u003c/code\u003e, \u003ccode\u003ebuild:prod\u003c/code\u003e, and \u003ccode\u003epush:prod\u003c/code\u003e, each serving specific functions in the workflow.\u003c/p\u003e\n"],["\u003cp\u003eA detailed codelab is available to guide users through the process of using the \u003ccode\u003edscc-gen\u003c/code\u003e tooling.\u003c/p\u003e\n"]]],[],null,[]]