Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Дизайнер в гостях у программиста и дата-сайентиста

Дизайнер в гостях у программиста и дата-сайентиста

Инструменты дизайнера не ограничиваются графическим редактором. Я поделюсь опытом применения инструментов для программной визуализации и Data Science, пригодными для современного дизайнера цифровых продуктов. Подскажу, как начать их использовать.

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

В пьесе примут участие:
1. инструменты программной визуализации: DrawBot, Nodebox, Processing;
2. инструменты Data Science: R, ggplot2.

Andrew Shapiro

April 13, 2018
Tweet

More Decks by Andrew Shapiro

Other Decks in Design

Transcript

  1. Андрей Шапиро — Арт-директор в Byndyusoft — Проектирую цифровые продукты

    с 2006 — Увлекаюсь автоматизацией дизайна: набор плагинов Efficiency для Sketch, собственные дизайн-инструменты в Nodebox/Processing — Ищу инсайты в данных, обучаю машины, попал в топ-150 курса Open Machine Learning сообщества Open Data Science
  2. +

  3. Грамматика ggplot # Линия с риббоном ggplot(events, aes(start_time, attending_count)) +

    geom_line() + geom_ribbon(aes(ymin = attending_count, ymax = attending_count + interested_count), alpha = 0.2)
  4. Грамматика ggplot # Точки с подписями ggplot(events, aes(x = start_time,

    y = attending_count)) + geom_point(color = 'red') + geom_text(aes(label = name), size = 3, hjust = 0, nudge_x = 2)
  5. Грамматика ggplot # Cтолбики друг под другом, но каждый в

    своём бейзлайне ggplot(events_longcount) + geom_col(aes(start_time, count, width = as.integer(end_time - start_time))) + facet_wrap(~ category, nrow = 4) Как было у дизайнера
  6. Грамматика ggplot, github.com/Byndyusoft/r-graph-vocabulary # Общий шаблон ggplot(data = df, mapping

    = aes(x = ‘x’, y = ‘y’)) + geom_point(color = 'red') + # геометрический слой facet_wrap() + # сборка в грид scale_y_log10() + # трансформация theme_void() # стилизация
  7. Курс «Анализ данных в R. Часть 2» на stepik.org С

    чего начать Глава про визуализацию в книге 
 ‘R for Data Science’ r4ds.had.co.nz/data-visualisation.html stepik.org/course/724