Когда 2015 год подошел к концу, я обнаружил, что совмещаю несколько разных задач — некоторые из них связаны с работой, некоторые — нет. Из-за моего стремления узнать больше о моей собственной, постоянно меняющейся области, я всегда приближаюсь к каждому дню, стремясь исследовать различные веб-технологии. Мне нравится читать о таких вещах, как новые достижения в библиотеках JavaScript, так как я считаю важным быть в курсе всего этого. Как я уже сказал, поскольку разработка веб-приложений развивается очень быстро, для таких разработчиков, как я, важно убедиться, что мы не используем устаревшие решения.

Любой, кто разрабатывает приложение JavaScript, скажет вам, что текущая сцена JS похожа на Game of Thrones. Однако это гораздо более дружелюбная версия шоу. Здесь нет войны, вместо этого сторонники конкурирующих фреймворков и библиотек тратят время на проекты, поддерживаемые их «врагами». (Я не уверен, что это означает, но вы должны каким-то образом изменить времена, если то, что я предположил, неверно, потому что оно не читается правильно) Настоящее сходство возникает, когда вы анализируете, кто сидит на Железном троне. И в веб-разработке, и в Westoros никто точно не знает, кто действительно претендует на трон.

Станнис? Дэнерис? полимер? Эмбер?!

Законный наследник трона JavaScript — D3.js

Пока основные виновники (React, Angular, Backbone и т. д.) борются со своей «игрой престолов», одна библиотека бездействует, уверенная в своей способности предоставить тем, кто ее использует, все средства для создания потрясающих визуализаций данных. Это библиотека D3.js. Он был разработан в 2011 году Майком Бостоком, преемником Protovis, и действительно потрясающий. D3 находится в своей собственной лиге, и у него нет времени на простые игры. Он слишком занят предоставлением пользователям инструментов, меняющих жизнь.

Вы серьезно сравниваете React с D3?! Типа, серьезно?!

Прежде чем идти дальше, я хочу обратить внимание на тот факт, что я знаю, что это сравнение яблок с апельсинами. Если вы вернетесь к предложению выше, я не сделал комментария сравнения. Вместо этого я просто заявил, что ему не нужно беспокоиться ни о какой библиотеке, кроме самой себя, потому что — это не так. С момента разработки в 2011 году цель D3 осталась прежней: позволить разработчикам создавать потрясающие визуализации на основе данных. Почти пять лет спустя D3 по-прежнему остается той же библиотекой для создания документов, управляемых данными. (Если вы еще не знали, D3 — это аббревиатура для документов, управляемых данными.) Он выдержал испытание современным JavaScript и продолжает процветать. Более того, достижения в JavaScript привели к еще более качественной визуализации, и эта тенденция обязательно сохранится.

В отличие от многих современных фреймворков JavaScript, D3 не претерпевал каких-либо критических изменений; армия D3 не принимала ударов, потому что в этом не было необходимости! Как я уже говорил, он находится в своей собственной лиге. Тем не менее, я по-прежнему считаю, что знание D3 должно цениться так же высоко, как и лучшие фреймворки. Опять же, я понимаю, что не могу ожидать, что D3 будет использоваться так же часто, как Angular, потому что это две совершенно разные вещи. Вместо этого я просто признаю, что библиотека D3 обычно не вызывает стресса у новичков, тогда как такие фреймворки, как Ember и Angular, всегда бывают такими. В этом нет ничего плохого. Когда я впервые начал фокусироваться на JavaScript, я сразу же выбрал Angular и несколько месяцев сосредоточился только на Angular. Я ни в коем случае не жалею об этом решении, однако, если бы у меня был совет для 21-летнего меня, это было бы последовательное изучение D3, наряду с AngularJS.

Если ты так любишь D3, почему бы тебе не жениться на нем? (Или, по крайней мере, создайте собственное приложение!)

Туше.

Ну, это в работе! Шутки в сторону. Это.

Поскольку год близился к концу, я немного потрудился, чтобы сдать любой материал, который у меня был. Хотя я пытался изучать D3, я просто не мог выделить время. Но вы можете быть уверены, что 2016 год — это год, когда я осваиваю визуализацию данных. Лично я считаю, что визуализация данных невероятно недооценена, и я так считаю уже некоторое время. Вскоре после того, как я стал графическим дизайнером, я увлекся информационной графикой. Для меня они были просто лучшим способом анализа и представления данных. Сегодня я точно так же отношусь к веб-визуализации, и я интегрирую различные ресурсы для изучения D3 в свою повседневную жизнь, поскольку хочу по-настоящему овладеть им. В ближайшие недели я обязательно напишу больше о своем опыте с ним. Этот пост — своего рода ода D3, смешанная с предсезонной пресс-конференцией D3. (Если вы еще не поняли, у меня есть чувство юмора).

Мои надежды, мечты, ожидания

К 2017 году я хочу получить Нобелевскую премию мира; 2018 год — это год, когда я планирую подписать контракт с книгой. Ха! Опять это чувство юмора!

Хотя Нобелевская премия, возможно, не в моем будущем (полностью да), я, по крайней мере, уверен, что в ближайшие годы я создам несколько крутых вещей. В конце концов, прогноз заполнен D3, поэтому трудно не волноваться. У меня есть базовый опыт работы с D3, поэтому я не совсем новичок. Ранее в посте я сообщил, что мне еще предстоит создать собственное приложение D3, поэтому я далек от эксперта. Тем не менее, я планирую преуспеть в создании потрясающих визуализаций данных, которые, надеюсь, оценят люди. Есть несколько вещей, которые, я считаю, я должен сделать, чтобы добиться успеха. Например, мне нужно мыслить за рамками традиционного дизайна данных. Окно просмотра — моя устрица. Мне не нужно зацикливаться на базовых графиках рассеяния и гистограммах. Это то, что людям трудно понять, однако это стало очевидным для всех, кто посетил встречу D3.js в Нью-Йорке в ноябре. На этой встрече Мэтью Роджерс рассказал аудитории о своей работе с D3, и он был великолепен. Мэтт — первоклассный разработчик, умеющий сокрушить игру с визуализацией данных. Вы можете посетить его веб-сайт, poly-graph.co, где вы найдете его дикие наборы данных всех форм и размеров. На встрече D3 он рассказал об этом проекте, в котором анализируются рэперы на основе их словарного запаса.

