The latest articles on DEV Community by Pavel Zavadski (@pavlusha311245). https://dev.to/pavlusha311245 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3116349%2F655ee098-5c22-4a13-b294-c4db89cd949e.jpeg https://dev.to/pavlusha311245 en Pavel Zavadski Fri, 03 Apr 2026 06:41:44 +0000 https://dev.to/pavlusha311245/prediction-cone-safe-triangle-4ki0 https://dev.to/pavlusha311245/prediction-cone-safe-triangle-4ki0 <p>Увидел в интернете такой пост и захотел повторить. </p> <p><iframe class="tweet-embed" id="tweet-1970899841485242571-470" src="https://platform.twitter.com/embed/Tweet.html?id=1970899841485242571"> </iframe> // Detect dark theme var iframe = document.getElementById('tweet-1970899841485242571-470'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1970899841485242571&amp;theme=dark" } </p> <p>Какой-то обычной js библиотеки под это не нашёл, были какие-то отрывки для фреймворков, но это не переиспользуемо.</p> <p>Сделал лёгкую, независимую от фреймворков библиотеку для визуализации prediction cone | safe triangle.</p> <p>Демо тут: <a href="https://pavlusha311245.github.io/prediction-cone/" rel="noopener noreferrer">Сайт</a></p> <p>Почему я пишу про это как Prediction Cone | Safe triangle? Потому что банально информацию по данной фиче я смог найти только в таком ключе. 2 вариации в целом подходят для описания, сейчас у библиотеки это prediction cone. Хотел бы переименовать, но думаю что пока-что норм =)</p> <p>Минимум магии:</p> <ul> <li>без привязки к стеку</li> <li>можно встроить куда угодно</li> <li>гибко настраивается</li> </ul> <p>Если знаете похожие решения — скиньте, интересно посмотреть.</p> <p>Если нет — значит я не один кому не хватало такого :)</p> <p>Поддержка приветствуется:<br> ⭐ звезда на GitHub<br> 💬 любой фидбек<br> 🔧 PR’ы тоже ок</p> design ux webdev javascript