Как был сделан температурный график

Как был сделан температурный график

Александр Богачев

Обещал рассказать, как был сделан температурный график из недавней картинки. Вот этой:

Вернулся из отпуска, рассказываю.

Вообще, самым сложным в этой работе было найти хорошие температурные данные. В итоге я пришел к погодному аггрегатору pogoda.ru:

Прокликав почти все сайты со статусом "Отлично", я остановился на rp5.ru, так как там были все нужные мне данные, в удобном для выгрузки виде:

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

Выбираем соответственно с 1 июня по 31 августа 2017 года, и скачиваем в формате Excel. Распаковываем архив, открываем файл:

Из всех представленных данных (а их действительно много!), нас интересуют всего лишь две первые колонки: со временем и собственно температурой воздуха. Для простоты и наглядности удалим всё лишнее. Останется вот это:

Переименуем колонку с временем.

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

Но боюсь, что получить нужную раскраску здесь будет в разы сложнее, поэтому я запускаю Tableau.

В левой части окна выбираю добавление файла Эксель:

(Почищенный файл я естественно пересохранил под другим названием. Оригиналы всегда полезно сохранять)

Файл подгружается, это выглядит так:

Здесь мы можем сразу указать правильный формат для колонки с датой (сейчас Tableau определил его как текст):

Теперь переходим на лист для построения графиков, нажав большую оранжевую кнопку внизу.

У нас всего две колонки, которыми мы будем манипулировать: это дата и температура. Время перетащим в поле Columns, температуру — в Rows. Получится вот так:

Теперь в верхнем правом углу выбираем Show Me и выбираем Circle Views.

Практически ничего пока не изменилось. Теперь выбираем Exact date для времени:

Получилось уже почти то, что нужно. Теперь зададим цвет. Для этого, зажав ctrl, перетащим pill с температурой на кнопку цвета.

Появится раскраска по умолчанию: градиент от бледно-голубого до темно-синего. Зайдем в настройки цвета:

И выберем Sunrise-Sunset Diverging:

Нажимаем ок и вуаля:

Теперь осталось выбрать другую форму для точек:

Для построения trend line, я использовал полиномиальную регрессию 2 степени. Для этого есть отдельный инструмент:

В принципе это всё)

Дальше я сохранил файл в облако (для этого нужно иметь аккаунт в Tableau Public), а затем выгрузил pdf и проводил постобработку в Иллюстраторе, которая в данном случае была крайне незначительной. Фактически, график просто встал на своё место в макете, так как я изначально рассчитал размеры и пропорции.

Если же оставлять график в программе Tableau, то конечно еще нужно было бы поработать над осью времени, подписями оси Y, заголовками, тултипами и т.д.

Как видите, всё довольно просто.

(Для Санкт-Петербурга соответственно были скачаны данные по СПб, и объединены в один датасет с Москвой для удобства работы)


Александр Богачев. Канал «Чартомойка»