Pull to refresh

Круглендарь 2016 — плакат-ежедневник

Reading time 1 min
Views 17K
image

Друзья, готов круглый календарь 2016!

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

К концу года плакат становится исторической вещью и отправляется в архив.

Круглый календарь к концу года

  1. Скачайте *.pdf с сайта kruglendar.ru.
  2. Распечатайте и повесьте на стенку, рядом — фломастер.
  3. Подпишите какое-нибудь событие, например, появление круглендаря.

Как и раньше, круглендари бесплатные, исходный код — на гитхабе.

Процесс


В этом году с питона перешёл на джаваскрипт + d3.js. Пригодились функции для рыботы с датами, объектами svg (генераторы атрибута g, например) и скейлы. Теперь вы можете рендерить календарь в браузере без бодания с питоном, версиями и модулями.

Сперва хотел сделать что-то внезапно-разудалое, играл с формой. Пробовал пиксельные линии и диаграммы вороного.
Пиксельная версия Диаграмма Вороного

Однако, вернулся к идее с катящейся окружностью, цифры поставил по гипотрохоиде. Она похожа на прошлогоднюю гипоциклоиду, но линия без изломов, плавная. При изменении параметра r2 от 0 до r, гипотрохоида меняется от окружности до гипоциклоиды.

Построение гипотрохоиды

Отличия от прошлогодней версии


Календари 2013, 2014 и 2015 года
Круглендарь 2013

Круглендарь 2014

Круглендарь 2015

  • Все линии убрал, их функции перенёс на текст. Строку дат изогнул, выделяя месяцы. Выходные отметил крупным шрифтом.
  • Выбрал шрифт Bebas Neue: конденсный, бесплатный, есть 5 начертаний. В коде видно, какие ещё шрифты я пробовал. Буду благодарен, если подскажете другой.
  • Вынес названия месяцев за скобки, это улучшило их читаемость, а числа стали больше. На хабре об этом уже два года просили :)

С новым годом, коллеги!
Tags:
Hubs:
+28
Comments 37
Comments Comments 37

Articles