Приветствую ценителей красивой и функциональной визуализации данных! Предлагаю вашему вниманию небольшой обзор нескольких JavaScript библиотек, которые вкупе с D3.js позволят создать интерактивную визуализацию многомерных данных с возможностью применения фильтрации «на лету».
Заинтересовались, тогда добро пожаловать под кат.Читать полностью »
Рубрика «Инфографика» - 22
Crossfilter.js, dc.js и D3.js для визуализации Данных
2013-08-12 в 13:31, admin, рубрики: d3.js, dataviz, javascript, Веб-разработка, Инфографика, метки: d3.js, datavizЧто вы знаете о Томе?
2013-08-06 в 17:03, admin, рубрики: 2can, Google, Блог компании «2can», Инфографика, информационная безопасность, приватная информация, приватность, Социальные сети и сообщества, метки: 2can, Google, инфографика, информационная безопасность, приватная информация, приватностьСоциальные сети и интернет-гиганты, кажется знают о нас больше, чем близкие люди. Совсем свежий пример с поиском скороварки и рюкзака, который обернулся визитом спецслужб уже не удивляет американцев. Корреспондент Том Гара решил посчитать количество источников информации о себе, а мы все это перевели.
Дыхание Земли
2013-07-31 в 8:09, admin, рубрики: Анимация и 3D графика, визуализация данных, Земля, Инфографика, климат, космонавтика, метки: визуализация данных, Земля, климат, наса 
Американский дизайнер, занимающийся визуализацией данных, Джон Нельсон (John Nelson) создал интересную анимацию «Дышащая Земля» («A Breathing Earth»), которая наглядно демонстрирует климатические изменения на нашей планете. За основу взяты данные NASA из проекта Visible Earth archive. Всего использовано по 12 изображений Земли (по одному на каждый месяц года), которые собраны в анимированные GIF-файлы.Читать полностью »
Платежные системы Китая
2013-07-26 в 14:19, admin, рубрики: веб-аналитика, Инфографика, китай, платежные системы, метки: taobao, китай В последнее время мне часто приходится работать с платежными системами Китая. Интернет-рынок здесь развивается семимильными шагами, и, соответственно, необходимо понимать, что к чему и куда идет.
Тем более, если раньше все было только для китайцев и жителей близлежащих территорий ( Гонконг, Макао, Корея, Япония, Сингапур, Таиланд), то теперь все компании делают большие шаги навстречу иностранцам. Многие на Хабре сами живут на материке или рядом, многие что-то покупают в Китае, так что, я думаю, пост будет полезен многим.
В тексте будут встречаться иероглифы ( а куда без них в посте про Китай), но я везде постараюсь дать обьяснение и перевод.
Читать полностью »
Правильное понимание геймификации
2013-07-25 в 11:49, admin, рубрики: big data, геймификация, Дизайн в IT, игрофикация, Инфографика, Социальные сети и сообщества, метки: big data, геймификация, игрофикация 
Так получилось, что этот пост, я прочитал сравнительно недавно, а вот с геймификацией начал работать раньше. Единственное, что можно сказать по поводу прочитанного: «нечего на зеркало пенять».
Читать полностью »
Интерактивный глобус — 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. У каждого варианта свои преимущества. В моём исполнении Голубая планета выглядит следующим образом:
А как создать свой собственный Мир с материками и океанами можно узнать под катом.Читать полностью »
Инфографика: доступ к мировой аудитории и ценность языков онлайн
2013-07-12 в 8:42, admin, рубрики: alocnost translations, Блог компании Alconost, Inc., Инфографика, локализация, локализация игр, локализация интерфейса, перевод, управление проектамиВсем привет!
Наша компания занимается локализацией ПО, веб сервисов и игр на протяжении уже 8 лет. За это время нам приходилось бессчетное количество раз отвечать на вопросы клиентов «а какой язык посоветуете?». Ответ на этот вопрос совсем не очевиден: чтобы понять, на какие языки стоит переводить свой продукт, необходимо оценить не только количество говорящих на том или ином языке, но и их покупательную способность.
Сегодня мы хотим поделиться инфографикой, которая наглядно показывает соотношение пользователей и экономических возможностей, которые становятся доступными при переводе на тот или иной язык.
Добро пожаловать под кат.
Рунет в картинках. Новый выпуск
2013-06-28 в 12:55, admin, рубрики: payonline, банковские карты, Блог компании PayOnline, Инфографика, платежные системы, процессинговый центр payonline, рунет в картинках, электронная коммерция, метки: payonline, банковские карты, инфографика, платежные системы, процессинговый центр payonline, рунет в картинках, электронная коммерцияПривет! Сегодня мы хотим представить новый выпуск нашей серии инфографики «Рунет в картинках». На этот раз мы решили рассмотреть рынок банковских карт в мире и в России. На основании собранных данных мы оценили, какими картами пользуются россияне и насколько активно, какова популярность различных МПС и какие тенденции заметны сегодня на российском рынке пластика.
Как выглядят 10 миллисекунд высокочастотного трейдинга
2013-06-16 в 14:52, admin, рубрики: алгоритмическая торговля, высокая производительность, высокочастотный трейдинг, Инфографика, Финансы для всех, фондовый рынок, метки: алгоритмическая торговля, высокочастотный трейдинг, фондовый рынокЭрик Хансэйдер, основатель компании Nanex, занимающейся аналитикой и информационными системами для высокочастотного трейдинга, публикует на YouTube очень любопытные визуализации высокочастотной торговли. Вот, например, 10 миллисекунд торговли акциями корпорации Merck:
Прямоугольники, расположенные по окружности, представляют собой биржи. Летящие между ними треугольники и кружки — изменения котировок и сделки. Нижний прямоугольник (6 часов) — лучшие курсы покупки и продажи среди всех бирж. Визуализация медленнее реального времени примерно в 40 000 раз.
Читать полностью »
Интерактивная SVG картограмма с помощью d3.js
2013-06-01 в 13:01, admin, рубрики: d3.js, dataviz, svg, Веб-разработка, векторная графика, Инфографика, метки: d3.js, dataviz, svg Приветствую вас, читатели! Сегодня я расскажу вам как сделать интерактивную SVG картограмму при помощи d3js.org, о возможностях этой JavaScript библиотеки в общем, а также придётся немного разобраться в том как и где лучше хранить геоинформацию для веба. В финале мы получим следующее:
Начать сие увлекательное путешествие можно под катом.Читать полностью »