Приветствую ценителей красивой и функциональной визуализации данных! Предлагаю вашему вниманию небольшой обзор нескольких JavaScript библиотек, которые вкупе с D3.js позволят создать интерактивную визуализацию многомерных данных с возможностью применения фильтрации «на лету».
Заинтересовались, тогда добро пожаловать под кат.Читать полностью »
Рубрика «dataviz» - 2
Crossfilter.js, dc.js и D3.js для визуализации Данных
2013-08-12 в 13:31, admin, рубрики: d3.js, dataviz, javascript, Веб-разработка, Инфографика, метки: d3.js, datavizИнтерактивный глобус — SVG versus Canvas
2013-07-14 в 17:35, admin, рубрики: 3d графика, canvas, d3.js, dataviz, javascript, svg, Веб-разработка, Инфографика, картография, метки: 3d графика, Canvas, d3.js, dataviz, svg, картографияДоброго времени суток, уважаемый читатель! В прошлый раз мы изучали процесс создания интерактивной карты-хороплета, теперь предлагаю немного усложнить задачу и перейти к трёхмерной модели Земли, именуемой в народе глобусом. Глобус делать будем двух видов: SVG версия и Canvas версия. В обоих случаях будем использовать JavaScript библиотеку d3.js. У каждого варианта свои преимущества. В моём исполнении Голубая планета выглядит следующим образом:
А как создать свой собственный Мир с материками и океанами можно узнать под катом.Читать полностью »
Интерактивная SVG картограмма с помощью d3.js
2013-06-01 в 13:01, admin, рубрики: d3.js, dataviz, svg, Веб-разработка, векторная графика, Инфографика, метки: d3.js, dataviz, svg Приветствую вас, читатели! Сегодня я расскажу вам как сделать интерактивную SVG картограмму при помощи d3js.org, о возможностях этой JavaScript библиотеки в общем, а также придётся немного разобраться в том как и где лучше хранить геоинформацию для веба. В финале мы получим следующее:
Начать сие увлекательное путешествие можно под катом.Читать полностью »
Github Visualizer — Сервис визуализации истории репозиториев с GitHub
2013-03-28 в 12:47, admin, рубрики: data visualization, dataviz, Git, github, metrics, Инфографика, Системы управления версиями, метки: data visualization, dataviz, Git, github, metrics Будучи поклонником программных продуктов для визуализации активности в репозиториях таких как code_swarm и gource. В один прекрасный день я был посещен музой, которая вдохновила меня создать онлайн сервис для визуализации статистики репозиториев с GitHub.
И сегодня хочу предоставить на ваш суд мой проект GitHub Visualizer (проект на GitHub).
Вот скринкаст для предварительного знакомства.
И не большая Gif'ка
Что использовано
- SVG, Canvas — для интерактивной графики.
- D3.js — javascript библиотека позволяет очень удобно работать с данными и визуализировать их.
Гигантская коллекция примеров от автора библиотеки Mike Bostock. - API GitHub