D3, прямо в панели управления Fauxton, через пользовательский скрипт

Вы когда-нибудь хотели быстро визуализировать результаты встроенных функций сокращения CouchDB для получения быстрой обратной связи, не выходя из контекста удобной панели инструментов?

Представляем Чанго

Недавно мой коллега и сосед по офису va barbosa опубликовал статью о интеграции представления визуализации данных непосредственно в панель управления Cloudant. По сути, это пользовательский скрипт, который добавляет новую кнопку меню в представление базы данных, когда результаты агрегированы и JSON возвращается в определенном формате. При нажатии кнопки Диаграмма отображается диаграмма D3.

Теперь это работает и в CouchDB:

Поскольку Cloudant и CouchDB теперь используют одну и ту же кодовую базу, обновление пользовательского скрипта Va - мы называем его Chango, как сумку, сочетающую диаграмму +« манго » - было довольно простым делом. Хотя дух интерфейса запросов Mango состоит в том, чтобы упростить выполнение запросов к CouchDB, мы решили использовать название Chango, поскольку он стремится сделать визуализацию данных в CouchDB более удобной.

Вот сценарий Chango полностью:

Создание вашей первой диаграммы Chango

В настоящее время Chango работает с браузером Firefox с расширением Greasemonkey. Настроив браузер, нажмите кнопку просмотреть в исходном формате и при появлении запроса установите скрипт.

Вместо того, чтобы писать свои собственные функции сокращения, CouchDB поставляется со встроенными функциями сокращения, которые выполняются в родном для Couch Erlang. Не забудьте указать сокращение при определении представления базы данных, например:

Затем включите сокращение в параметры запроса при использовании панели инструментов:

У вас будет все готово для создания диаграммы.

Некоторые диаграммы Chango ожидают данных в том же формате. Например, круговая, гистограмма и пузырьковая диаграмма ожидают отрисовки данных в схеме [{ key: "", value: n }, ...]. Когда это произойдет, Чанго случайным образом выберет одного из них. Просто нажимайте кнопку Диаграмма, пока не получите желаемую круговую, линейчатую или пузырьковую визуализацию. Благодаря зависимости Chango от проекта Va simple-data-vis вы можете найти схемы JSON, которые ожидает SimpleDataVis. Здесь есть нечто большее, чем ваши основные диаграммы, так что проверьте это.

Чанго освобожденный

Мы рады видеть, что сообщество CouchDB делает с Chango и SimpleDataVis. Пожалуйста, дайте нам знать в комментариях о любых внесенных вами изменениях или возникших у вас вопросах.

Спасибо, что заглянули в Chango, и, пожалуйста, ♡ эту статью, чтобы порекомендовать ее другим читателям Medium.