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

Обычно для просмотра изменений в визуализации данных сообщества используется следующий рабочий процесс: загрузка файлов в GCS, а затем обновление отчета Data 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 codelab