Sgryob
198 subscribers
921 photos
17 videos
2 files
637 links
Colleciton of projects about data visualization and generative art. Check out tags: #visualization #generative #interface #logo #timeline
Download Telegram
The mesh on the bottom changes it's perspective while scrolling. Should be stolen for ONDER
#site #shader #generative
http://ykob.github.io/sketch-threejs/
Хитмеп посетителей музея
#visualization #map #heatmap #timeline #animation
http://heatmap.arts-museum.ru/
Внизу ссылка на следующую страницу
#site
http://elt.tech/about
Анимированные фигнюшки, везде одинаковый алгоритм. А чё, красиво
#site #generative #animation
http://elt.tech/about
Точки листалки не по центру.
#site #interface
https://viamin.su/
Hover on pill reveals big picture on background
#site #filter
https://viamin.su/
Клёвая фотка на оранжевом фоне. Можно так сделать, если нет других идей для фона. Будет клёво и универсально.
#photo #site #color
https://volgograd.beeline.ru/business/large-business/service/
Фончики фиксированы, проскролливаются супербыстро, как журнал пролистываются большим пальцем. И сразу — нац! Партнёры. Можно заюзать, не прятать их в футер. «А что, так можно было?» :)
#site
https://volgograd.beeline.ru/business/large-business/
Гигантский фактоид с фоточками
#site #factoid
https://volgograd.beeline.ru/business/large-business/
При скролле нижняя строчка меняется, меняется и контент справа.
#site
https://volgograd.beeline.ru/business/large-business/
Главное на сайте — цель визита. Сразу выбираю нужную сумму.
Кстати, лого студии внизу исчезает при скролле.
#site
https://www.mfovzaimno.ru/
Сразу видно, что браш внизу лежит в другой оси координат. И что диапазон дат относится к нему. Но при этом понятно, как он работает. Помогает несоответствие ширины браша и схемы. Можно было бы миниатюру графика показать всё-таки
#brush #timeline #chart #visualization
https://data.worldbank.org/indicator/NY.GDP.MKTP.CD?end=2017&start=1960
Excellent title for call to action section!
#site
https://vaex.io/
Цветом показано, что правое распределение относится к срезу, а левое — ко всему сразу. Но не очевидно, что можно ручку таскать.
#visualization #interface
https://www.jgoertler.com/visual-exploration-gaussian-processes/
Drawing on the background of the site
#site #web #generative
http://learningprocessing.com/
Dieter Rams designed one of Gillette's most successful razors
#object
https://www.arun.is/blog/gillette/