Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Как люди сидят на стуле

Дизайнеры Клеменс Вайсхар и Рид Крам по заказу «Ауди» разработали стул R18 Ultra из композитных материалов. Окончательное тестирование проходило публично в Милане с 17 по 22 апреля 2012 года.

Для этого в стул были вмонтированы датчики давления, данные с которых записывались и отображались на трёхмерной модели.

Визуализация того, как же люди сидят на стуле, выложены на сайте проекта — http://r18ultrachair.com/…_videos/2012-04-17

3 комментария твитнуть  визуализация, мебель

Оперные диаграммы

http://www.creativereview.co.uk/…-audiences-though-its-music

Симфонический оркестр Торонто с помощью диаграмм рассказывает, как слушать музыку.

Первые две страницы руководства по Симфонии №41 Моцарта

Оно же в жизни:

Кусочек крупнее:

2 комментария твитнуть  визуализация, музыка, оркестр

Интерактивная визуализация процесса машинного обучения

http://playground.tensorflow.org/

Даниель Смилков и Шон Картер создали интерактивную процесса обучения нейросети. Решаются задачи классификации на разных массивах данных.

Все настраивается:
— число уровней и число нейронов на уровне нейросети,
— массив данных: вид, шум, размер, доля обучающей выборки,
— параметры обучения: скорость и алгоритм.

На любом этапе обучения можно поставить паузу: посмотреть на функции классификации каждого нейрона и на итоговый результат.

При некоторых параметрах нейросеть учится мгновенно, а при других никак не может научиться отличать оранжевые шарики от синих.

нет комментариев твитнуть  визуализация, информационный дизайн, интерактивная графика, нейросеть, машинное обучение, Daniel Smilkov, Shan Carter

Модель Солнечной системы в масштабе

Модель Солнечной системы очень сложно оценить в реальном масштабе: на схематических изображениях размеры планет гипертрофированы, а расстояния сильно приближены друг к другу. Если показать планеты и Солнце в реальном масштабе на книжном развороте или плакате, то планеты станут микроскопическими точками.

Два энтузиаста, Вайли Оверстрит и Алекс Горош из Сан-Франциско, поехали в пустыню Блэк-Рок и построили модель Солнечной системы в точном масштабе, диаметр которой примерно равен 11 километрам. Земля при этом оказалась шариком, диаметром в полтора сантиметра.

2 комментария твитнуть  визуализация, видео, космос, видеоинфографика, солнечная система, земля, планеты, масштаб, модель, орбиты

Наглядное введение в теорию машинного обучения

http://www.r2d3.us/…-to-machine-learning-part-1

Stephanie Yee и Tony Chu сделали интерактивный рассказ о машинном обучении. В качестве примера они рассматривают задачу классификации: по параметрам дома догадаться расположен он в Нью-Йорке или в Сан-Франциско.

Они рассказывают как подготовить данные, что значит «обучить машину», как глубина дерева принятия решений повлияет на точность, как обученная машина будет работать на тестовой выборке и реальных данных.

Все снабжено интерактивной визуализацией.

Есть перевод на русский: http://www.r2d3.us/…ое-Введение-в-Теорию-Машинного-Обучения/

2 комментария твитнуть  визуализация, информационный дизайн, интерактивная графика, Stephanie Yee, Tony Chu

«Уолл-стрит Джорнал» визуализировал обложки комикса «Мстители» за 50 лет

«Уолл-стрит Джорнал» проанализировал цвета на обложках комикса и сделал интерактивную визуализацию. Палитра упрощена до 64 цветов, площадь сектора показывает количество цвета на обложке.

Года слева работают как инфоскроллер и показывают макроуровень. Видно, что в последнее время используется неклассическая палитра из ярких простых цветов: красного, синего, зеленого и желтого. Цвета стали сложнее: золотой, розовый, оттенки фиолетового. Глаз выхватывает интересные сочетания цветов, которые отличаются от соседей.

Визуализация:
http://graphics.wsj.com/avengers/

Статья об изменении цветов на обложках «Мстителей»: http://blogs.wsj.com/…-of-earths-mightiest-heroes

нет комментариев твитнуть  визуализация, комикс, инфоскроллер, avengers, визуальная аналитика, Marvel, Марвел

Textures.js — библиотека узоров на яваскрипте

Textures.js — библиотека патернов на яваскрипте для карт, графиков, визуализации данных.

http://riccardoscalco.github.io/…textures/

нет комментариев твитнуть  визуализация, информационный дизайн, библиотека, текстуры, яваскрипт, Riccardo Scalco

Карта мира в стиле Марио

Дункан Грэхем, дизайнер в Мэпбоксе, сделал карту в стиле Супер Марио и рассказал об этом в блоге:
https://www.mapbox.com/…/super-mario-with-studio

Карта: https://api.tiles.mapbox.com/…_s64VQ#5/35.675/-92.681

Исходный код https://github.com/…/super-mario-world.tm2

нет комментариев твитнуть  визуализация, информационный дизайн, карта, компьютерные игры, Duncan Graham, mapbox

Баскетбольная визуализация Питера Бешаи

http://peterbeshai.com/buckets/app/

Статистика по игроку:
0
0

Сравнение игроков между собой:
0

По лиге целиком:
0

1 комментарий твитнуть  визуализация, визуальная аналитика, баскетбол, Peter Beshai

Страва Лэбс визуализировали данные со своих спортивных трекеров

Разработчик фитнес-приложения «Страва» визуализировал данные о велосипедных поездках и пробежках на карте мира:

What's this: This dataset includes 77,688,848 rides and 19,660,163 runs representing about 220 billion total data points.

Как бегает Европа: http://labs.strava.com/…/#4/9.42390/48.42072/gray/run

