Escribe tus visualizaciones más rápido con dscc-gen

El flujo de trabajo típico para ver los cambios en la visualización de tu comunidad es subir tus archivos a GCS y, luego, actualizar el informe de Looker Studio. Esto funciona, pero significa que puedes pasar mucho tiempo esperando para ver los cambios. dscc-gen permite que un flujo de trabajo vea de inmediato los cambios en el código de visualización, lo que reduce el tiempo que lleva escribir una visualización de la comunidad.

Para comenzar, asegúrate de tener instalados npm 5.2.0 o una versión posterior y gsutil. Luego, ejecuta el siguiente comando:

npx @google/dscc-gen viz

Configuración inicial

dscc-gen incluye un conjunto de datos local predeterminado que probablemente no sea representativo de los datos que deseas visualizar. Para actualizar este conjunto de datos según tus necesidades, haz lo siguiente:

  1. Actualiza la configuración en src/index.json.
  2. Ejecuta npm run update_message. Esto implementa una visualización en tu bucket dev que muestra el mensaje en un formato que es fácil de copiar.
  3. Crea un informe nuevo y conéctate a un conjunto de datos que represente los datos que deseas visualizar.
  4. Agrega una visualización de la comunidad con el bucket dev como ID de componente.
  5. Copia el contenido de la visualización en scripts/data/localData.js. Estos datos se usarán cuando realices desarrollos locales.

Secuencias de comandos

Las siguientes secuencias de comandos están disponibles para proyectos de visualización creados con dscc-gen.

Comando Acción
npm run start Inicia el servidor local y obtén una vista previa
npm run update_message Actualiza el mensaje con objectFormat.
npm run build:dev Compila archivos de ./src a ./build con el almacenamiento en caché inhabilitado.
npm run push:dev Copia los archivos de build a tu bucket dev.
npm run build:prod Compila archivos de ./src a ./build con el almacenamiento en caché habilitado.
npm run push:prod Copia los archivos de build a tu bucket prod.

El comando update_message tiene como valor predeterminado el valor objectFormat. Para usar tableFormat, edita los parámetros en la secuencia de comandos update_message en package.json de -f object a -f table.

Codelab

Para aprender a usar las herramientas, revisa el codelab de dscc-gen.

Codelab de dscc-gen