RU Галерея примеров - Mingun/d3 GitHub Wiki

ВикиГалерея примеров
English | Русский

Добро пожаловать в галерею D3! Не стесняйтесь добавлять ссылки на ваши работы! Большинтсво примеров расположено на bl.ocks.org/mbostock. Если вы хотите подилиться примером, но не имеете собственного хостинга, рекомендуем вам воспользоваться Gist и bl.ocks.org. Если вы хотите поделиться или просмотреть живой пример, попробуйте runnable.com.

Визуальный индекс

Японские свечи
Пузырьковая диаграмма
Диаграмма план-факт
Календарное представление
Несмежная картограмма
Хордовая диаграмма
Дендрограмма
Граф, ориентированный силами
Упаковка кругов
Популяционная пирамида
Столбчатая диаграмма с накоплением
Потоковый граф
«Взрыв солнца»
Древовидная «ветвистая» схема размещения
Древовидная «плоская» схема размещения
Диаграма Ворон́ого
Иерархическое объединение рёбер
Диаграма Ворон́ого
Карта символов
Параллельные координаты
Матрица диаграмм рассеяния
Масштабируемая схема с упаковкой
Иерархические столбчатые диаграммы
Планетарная передача
Обнаружение столкновений
Схлопываемая схема размещения с силовыми полями
Штаты США, размещённые с помощью силового поля
Азимутальные проекции
Картограмма
Схлопываемая древовидная «ветвистая» схема размещения
Масштабируемая древовидная «плоская» схема размещения
Масштабируемая схема размещения с разделением
Масштабируемая диаграмма с областями
Перемещаемая с помощью мыши схлопываемая древовидная «ветвистая» схема размещения
Вращаемая кластерная схема размещения
Диаграмма Сенкей
Искажение «рыбий глаз»
Роевой график
Матрица совместимости
Диаграмма с движением
Хордовая диаграмма
Анимированные кривые Безье
Масштабируемый «взрыв солнца»
Граф Коллатца
Параллельные наборы
Облако слов
Проект бюджета от Обамы
Facebook IPO
Политическое влияние
Федеральный бюджет США
Дефицит торгового баланса США
Последовательные «взрывы солнц»
Коалы по максимуму
Частицы
Дерево с отступами
Прямоугольники ко скруглёнными углами
Головастики
Демонстрация различных графиков
Долговой кризис в Греции
Размещение подписей на основе силового поля
Иллюзия спиральности квадратов, расположенных по кругу
Выбор точек на основе разбиения Ворон́ого
Масштабируемая карта
Капли дождя
Цвет
Параллельные координаты
Популярность хакерских новостей
Ожидаемая продолжительность жизни
Склоновые графики
Прогнозы национальной ассоциации студенческого спорта (NCAA)
Cubism.js
Crossfilter.js
История ветров
Кубический гамильтонов граф
Диагамма Ворон́ого, размещаемая с помощью силового поля
Тенденции от Trulia
Тенденции от Trulia
Открытый бюджет (Польши)
Публикации Бедерсона (Bederson)
Редактор схемы размещения с силовыми полями
Фестиваль открытых знаний
Иерархическое дерево классификаций
Экспрессия генов
Время по космосу
Панель управления d3 с аналоговыми часами
Браузер сети концептов
Циклическая тепловая диаграмма
Превращает любую страницу в пузырьковую диаграмму
Редактор ориентированных графов
Weeknd3
Взрывы
CodeFlowers
Анимированная диаграмма ветра
Что делает нас счастливыми?
Простая анимация SOM
Демонстрация mower
Карта и контекст с кистями
Двоичное дерево с переходами
d3+ColorBrewer
D3 JezzBall
Тетрис
Диаграма Ганта
Тепловая карта по дням/часам
«Взрыв солнца» и parse.com
Мировые денежные потоки
Сеть языков
Уимблдон 2012
Просмотрщик меток сайта с использованием раскладки с силовыми полями
Данные по автобусным транзитам
Данные по авиарейсам из Сводных таблиц Google
Географические бинарные шестиугольники
Диаграммы с стиле комиксов xkcd
Визуализатор GitHub
Награды WorldBank Contract
Браузер концептов сайта или блога
Глобальная структура власти
Картограмма на холсте
Визуализация в стиле Календаря Google
Интерактивная круговая диаграма по продажам
Wikistalker - визуализация Википедии
D3 Cesium - здоровье и благосостояние народов
Пути «звёзд»
Карта точек доступа Bluetooth
CoreNLP: дерево разбора предложения
Публикачии в журналах с течением времени
Ещё одна визуализация государственного бюджета США с открытым API
Интерактивные диаграммы противоречий в Библии [исходный код]
Принудительное объединение рёбер графа
[Source & Docs]
Индикатор
Диаграмма план-факт
Ось в виде дуги
Столбчатая диаграмма с подсказками
Карта ветров Токио
Колесо зависимостей
60 лет французских имён
Замена тазобедренного сустава по штатам США
Сравнение временн́ых серий с непостоянным интервалом
Таблица с встроенными линейчатыми графиками
столбчатая диаграмма с двумя шкалами
Анимированные круговые и линейчатые диаграммы
Многомерный анализ данных с помощью диаграммы рассеяния
Текущие отключения электроэнергии в штате Мэн
Относительные размеры планет
Сравнительная таблица цен на AWS EC2
Прогноз динамики передвижения урагана
Динамика урагана Сэнди
Ежемесячная сводка климата от Национального климатического центра (NCDC)
Игра «Эпидемия»
График температуры в Великобритании
Тепловая карта данных с функцией сортировки
Дерево, показывающее ветви правительства
Трёхмерная схема размещения с силовыми полями
Вращающиеся дуги
Продолжительность жизни животных
The Movie Network
Bowls with Liquid
BiPartite Visualization
BeerViz
3D Donut
Graceful Tree Conjecture
Gradient Pie
Top Scorers in 2013/14 Champions League - Breakdown analysis
Sankey: How a Georgia bill becomes law
A game based on d3
Viroscope - virus taxonomy viewer
Twitter & Reddit topics during week one of MH-370's disappearance
Eurovision song contest voting oddities
SizeViewer
OrgoShmorgo
Fund Visualization

