Обычно, чтобы просмотреть изменения в коде визуализации, нужно загрузить файлы в GCS, а затем обновить отчет Студии данных. Это приемлемый способ, но достаточно долгий. Инструмент dscc-gen позволяет видеть изменения сразу и, следовательно, быстрее создавать визуализации.
Чтобы начать работу с инструментом, установите npm версии 5.2.0 или более поздней и gsutil. Затем выполните следующую команду:
npx @google/dscc-gen viz
Первая конфигурация
В dscc-gen
есть локальный набор данных по умолчанию, который может вам не подойти. Чтобы изменить его, выполните следующие действия:
- Измените конфигурацию в файле
src/index.json
. - Выполните команду
npm run update_message
. Это позволит развернуть временную визуализацию в контейнереdev
, отображающем сообщение в формате, который легко скопировать. - Создайте отчет и свяжите его с характерным для визуализации набором данных.
- Добавьте стороннюю визуализацию, используя контейнер
dev
как идентификатор компонента. - Скопируйте содержимое визуализации в файл
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.