Как создать визуализацию как приложение Chrome

Question

Я очень впечатлен тем, как было построено это приложение, https://chrome.google.com/webstore/detail/visual-history/emnpecigdjglcgfabfnmlphhgfdifaan Интересно, участвовал ли в этом приложении SAP Lumira, чтобы живые визуализации работали нормально?, но я не уверен в том, как оно было разработано как приложение, поскольку оно может экспортировать файлы только в формате png, а данные могут быть получены только из плоских файлов и базы данных hana. Любая помощь для анализа характера этого приложения приветствуется.

Answer 1

Я думаю, что ваш вопрос сформулирован неправильно: это все равно, что спрашивать "как создавать визуализации для Интернета" (другими словами, он слишком широкий и не относится к приложениям Chrome). Я думаю, что вы хотите, это способ проанализировать источник приложения. Что вы всегда можете сделать для этого:

1. После установки интересующего вас приложения посетите chrome://extensions.
2. Включите режим разработчика (флажок в правом верхнем углу).
3. Найдите приложение в списке и запишите его идентификатор.
4. Перейдите в каталог настроек Chrome, например ~/.config/google-chrome для Linux - расположение будет зависеть от ОС и канала Chrome, который вы используете.
5. Найдите каталог установки приложения, который будет выглядеть примерно так <Chrome settings directory from #4>/Profile N/Extensions/<app ID>/<app version>,
6. Вы увидите весь исходный код приложения.

Специально для этого приложения вы можете увидеть в источниках, что оно использует что-то под названием JavaScript Graph Framework (см. /Canvas.js) вместе с D3.js (см. /Protovis-3.2/).