HTML и JS анимация — сравнение нейросетей на примере солнечной системы. canvas.. canvas. chatgpt.. canvas. chatgpt. deepseek.. canvas. chatgpt. deepseek. HTML.. canvas. chatgpt. deepseek. HTML. JavaScript.. canvas. chatgpt. deepseek. HTML. JavaScript. js.. canvas. chatgpt. deepseek. HTML. JavaScript. js. sonnet 4.. canvas. chatgpt. deepseek. HTML. JavaScript. js. sonnet 4. визуализация.. canvas. chatgpt. deepseek. HTML. JavaScript. js. sonnet 4. визуализация. ИИ.. canvas. chatgpt. deepseek. HTML. JavaScript. js. sonnet 4. визуализация. ИИ. искусственный интеллект.. canvas. chatgpt. deepseek. HTML. JavaScript. js. sonnet 4. визуализация. ИИ. искусственный интеллект. меркурий.. canvas. chatgpt. deepseek. HTML. JavaScript. js. sonnet 4. визуализация. ИИ. искусственный интеллект. меркурий. нейросети.. canvas. chatgpt. deepseek. HTML. JavaScript. js. sonnet 4. визуализация. ИИ. искусственный интеллект. меркурий. нейросети. солнечная система.

Хочу поделиться эмоциями. Нужно было для жены визуализировать что такое ретроградный меркурий. В последнее время все подобные вопросы решаю через ИИ, но думал, что с таким оно не справится. Открыл свой ИИ агрегатор и попросил сделать анимацию солнечной системы с реальными орбитами и скоростями, а при наведении мышкой, чтобы выводил основную информацию по планетам. Все запросы делались через API, а не напрямую в ИИ. Вероятно, если делать напрямую – результат будет лучше. Запрос буквально в несколько строк и получил вот такую штуку http://aipanda.online/test/sun/sunsystem.html

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 1

Это меня безумно воодушевило и дальше я попросил сделать визуализацию движения меркурия по небосклону если наблюдатель на земле и визуализировать ретроградность меркурия. Лучше всего с этой задачей справился deepseek и первое, что он выдал и стало финальным вариантом. Это надо видеть в динамике, потыкать можно тут — https://aipanda.online/test/sun/mercury.html

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 2

Ну и понеслось. Решил сравнить, как с этой задачей справятся разные нейросети. Сравнивал разные модели: O4 mini, Яндекс, Sonar, GPT 4.1 nanomini и deepseek v1r1 и т.д.

DeepSeek R1

Реально готовый(ctrl+c ctrl+v) и красивый результат выдал только DeepSeek, при этом R1 дает более красивую картинку – https://aipanda.online/test/sun/sunsystemr1.html

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 3
HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 4

Такой красоты вообще не ожидал, окошки с информацией открываются плавно, все двигается, весь интерфейс в едином стиле.

Сам запрос не составлялся специально, а был потоком мысли. И звучал так:

Сделай интерактивную модель солнечной системы на HTML + JS в одном файле. Внизу выведи управление скоростью вращения. Стартовая скорость = 1 год — 20 секунд. При наведении на каждую планету или нажатии выводи во всплывающем окне подсказку с основными данными о планетах: размер, вес, класс, атмосфера, скорость вращения, длина дня, длина года. У каждой планеты должно быть подписано название. Скорость должна быть управляемой.

GPT 4.1 nano – Неудача

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

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 5

попросил исправить еще раз, но анимация так и не появилась и снова все планеты пропали

GPT 4.1 mini

Справился лучше нано, но спалил меркурий в 2027 году об солнце. После нескольких доработок стало работать, первоначальный вариант вот – https://aipanda.online/test/sun/nano.html

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 6

При этом выдал довольно чистый код, но визуализация и решения довольно странные, за-то справился раз в 5 быстрее дипсика.

O4 mini – разочарование

Возлагал на него надежды, но не думая выдал какой-то короткий кусок кода, который визуально хуже нано и толком ничего не работало

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 7

Яндекс GPT 5 PRO – не программист

Вообще не справился с задачей даже после 3 просьб исправить код.

Perplexity Sonar – приятно удивил и выдал достаточно чистый HTML, JS и CSS

Для бюджетной нейросети справился достаточно неплохо. С первого раза правда накосячил – не выдал подсказки по планетам, но со второго исправился. Отработал на уровне 4.1 mini

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 8

GPT 4.1 – самый дорогой, но не самый лучший

В принципе с заданием справился, результат можно посмотреть тут – https://aipanda.online/test/sun/4.html, честно – ожидал от него результата поинтереснее.

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 9

Sonnet Cloudy – Google vertex

Должен приклонить колено – лучшая техническая реализация. Визуально тоже очень хорошо. https://aipanda.online/test/sun/sonnet.html – минималистично, все работает, все точно. Чуть менее красиво дипсика и отказался всплывашки делать по клику, только подсказки при наведении.

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 10

GROK 4 xAi – технический минимализм

С задачей справился полностью, но визуал очень аскетичен. Самый короткий код – всего 180 строчек. Но все сделал, даже всплывашки по клику, адаптива фактически нет, но декстоп неплох – https://aipanda.online/test/sun/grok.html

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 11

Cohere Command A

Можно было не проверять, исправлять доп запросами уже смысла не видел, выглядит стремно, с задачей не справился

HTML и JS анимация — сравнение нейросетей на примере солнечной системы - 12

Вместо заключения

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

Итоги будут такими:

  1. DeepSeek R1 – красавец, пожалуй самая технологичная и красивая реализация

  2. DeepSeek V1 – более минималистичный, но реализация тоже прекрасна, особенно что касается визуализации

  3. Sonnet Cloudy – прекрасная техническая реализация и минимализм в визуале

Остальных не вижу смысла добавлять в сравнение. Всем спасибо, вдруг кому будет полезно.

Автор: Vkkiwi

Источник

Rambler's Top100