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


Создание карты транзита памяти
Прокатиться по переулку памяти Обновление №1: на основе этого сообщения в блоге я построил очень ранний прототип инструмента, который позволяет вам создавать карту метро своей собственной памяти здесь: http://memoryunderground.com/ . Вы также можете найти исходный код здесь . Мне всегда нравилась эстетика карты метро. Есть что-то в паутине разноцветных линий, соединенных точками, которые так отчаянно пытаются навести порядок в хаотических системах, таких как Метро Нью-Йорка или..
Установите координату Y с помощью D3.js
Дожди в США, часть 9 — Положение окружности на основе набора данных Предыдущие уроки Удалить символы из начала строки JavaScript Разделить большой набор данных на меньшие наборы данных Обработка переключателей в D3.js Настройка области просмотра SVG с помощью D3.js Шаблон обновления данных D3.js Шкалы D3.js для оси X Использование данных D3.js для построения координат x Создать ось Y с помощью D3.js scaleLinear Базовый шаблон Выбрать данные выход Обновить..
Создание простого графика рассеяния с помощью d3js
В этом руководстве используется d3 v4.6. CDN размещен на Cloudflare, поэтому вы можете начать с добавления этого тега скрипта в свой html-файл: <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.6.0/d3.min.js"></script> Не выходя из HTML-файла, добавьте div с идентификатором (я использую #scatter в этом руководстве) в том месте, где вы хотите разместить диаграмму рассеяния: <div id="scatter"></div> Теперь о javascript. Создайте..
Релиз billboard.js 1.10: измерение пузырьков, отбраковка осей и многое другое!
В этом выпуске добавлено 4 новых функции и исправлено 9 ошибок. Подробную информацию о выпуске см. в примечании к выпуску: https://github.com/naver/billboard.js/releases/tag/1.10.0 Что нового? Пузырьковое измерение «Пузырь» визуализирует сумму по размеру. Обычно прикреплен к осям, отображая больший пузырь, когда он идет снизу вверх. Можно визуализировать данные на основе значений осей, но что, если само измерение будет представлять «третьи» данные? Вот пример. Ось x:..
Блокнотный подход к разработке пользовательского интерфейса Ethereum
Прототипирование dApp с использованием блокнотов Observable Цель этой статьи — объяснить, как создать приложение на основе Ethereum с использованием блокнотов Observable. Такой подход позволяет создавать и публиковать приложения за гораздо меньшее время, чем при использовании более традиционных методов. Почему блокноты Observable? Разработка в стиле ноутбука предлагает удобство разбивки вашего приложения на небольшие шаги, при этом результаты каждого шага доступны для проверки...
BTS D3.js Урок № 4 — Настройка диаграммы статистики
Настройте структуру для отображения данных обо всех 7 участниках группы BTS. Предыдущие уроки Уроки №1 — Настройка проекта BTS Урок №2 — Чтение и отображение текстовых данных Урок №3 — Показ изображений Образовательные ресурсы код для этого урока (#4) живая демонстрация этого урока index.html Добавьте новый код под форму в верхней части приложения. Создайте HTML-код для приведенной ниже структуры. создайте элемент <svg> внутри HTML под тегом..
Визуализация статистики рождаемости с помощью D3.js
Я слежу за Майком Бостоком, создателем прекрасной библиотеки d3.js , которая поддерживает многие визуализации данных в Интернете. Он рекламировал свою новую платформу Observable HQ , онлайн-среду для записных книжек на javascript, аналогичную записной книжке Mathematica или Jupyter. Чтобы проверить Observable, я решил взглянуть на некоторые статистические данные о рождении, предоставленные Центром контроля заболеваний. Я скачал данные из репозитория CDC WONDER Natality о возрасте..