Друзья, готов круглый календарь 2016!
Каждый год я рисую новый круглендарь, вешаю на стенку и пишу-рисую на нём обо всём интересном, что со мной происходит. Или собирается произойти.
К концу года плакат становится исторической вещью и отправляется в архив.
- Скачайте *.pdf с сайта kruglendar.ru.
- Распечатайте и повесьте на стенку, рядом — фломастер.
- Подпишите какое-нибудь событие, например, появление круглендаря.
Как и раньше, круглендари бесплатные, исходный код — на гитхабе.
Процесс
В этом году с питона перешёл на джаваскрипт + d3.js. Пригодились функции для рыботы с датами, объектами svg (генераторы атрибута g, например) и скейлы. Теперь вы можете рендерить календарь в браузере без бодания с питоном, версиями и модулями.
Сперва хотел сделать что-то внезапно-разудалое, играл с формой. Пробовал пиксельные линии и диаграммы вороного.
Однако, вернулся к идее с катящейся окружностью, цифры поставил по гипотрохоиде. Она похожа на прошлогоднюю гипоциклоиду, но линия без изломов, плавная. При изменении параметра r2 от 0 до r, гипотрохоида меняется от окружности до гипоциклоиды.
Отличия от прошлогодней версии
- Все линии убрал, их функции перенёс на текст. Строку дат изогнул, выделяя месяцы. Выходные отметил крупным шрифтом.
- Выбрал шрифт Bebas Neue: конденсный, бесплатный, есть 5 начертаний. В коде видно, какие ещё шрифты я пробовал. Буду благодарен, если подскажете другой.
- Вынес названия месяцев за скобки, это улучшило их читаемость, а числа стали больше. На хабре об этом уже два года просили :)
С новым годом, коллеги!
Комментарии (36)
illus0r
30.12.2015 00:03Сам долго сомневался и искал другие варианты. Не нашёл, буду рад, если подскажете. Печатал на двух принтерах, жёлтый текст видно.
Psychosynthesis
30.12.2015 00:14Крутая идея. Я терпеть не могу всякие календари, но вот этот — реально крутой, может даже в альпклубе предложу нечто подобное повесить.
wtigga
30.12.2015 07:42… и снова, как и в прошлом году, для нормального чтения августа, июня, июля и мая нужно выгибать голову.
Почему нельзя сделать текст с нормальным расположением? Или предлагается календарь постоянно крутить?:)
IronHead
30.12.2015 09:51Январь — зеленый? Да вы верно шутите.
Зелеными всю жизнь были июнь и июль.illus0r
30.12.2015 10:44+1Забавно, давайте переделаем :) Сейчас цвета подбирал по градиенту, вы предлагаете брать цвет из окружающей среды. Идея интересная, надо только определиться, окружающую среду в какой точке планеты мы берём за эталон :) У нас в Волгограде так:
Январь — белый;
Февраль — белый;
Март — коричневый;
Апрель — салатовый;
Май — зелёный;
Июнь — тёмно-зелёный;
Июль — жёлтый;
Август — оранжевый;
Сентябрь — красный;
Октябрь — серый;
Ноябрь — серый;
Декабрь — белый
Будут идеи — предлагайте.IronHead
30.12.2015 10:50+4Я думаю как то так
Январь — синий (снег, да и люди тоже)
Февраль — голубой
Март — розовый (как на рассвете)
Апрель — красный
Май -салатовый
Июнь — зеленый
Июль — темно зеленый
Август — желтый
Сентябрь — оранжевый
Октябрь — маджента
Ноябрь — фиолетовый
Декабрь — темно-фиолетовыйillus0r
30.12.2015 13:45+1Если подберёте цвета в RGB (в таком формате), сделаю для вас форк :)
IronHead
30.12.2015 14:01+1Попробуйте такой вариант
[0,0,255],
[0,128,255],
[255,0,128],
[255,0,0],
[0,255,128],
[0,255,0],
[0,128,0],
[255,255,0],
[255,128,0],
[288,0,255],
[128,0,255],
[40,0,128]
SelenIT2
30.12.2015 14:50Имхо, если закольцовывать радугу, то лучше делать это между красным ноябрем и фиолетовым декабрем. Как раз пройдет синяя от холода зима, где-то ближе к марту потекут голубые ручьи, из которых в апреле поднимется зеленая травка, которая к концу лета станет желтыми колосьями… как-то так. Возможно, некоторые области спектра придется подрастянуть, а некоторые — ужать.
Хотя можно и абстрагироваться от радуги, как предлагают ниже:)
alexpp
30.12.2015 10:39+2А вариант с русскими названиями месяцев есть?
NikitaKhvoryk
30.12.2015 11:32+3И общепринятые праздничные дни стоило бы сделать как и выходные. Но цвет изменить немного, чтобы было видно, что это праздничный. Или иконку праздника добавлять. Например ёлка — 1 января, цветы — 8 марта…
illus0r
30.12.2015 13:50Круглендарь используется не только в России, не у всех Рождество 7 января и т. д. Идея хорошая, надо заложить возможность локализации праздников.
Darthman
30.12.2015 16:31Прочитал в начале года 23 января сразу… ИМХО разделение дат хромает. Про жёлты уже сказали. Цифры кверхногами тоже не очень-то и удобно ИМХО.
memtew
30.12.2015 19:25А можно отразить календарь по вертикали? В моей голове календарь идёт по кругу, но против часовой стрелки и обратный ход ломает мой мозг :)
illus0r
30.12.2015 19:50Хочу когда-нибудь сделать генератор круглендарей с произвольным углом поворота и направлением. Сейчас это сложно, делаю самый популярный вариант.
dom1n1k
31.12.2015 02:27По вашим же примерам прекрасно видно, что диаметр круга нужно уменьшать.
Чтобы было больше полезного места вокруг и меньше не очень полезного места внутри.
jaguard
31.12.2015 07:21Видимо, размер такой огромный, чтобы все цифры влезли. Я бы вместо этого сделал спиральный (на полтора витка). Это позволит гораздо более рационально использовать место.
illus0r
31.12.2015 12:19Идея хорошая, можно даже два витка сделать. Чтобы сохранить аналогию с часами — на них стрелка делает два оборота в сутки. Будет сложнее заметки делать, место между витками будет спорным, можно его уменьшить.
И, похоже, к спорам о положении НГ на окружности и направлении движения «стрелки» добавится спор о том, идёт ли время вовнутрь спирали или наружу :)jaguard
31.12.2015 12:43В наступающем году спираль определенно идет внутрь. И сам календарь на две половинки разделить, для большей символичности.
zixx
Светло-желтое на белом! ааааа!
illus0r
Ой, промахнулся
darkfrei
Черный контражур слишком светлого текста?
illus0r
Ни за что :) Читаемость будет ещё хуже