Инструмент dscc-gen для более быстрого создания визуализаций

Обычно, чтобы просмотреть изменения в коде визуализации, нужно загрузить файлы в GCS, а затем обновить отчет Студии данных. Это приемлемый способ, но достаточно долгий. Инструмент 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