image

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

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

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

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

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

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

Процесс


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

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

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

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

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


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

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

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

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

С новым годом, коллеги!

Комментарии (36)


  1. zixx
    29.12.2015 23:55
    +2

    Светло-желтое на белом! ааааа!


    1. illus0r
      30.12.2015 01:16

      Ой, промахнулся

      Сам долго сомневался и искал другие варианты. Не нашёл, буду рад, если подскажете. Печатал на двух принтерах, жёлтый текст видно.


      1. darkfrei
        30.12.2015 01:25

        Черный контражур слишком светлого текста?


        1. illus0r
          30.12.2015 12:10

          Ни за что :) Читаемость будет ещё хуже


  1. illus0r
    30.12.2015 00:03

    Сам долго сомневался и искал другие варианты. Не нашёл, буду рад, если подскажете. Печатал на двух принтерах, жёлтый текст видно.


  1. Psychosynthesis
    30.12.2015 00:14

    Крутая идея. Я терпеть не могу всякие календари, но вот этот — реально крутой, может даже в альпклубе предложу нечто подобное повесить.


    1. illus0r
      30.12.2015 01:14

      Класс, если получится фотку скинуть, буду благодарен!


  1. baceolus
    30.12.2015 01:18

    Чудесная вещь. Спасибо огромное. И себе сделаю, и другу подарю.


  1. wtigga
    30.12.2015 07:42

    … и снова, как и в прошлом году, для нормального чтения августа, июня, июля и мая нужно выгибать голову.
    Почему нельзя сделать текст с нормальным расположением? Или предлагается календарь постоянно крутить?:)


    1. illus0r
      30.12.2015 10:57

      Подозреваю, что будет неаккуратно. И в нижней части числа будут идти от 30 до 1.


      1. wtigga
        30.12.2015 10:58
        +1

        Да просто название месяцев перевернуть, и всё. Структуру трогать не нужно. Цифры же на механических часах вверх ногами не пишут :)


        1. illus0r
          30.12.2015 13:40

          Так примерно? :)

          image


          1. wtigga
            30.12.2015 15:57

            Да :)


            1. illus0r
              30.12.2015 19:52

              Элементарно делается в инкскейпе, если будут вопросы, обращайтесь, подскажу.


  1. IronHead
    30.12.2015 09:51

    Январь — зеленый? Да вы верно шутите.
    Зелеными всю жизнь были июнь и июль.


    1. illus0r
      30.12.2015 10:44
      +1

      Забавно, давайте переделаем :) Сейчас цвета подбирал по градиенту, вы предлагаете брать цвет из окружающей среды. Идея интересная, надо только определиться, окружающую среду в какой точке планеты мы берём за эталон :) У нас в Волгограде так:

      Январь — белый;
      Февраль — белый;
      Март — коричневый;
      Апрель — салатовый;
      Май — зелёный;
      Июнь — тёмно-зелёный;
      Июль — жёлтый;
      Август — оранжевый;
      Сентябрь — красный;
      Октябрь — серый;
      Ноябрь — серый;
      Декабрь — белый

      Будут идеи — предлагайте.


      1. IronHead
        30.12.2015 10:50
        +4

        Я думаю как то так
        Январь — синий (снег, да и люди тоже)
        Февраль — голубой
        Март — розовый (как на рассвете)
        Апрель — красный
        Май -салатовый
        Июнь — зеленый
        Июль — темно зеленый
        Август — желтый
        Сентябрь — оранжевый
        Октябрь — маджента
        Ноябрь — фиолетовый
        Декабрь — темно-фиолетовый


        1. illus0r
          30.12.2015 13:45
          +1

          Если подберёте цвета в RGB (в таком формате), сделаю для вас форк :)


          1. 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]


            1. HunterSpy
              30.12.2015 14:55

              Ждем форк


              1. illus0r
                30.12.2015 20:17
                +2

                1. IronHead
                  31.12.2015 12:29

                  Спасибо. Вроде ничего так получилось, с желтым надо только что то придумать.


      1. SelenIT2
        30.12.2015 14:50

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

        Хотя можно и абстрагироваться от радуги, как предлагают ниже:)


  1. alexpp
    30.12.2015 10:39
    +2

    А вариант с русскими названиями месяцев есть?


    1. illus0r
      30.12.2015 11:32
      +3

      Сделаю, если будет больше запросов. Пока что 3 человека попросило.


      1. starp
        30.12.2015 13:55

        я бы тоже не отказался иметь с русскими названиями.


    1. NikitaKhvoryk
      30.12.2015 11:32
      +3

      И общепринятые праздничные дни стоило бы сделать как и выходные. Но цвет изменить немного, чтобы было видно, что это праздничный. Или иконку праздника добавлять. Например ёлка — 1 января, цветы — 8 марта…


      1. illus0r
        30.12.2015 13:50

        Круглендарь используется не только в России, не у всех Рождество 7 января и т. д. Идея хорошая, надо заложить возможность локализации праздников.


  1. Darthman
    30.12.2015 16:31

    Прочитал в начале года 23 января сразу… ИМХО разделение дат хромает. Про жёлты уже сказали. Цифры кверхногами тоже не очень-то и удобно ИМХО.


  1. memtew
    30.12.2015 19:25

    А можно отразить календарь по вертикали? В моей голове календарь идёт по кругу, но против часовой стрелки и обратный ход ломает мой мозг :)


    1. illus0r
      30.12.2015 19:50

      Хочу когда-нибудь сделать генератор круглендарей с произвольным углом поворота и направлением. Сейчас это сложно, делаю самый популярный вариант.


  1. dom1n1k
    31.12.2015 02:27

    По вашим же примерам прекрасно видно, что диаметр круга нужно уменьшать.
    Чтобы было больше полезного места вокруг и меньше не очень полезного места внутри.


    1. jaguard
      31.12.2015 07:21

      Видимо, размер такой огромный, чтобы все цифры влезли. Я бы вместо этого сделал спиральный (на полтора витка). Это позволит гораздо более рационально использовать место.


      1. illus0r
        31.12.2015 12:19

        Идея хорошая, можно даже два витка сделать. Чтобы сохранить аналогию с часами — на них стрелка делает два оборота в сутки. Будет сложнее заметки делать, место между витками будет спорным, можно его уменьшить.
        image
        И, похоже, к спорам о положении НГ на окружности и направлении движения «стрелки» добавится спор о том, идёт ли время вовнутрь спирали или наружу :)


        1. jaguard
          31.12.2015 12:43

          В наступающем году спираль определенно идет внутрь. И сам календарь на две половинки разделить, для большей символичности.


    1. illus0r
      31.12.2015 12:06

      Внутри тоже можно писать :)