На велосипеде больше всего ездят в Британии и Голландии: http://labs.strava.com/…/#4/9.42390/48.42072/gray/bike

В Екатеринбурге бегают вокруг воды (озеро Шарташ, на карте справа, вдоль пруда — в центре, и в парке Маяковского): http://labs.strava.com/…/60.62088/56.82198/gray/run

В Москве бегают по набережным и в любом, даже самом маленьком парке: http://labs.strava.com/…/37.55173/55.75210/gray/run (видны Парк Горького + Воробьевы, Сокольники, Серебряный Бор, Измайлово и Кузьминки)

нет комментариев твитнуть  инфографика, визуализация, информационный дизайн, карты, велосипеды, бег

Визуализация методов сортировки

http://sorting.at/
Отличная визуализация многочисленных алгоритмов сортировки. Можно добавить несколько разных алгоритмов, и сравнивать в реальном времени их эффективность для разных массивов исходных данных: случайных, изначально упорядоченных, перевёрнутых. Жалко, что в школе нам не так их показывали, и я не мог понять, зачем нужно что-то кроме тупого и понятного «пузырька».

Когда в Вилларибо всё давно готово, в Виллабаджо всё ещё сортируют:

3 комментария твитнуть  визуализация, алгоритм, программирование, сортировка

Визуализация изменений в оргструктуре «Автодеска»

«Автодеск ресёрч» визуализировали изменения в структуре компании с мая 2007-го по июнь 2011-го года.


нет комментариев твитнуть  визуализация, информационный дизайн, организационная структура, autodesk

«Пивот» — визуализация данных по принципам масштабируемого интерфейса Джефа Раскина

В 2009 году ребята из Лайв Лабс (канувшего в лету отделения Микрософта) разработали Пивот — экспериментальный инструмент для просмотра больших массивов данных.

В Пивоте принцип навигации основан на идее о масштабируемом интерфейсе Джефа Раскина.

В 2010 году Гари Флейк показал Пивот на ТЕДе:

Пивот был разработан на Сильверлайте + ИЕ. Его до сих пор можно скачать http://research.microsoft.com/…-92d6-496f-867d-666c87fbaada на сайте Микрософта и даже сохранилась какая-то документация http://www.microsoft.com/…/pivotviewer Но примеры, показанные в презентации, уже недоступны, так как исчезли вместе с закрытием Лайв Лабс в 2010.

3 комментария твитнуть  инфографика, интерфейс, визуализация, масштабируемый мир, информационный дизайн, Микрософт, ТЕД, видео, Раскин, pivot

Визуализация ветров — 2

Камерон Беккарио (@cambecc) визуализировал ветры планеты: http://earth.nullschool.net/

Вдохновлением послужила «Визуализация ветров» Северной Америки: http://design.artgorbunov.ru/…-vetrov

Визуализация ветров на планете: теплые, холодные. Смотреть можно в разных проекциях, на разных высотах, работает зум.

О проекте: http://earth.nullschool.net/about.html
Исходники на гитхабе: https://github.com/cambecc/earth. Работает на node.js, D3, backbone и when.js

нет комментариев твитнуть  визуализация, информационный дизайн, карта ветров, Cameron Beccario

Визуализация ветров

Визуализация ветров:
http://hint.fm/wind/

На сайте — с анимацией и зумом.

2 комментария твитнуть  визуализация, информационный дизайн, карта ветров

Сергей Рассказов:

Напомнило инсталляцию в Сан-Франциско https://vimeo.com/34887509

Сергей Конаков:

А если завывания ветра добавить — это уже попса будет?

Структура разметки веб-страницы как граф

Сервис, позволяющий изобразить разметку веб-страницы в виде графа:
http://www.aharef.info/static/htmlgraph/

Положительный отзыв от Тафти и обсуждение на его форуме:
http://www.edwardtufte.com/…-and-a-fetch-msg?msg_id=0002HW

Примеры:


apple.com


табличный yahoo.com


google.com

Легенда:
cиний — a
красный — table, tr и td
зеленый — div
фиолетовый — img
желтый — формы и их содержание
оранжевый — br, p, blockquote
черный — корневой html
серый — остальные теги

2 комментария твитнуть  инфографика, визуализация, веб-дизайн, графы

Cервис, который рассказывает и показывает

www.qwiki.com — сервис для быстрого въезжания в тему. типа википедии, но в картинках и с голосом. интересно

нет комментариев твитнуть  интерфейс, визуализация, википедия, история

Био-видения

Невероятной красоты трёхмерные модели внутриклеточных процессов создаёт гарвардская научная команда «Био-вижнс»: http://multimedia.mcb.harvard.edu/ Чтобы посмотреть другие фрагменты нажмите «Click to close». Навигация на сайте, надо признать, не самая очевидная :-)

Подсмотрено в блоге «Imaginary Foundation»: http://blog.imaginaryfoundation.com/

нет комментариев твитнуть  визуализация, информационный дизайн, наука, биофизика, трёхмерная модель

Диван-кровать

На одной картинке показано оба состояния дивана.

1 комментарий твитнуть  графдизайн, визуализация, дизайн, кровать, диван

Кирилл Горбань:

Мебельным интернет-магазинам есть о чем задуматься.

Сервис для визуализации идей «на скорую руку»

http://ads-plus.org/#design_Design

Можно достаточно быстро протестировать свои идеи в применении. Сделано с применением HTML5-фишек.

2 комментария твитнуть  визуализация, инструменты, дизайн, сервис, рыба, презентация клиенту, шаблон, носитель

Саша Гольмаков:

Биллборды они судя по всему у студии Лебедева позаимствовали ;)

Александр Хмелевский:

А дизайн сайта полностью скопировали с предыдущей версии http://www.softfacade.com



© 2017

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru