Публикации по теме 'd3'


Создание панели мониторинга Plotly.js в Datazar
Компания Plotly, занимающаяся визуализацией данных, открыла исходный код своей графической библиотеки Plotly.js . Он основан на D3.js , и я буду одним из многих, кто скажет вам, что он потрясающий. Уровень простоты, необходимый для создания диаграммы, и уровень элегантности, который вы получаете от диаграмм, это действительно потрясающе. Просто работает. Я покажу вам, как создать диаграмму с помощью средства создания панели управления Datazar и Plotly.js. Настройка приборной..
d3 без .enter ()
d3 без .enter () как сделать такой же график и вручную присоединить к вашему массиву данных В первом учебнике по d3, который прочитают люди, они передадут массив в .data () после selectAll- создание группы элементов DOM, которые еще не существуют. из руководства по началу работы я использовал Поскольку мы знаем, что выбор пуст, возвращенные выборки обновления и выхода также пусты, и нам нужно только обработать выбор входа, который представляет новые данные, для которых не..
Несколько моих заметок во время изучения D3js
Функция обновления в D3 Чтобы сделать наши визуализации динамическими, нам нужно подумать о двух важных вещах: Какие части нашего кода должны запускаться только один раз Какие части нашего кода должны обновляться через каждый интервал Логика обновления может быть простой. Для базовой визуализации, когда данные меняются, возможно, нам нужно только обновить шкалы и оси (что также будет означать, что любые связанные полосы, линии и т. Д. Должны быть обновлены). Для более сложных..
Картография из командной строки, часть 4
Обзор нового интерфейса командной строки d3-geo. [Это часть 4 учебника по созданию тематических карт из командной строки с использованием d3-geo , TopoJSON и ndjson-cli . Прочтите Часть 3 здесь.] Слово хороплет происходит от греческого khôros , означающего область или регион , и plêthos , означающего большое количество . Чтобы построить его, мы применяем цветовую кодировку данных о населении к геометрии, которую мы подготовили ранее . (Будьте осторожны, вы случайно..
Уход за электронным садом
Электрический сад воплощает в себе образ тщательно подобранного органического роста. Многие силы взаимодействуют друг с другом, чтобы создать процветающий сад, и те, кто ухаживает за садом, могут только попытаться направить или способствовать этим силам. Я хотел бы обсудить конкретный электронный сад цветения на примерах d3.js . Растения в этом саду имеют форму бл.оцветов . В основном короткая и красочная фауна d3.js производит впечатляющее впечатление. Сад состоит из..
D3: .scaleBand, .rangeRound: порядковая шкала с полосами диапазона
Разветвленный скрипт ниже был преобразован из D3.js v3 в v4. Сравнивая два приведенных ниже содержания: .scaleBand() версии 4 заменил .scale.ordinal() . .rangeRound() версии 4 заменил .rangeRoundBands() версии 3. console.log(bands.bandwidth()) версии 4 заменил console.log(bands.rangeBand()) версии 3. Разветвленный скрипт выше был основан на v4. Исходный сценарий ниже был основан на v3. D3.js 3.5.17, похоже, похож на Python 2.7.13. Поддерживается, чтобы не..
Аудиовизуализация с помощью API веб-аудио
Я сделал презентацию для Flatiron School Presents по использованию Javascript для создания аудио визуализаций. Вот видео: fsp-small.m4v Dropbox — это бесплатный сервис, который позволяет вам переносить свои фотографии, документы и видео куда угодно и легко делиться ими. Никогда не пишите… www.dropbox.com Первая половина презентации посвящена D3, над которым я напрямую не работал. Тем не менее, вы можете найти ресурсы для этого в..