Слушать выступление Мэтта было здорово. Это открыло для меня целый ряд новых дверей, поэтому я в конце концов обратился к нему за некоторыми основными советами по созданию собственных визуализаций. Когда мы наконец встретились, я рассказал ему о своих планах по работе с D3, задал ему несколько вопросов, которые у меня были к нему, и примерно через час мы отправились в путь. Однако теперь, когда я, наконец, начинаю работать над этим проектом, я очень рад услышать его отзывы.

Думаете за пределами… видового экрана?

Существует так много нетронутых наборов данных, которые просто ждут, чтобы их визуализировали. Кроме того, я планирую реализовать понятие исследовательского дизайна в своих визуализациях. По сути, это означает, что я хочу, чтобы пользователи могли взаимодействовать или исследовать с помощью визуализаций, а также изучать новые точки данных по пути. Более того, это была идея, на которой Мэтт акцентировал внимание, объясняя свою прошлую работу; данные могут рассказать историю. В свою очередь, визуализация данных может направлять пользователей через эти истории через различные корреляции в данных, отображаемых на экране. Тем не менее, визуализация данных намного мощнее, чем слова на странице, поэтому должно быть интересно увидеть визуализацию данных в будущем. Данные способны перемещать людей. При правильной визуализации набор данных может указывать на некоторые суровые истины, которые могут выглядеть не так убедительно, если они написаны простым текстом. Я увлечен визуализацией данных, поэтому, конечно, я скажу, что визуализация данных мощна, но, похоже, я не единственный. В частности, «Нью-Йорк таймс» добивается успеха за успехом благодаря своим визуализациям. Даже Мэтт Роджерс прокомментировал использование визуализации данных в NY Times! Что ж, он был не единственным, кто нашел их убедительными, так как я нашел их суперэффективными.

Смотрите, NY Times встраивает визуализации в статьи. В ноябре прошлого года я наткнулся на этот пост, который с тех пор застрял у меня в голове. Для меня было невероятно интересно узнать, что Исламское государство действует на более чем 100 тысячах миль грунтовых дорог по всему Ближнему Востоку. Ужасно, но все же интересно. Возможность увидеть эту информацию на фоне карты Ближнего Востока позволила мне еще лучше понять эти данные, и это то, что делает хорошая визуализация!

Больше, чем просто данные

Как я уже говорил, наборы данных могут рассказывать истории, как хорошие, так и плохие, и я считаю, что моя работа как разработчика — анализировать и обрабатывать эти данные. Веб-разработчики ни в коем случае не обязаны анализировать данные или анализировать что-либо в этом отношении. Тем не менее, я один из многих разработчиков, способных визуализировать данные убедительным образом. Когда я впервые решил, что хочу работать над визуализацией данных, я хотел убедиться, что данные важны. Я подумал, что было бы интересно найти другую статистику по убийствам в США, поэтому я начал искать эту информацию. Я специально хотел проанализировать данные об убийствах за последние три десятилетия. Для этого мне нужно было сначала получить записи. Я связался с Центром исследований убийств, чтобы получить их наборы данных, однако вскоре понял, что получение всех этих записей будет работой на полную ставку. Вместо этого мне нужно было думать в меньшем масштабе.

Заключительное заявление — Предстоящий проект

Как это ни грустно, город Чикаго застрял у меня в голове. Это третий по величине город в Соединенных Штатах, но его прозвище «Чирак» из-за всего насилия в городе с применением огнестрельного оружия. В 2015 году в Чикаго в результате применения огнестрельного оружия было убито более 400 человек. Теперь не требуется визуализация, чтобы показать значение этого числа, однако я собираюсь убедиться, что подчеркиваю серьезность этой проблемы. Ранее сегодня я связался с людьми на heyjackass.com, веб-сайте, посвященном визуализации данных об убийствах в Чикаго. Я знаю, о чем вы думаете, но нет, я не «ворую их идею». Вместо этого я создаю совершенно уникальные визуализации. Единственным сходством моего приложения с веб-сайтом будут анализируемые данные. Взглянув на веб-сайт, вы заметите, что они показывают ряд различных статистических данных, таких как:

• Убийств в день • Убийств в год (на сегодняшний день) • Часть тела, где была убита жертва • Район, где была убита жертва • Самые смертоносные районы (с начала года) • Пол жертвы

Как видите, они не жалеют деталей при сборе данных, которые затем компилируются в статические визуализации. Эти визуализации прочны, но не интерактивны. В свою очередь, они не продвигают концепцию исследовательской визуализации, которая, как я считаю, заставляет пользователя более активно работать с имеющимися данными. Чтобы помочь в борьбе с этим, я полностью намерен создать интерактивную визуализацию, которая дополнительно показывает зверства, происходящие каждый день в Чикаго, в надежде найти возможное решение проблемы. Со временем я обязательно буду писать еженедельный пост о своих обновлениях с приложением. Если у вас есть какие-либо вопросы по этому поводу, не стесняйтесь обращаться ко мне, и я свяжусь с вами как можно скорее.