http://revealthedata.com/examples/digest/tags/obyasnyalki/ основной блог | канал в телеграмме ru Aegea 11.3 (v4134) основной блог | канал в телеграмме 10 http://revealthedata.com/examples/digest/all/interaktivnye-obyasnyalki/ Sat, 11 Jul 2020 15:00:35 +0100 http://revealthedata.com/examples/digest/all/interaktivnye-obyasnyalki/ <p><a href="https://t.me/kirillbelyaev">Кирилл Беляев</a> скинул мне чумовую работу про свет. Я вспомнил, про еще несколько работ в этом жанре с собрал их в этой подборке.</p> <h2>Как работает свет</h2> <p>Это просто <a href="https://ciechanow.ski/lights-and-shadows/">чумовой пример</a> как можно делать современные учебники. Я даже не знаю как назвать этот материал, больше всего тянет на главу из учебника. Да и визуализация данных здесь условная, но вот как жанр интерактивной инфографики прям хорошо. Страница явно сделана с любовью, старанием и явно хорошим техническим стеком. Отличный проект!</p> <p>Больше всего понравилась вот эта часть про отражения света разного порядка:</p> <div class="e2-text-picture"> <img src="http://revealthedata.com/examples/digest/pictures/2020-07-11_16.39.54-C5ZN4.gif" width="941" height="705" alt="" /> </div> <p>И про то, как комбинируются цвета:</p> <div class="e2-text-picture"> <img src="http://revealthedata.com/examples/digest/pictures/2020-07-11_16.41.37-S4BwO.gif" width="790" height="774" alt="" /> </div> <h2>Как работает машинное обучение</h2> <p><a href="http://www.r2d3.us/visual-intro-to-machine-learning-part-1/">Это потрясающая работа</a>, которая с помощью скролителлинга и графиков объясняет как работает машинное обучение. Проект довольно старый, но у него выходят <a href="http://www.r2d3.us/visual-intro-to-machine-learning-part-2/">новые части</a>. Самое классное в нём как частица данных переходит от визуализации к визуализации при скроллинге. Еще мне нравится название команды r2d3, по-моему оригинально )) Остальные работы у этой творческой пары тоже в этом ключе и очень хорошо сделаны. Если ищите вдохновения по этому жанру, то рекомендую.</p> <div class="e2-text-picture"> <img src="http://revealthedata.com/examples/digest/pictures/9-ml.gif" width="910" height="710" alt="" /> </div> <div class="e2-text-picture"> <img src="http://revealthedata.com/examples/digest/pictures/10-ml.gif" width="700" height="700" alt="" /> </div> <h2>Как работает парадокс дней рождений</h2> <p>Этот забавный математический факт часто используют преподаватели в ВУЗах. В этой <a href="https://pudding.cool/2018/04/birthday-paradox/">объяснялке от Pudding</a> наглядно показывается как это работает. В целом, этот классный пример направленный именно на неподготовленного слушателя, здесь хорошо подглядеть как объяснять сложные темы обычным читателям. И ещё классно, что в результате читатель видеть как ответили другие и работает ли парадокс дней рождений.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="1435" data-ratio="1.9158878504673"> <img src="http://revealthedata.com/examples/digest/pictures/1-bp.png" width="1435" height="749" alt="" /> <img src="http://revealthedata.com/examples/digest/pictures/2-bp.png" width="1439" height="776" alt="" /> <img src="http://revealthedata.com/examples/digest/pictures/3-bp.png" width="1440" height="776" alt="" /> <img src="http://revealthedata.com/examples/digest/pictures/5-bp.png" width="893" height="207" alt="" /> <img src="http://revealthedata.com/examples/digest/pictures/6-bp.png" width="900" height="203" alt="" /> </div> </div>