Ялинка по-українськи

За певною традицію в Києві перед кожним Новим роком ставлять головну ялинку країни. І цей рік не став виключенням. З новин дізнався, що цього року ялинка буде спражня, та й заввишки 26 метрів — спеціально їздили до Івано-Франківської області обирати. Мені стало цікаво, а які ж вони були раніше ці ялинки. В інтернеті швидко відшукав… Read More

Створюємо градіент в d3.js

Кольоровий градієнт — сильна та поширена штука в дизайні. Вона і приваблива ззовні, та й дає змогу за допомогою кольорів розрізняти кількісні дані без групування, хоча варто враховувати складність в розрізненні близьких значень. Для свого домашнього проекту (або як це люблять називати, PET-проекту) потрібно було додати легенду та відповідне кольорове кодування відсоткових значень, тому вирішив… Read More

Скількох українців ти старше/молодше

Наступна візуалізація була навіяна роботою з блогу Flowingdata.com — Who is Older and Younger than You. Автор блогу пояснює свою мотивацію створення візуалізації думкою, що після закінчення колледжу межа між молодість та старістю розмивається — то ж цікаво хто досі старший за тебе. Мені ж стало цікаво, що відбувається в той час в Україні. Також… Read More

Анімація елементу Path в SVG

Цей пост хочу почати з SVG-картинок взятих з порталу thenounproject.com (до речі, на ньому ви знайдете величезну купу іконок на будь-який випадок життя) з додавання невеликої кількості магії. Created by artworkbeanfrom the Noun Project Created by Oliviu Stoianfrom the Noun Project Вперше такою анімацією мене здивували Texty.org.ua у своїх роботах: тут та тут. Що тут… Read More