Базовые диаграммы

Диаграмма с областями
Линейчатая диаграмма
Двумерная диаграмма с областями
Линейчатая диаграмма с множеством серий
Диаграмма с областями с накоплением
Столбчатая диаграмма
Столбчатая диаграмма с накоплением
Нормализованная столбчатая диаграмма с накоплением
Столбчатая диаграмма с группировкой
Диаграмма рассеяния
Кольцевая диаграмма
Круговая диаграмма
Множестовенная кольцевая диаграмма
Столбчатая диаграмма с отрицательными значениями
Анимированная кольцевая диаграмма с подписями
Столбчатая диаграмма с накоплением на временн́ой шкале
Bar Chart Multiples
d3pie - pie chart generator and lib

Техники, взаимодействие с пользователем и анимация

Общий шаблон обновления
Сортируемая столбчатая диаграмма
Плавное масштабирование от ван Вижка (van Wijk)
События прогресса
Внешние поля
Фокусировка на контенте посредством окна просмотра
Диаграмма различий
Обновление круговой диаграммы
Шестиугольный биннинг
Контурная диаграмма
Постройте свой собственный граф
Изменение схемы размещения с силовыми полями
Интерполяция сплайнов
Диспетчеризация событий
Лучшее выделение на схеме размещения с силовыми полями
Веб-тема v45 с использованием SVG
Интерактивная схема размещения с силовыми полями

Примеры

Подборки

Визуализации The New York Times

Джером Кукиер (Jérôme Cukier)

http://www.jeromecukier.net/projects/models/models.html

Джейсон Дэвис (Jason Davies)

http://www.jasondavies.com/

Джим Валландингхем (Jim Vallandingham)

http://vallandingham.me/vis/

Institute for Health Metrics and Evaluation

http://www.healthmetricsandevaluation.org/tools/data-visualizations

Диаграммы и компоненты диаграмм

Столбчатые диаграммы

Гистограммы

Линейчатые и диаграммы и диаграммы с областями

Круговые диаграммы

Диаграммы рассеяния и пузырьковые диаграммы

Parallel Coordinates, Parallel sets and Sankey

Sunburst and Partition layout

Force Layout

Деревья

Различные деревья и графы

Хордовые схемы (Круговые сети)

Карты

Прочие диаграммы

Прочая визуализация

Графики, использующие переиспользуемое API

Полезные сниппеты

Инструменты

Взаимодействие с другими языками и библиотеками

Online-редакторы

Продукты

Магазины приложений

Библиотеки

Список пожеланий

⚠️ **GitHub.com Fallback** ⚠️