Дебаггинг в Процессинге!

Ура! В в последней бете Processing’а есть дебаггер. Теперь, если включить режим Experimental, можно делать точки останова и смотреть значения переменных. Круто! Еще очень радует, что можно работать с шейдерами glsl.

Похвастаюсь

Альберто Кайро в сообщении по поводу окончания курса по инфографике, отметил 13 финальных работ в числе которых есть и моя работа)

«ALEX KUZMICHOV

Visualization of forum participation in this course. It’d be great if I could rearrange the students (from higher to lower participation, by country, etc.), and not only see them as a photo cloud.»

http://artprocessing.ru/processingparticipants/index.html

В последнем задании нужно было сделать эскиз или визуализацию на свою тему. Еще с начала курса мне хотелось визуализировать участников курса (около 2000). Слепил за пол дня в Processing’е визуализацию активных участников курса (размер картинки соответствует количеству постов на форумах). В спешке сделал главную ошибку, которая описана во всех книжках по инфографике — поставил в соответствие числу не площадь квадрата, а его сторону. Переделывать не стал, поскольку для интерактива использовал запеченную картинку с аватарами (не хотелось грузить на сайт 600+ фоток). Алгоритм похож на Wordle и сделан по краткому описанию на stackoverflow.

Для тех у кого не работает интерактивная версия — скриншот:

Эскизы для задания по курсу «Introduction to Infographics and Data Visualization»

Сделал для курса по инфографике пару эскизов в Processing’е. Визуализация данных о прозрачности деятельности благотворительных организаций в мире. Данные взяты с http://www.guardian.co.uk/global-development/datablog/2012/oct/01/development-data-aid.

На Coursera планируется курс «Creative Programming»

На Coursera доступно множество курсов онлайн обучения. А 1 июня должен начаться курс «Creative Programming» в котором предполагается использование Processing!

Ссылка на страницу курса: https://www.coursera.org/course/digitalmedia

Nature of code

Появилась классная книга The Nature of Code от Даниеля Шиффмана  в которой Процессинг используется для моделирования явлений окружающего мира. В книге есть генетические алгоритмы, нейронные сети, клеточные автоматы, фракталы…

Книга и исходный код выпущены под свободной лицензией и их можно взять на сайте http://natureofcode.com/

Processing 2: Creative Programming Cookbook

В сентябре вышла новая книга по Процессингу. Причем уже по версии Процессинга 2 (сейчас Processing 2 доступен в виде беты). Издательство Packt выпустило книгу Processing 2: Creative Programming Cookbook. В книге описаны приемы работ с данными, видео, аудио. Одна глава посвящена «компьютерному зрению» с OpenCV. Две главы посвящены работе в JavaScript и Android Mode, по главе на каждый режим. Последняя глава посвящена работе с Процессингом в других IDE, таких как Eclipse и IntelliJ IDEA.

Новый открытый курс по визуализации данных и инфографике на Knight Center

Альберто Кайро 26 октября начинает вести открытый курс по инфографике и визуализации данных. Подробнее здесь: https://knightcenter.utexas.edu/course/introduction-infographics-and-data-visualization-knight-centers-first-massive-open-online-cou

Интересная вакансия в Твиттере

Visualization: @replies (Archive)

На сайте компании в разделе Engineering есть вакансия визуализатора данных (Data Visualization Scientist). Интересно глянуть какими навыками должен обладать человек собирающийся заниматься визуализацией данных. Самое главное — у соискателя должна быть высокая мотивация). А из технических навыков нужно знание R, JavaScript-библиотек визуализации данных (d3, Raphael, ProcessingJS и Polymaps) и т. д. Еще требуется опыт работы с большими массивами данных и знание архитектуры http://ru.wikipedia.org/wiki/MapReduce.

Полный текст вакансии с сайта http://twitter.com

Data Visualization Scientist

Full-Time — San Francisco, CA

About this Job
We’re looking for highly motivated individuals to help us visualize Twitter’s massive dataset. As a Data Visualization Scientist on Twitter Analytics Team, you will use visual representation of data to help us understand how our users engage with the product and interpret real world events and other phenomena using our rich data sets. You should be passionate about finding insights in data and report insights to the company and external parties.Responsibilities

  • Work with large (terabytes of data, billions of daily transactions) structured and unstructured data sets.
  • Work closely and iterate quickly with other teams throughout the organization.
  • Manipulate data using a mix of SQL, Pig, R, and other scripting languages.
  • Visualize data using a mix of Javascript, Processing, R and other languages.
  • Summarize and report findings in both oral and written form.

Requirements

  • Extensive understanding of data visualization principles.
  • Experience with web-based visualization technologies like d3, Raphael, ProcessingJS and Polymaps.
  • Experience with large datasets and map-reduce architectures like Hadoop.
  • Experience with statistical programming environments like R.
  • Previous experience working in team environments with limited supervision.

Новая визуализация данных от студии Fathom

Визуализация данных Дженерал Электрик

Бен Фрай и компания создали очередную инфографику (http://visualization.geblogs.com/visualization/annual/) для General Electric. На этот раз в качестве данных выступали годовые отчеты компании с 1892 по 2011 гг. Интерактивная визуализация данных показывает 5480 страниц за 120 лет. Страницы отображаются в виде разворота, за исключением обложек. Основной идеей было показать появление и исчезновение ключевых слов с течением времени. Помимо наглядной истории самой компании, здесь можно проследить историю графического дизайна. Если выбрать обложку, то можно переходить на соседние года и увидеть, как с течением времени менялось графическое оформление отчетов.

В отчете за 1959 год, есть интересная фотография, на которой Хрущев и Никсон рассматривают кухню построенную GE в Москве к какой-то выставке: http://visualization.geblogs.com/wp-content/viz_includes/reports/#y=67&s=3&c=4&w=3&i=1

Если посмотреть исходный код страницы, то можно увидеть, что визуализация данных использует Processing.js и другие Java Script библиотеки. Подробнее про визуализацию можно прочитать на сайте самой студии http://fathom.info/latest/2237.

Processing.js

Порт Процессинга на JavaScript уже дорос до версии 1.3.6. И эта технология действительно впечатляет. Просто залить сам скетч и JavaScript файл с Процессингом (processing-1.3.6.min.js) на сайт и добавить пару строк в код поста — voilà на сайте крутится настоящее HTML5 приложение! Круто! Правда, есть некоторое «но»: Processing.js реализует функционал Processing, но не языка Java, поэтому приложения для Процессинга, использующие Java классы и библиотеки, работать в браузере не будут.


Исходный код