Создавайте визуализации быстрее с помощью dscc-gen

Типичный рабочий процесс просмотра изменений в визуализации вашего сообщества — это загрузка файлов в GCS, а затем обновление отчета Looker Studio. Это работает, но означает, что вы можете потратить много времени на ожидание изменений. dscc-gen позволяет рабочему процессу немедленно увидеть изменения в коде вашей визуализации, сокращая время, необходимое для написания визуализации сообщества.

Для начала убедитесь, что установлены npm 5.2.0 или новее и gsutil . Затем запустите:

npx @google/dscc-gen viz

Первая настройка

dscc-gen поставляется с локальным набором данных по умолчанию, который, вероятно, не соответствует данным, которые вы хотите визуализировать. Чтобы обновить этот набор данных в соответствии с вашими потребностями:

  1. Обновите конфигурацию в src/index.json .
  2. Запустите npm run update_message . Это развернет визуализацию в вашей корзине dev , которая отображает сообщение в формате, который легко скопировать.
  3. Создайте новый отчет и подключитесь к набору данных, представляющему данные, которые вы хотите визуализировать.
  4. Добавьте визуализацию сообщества, используя корзину dev в качестве идентификатора компонента.
  5. Скопируйте содержимое визуализации в 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 .

Кодлаб

Чтобы узнать, как использовать этот инструмент, просмотрите кодовую лабораторию dscc-gen.

лаборатория кода dscc-gen