[Перевод] Кому нужен Graphviz, если можно написать его самому?

Недавно мы переделали наши внутренние инструменты, визуализирующие компиляцию JavaScript и WebAssembly. При работе оптимизирующего компилятора Ion мы теперь можем генерировать интерактивные графы, демонстрирующие, как конкретно обрабатываются и оптимизируются функции. Вы можете сами поэкспериментировать с этими графами в оригинале статьи . Просто введите какой-нибудь код на JavaScript в функцию test , и наблюдайте за созданием графа. Также там можно щёлкать и перетаскивать граф, менять масштаб при помощи колеса мыши с зажатым Ctrl и перетаскивать ползунок вниз, чтобы изучить процесс оптимизации. В процессе экспериментов обратите внимание на то, насколько стабильна схема графа даже при изменении размеров блоков и добавлении новых структур. Попробуйте нажать на заголовок блока, чтобы выделить его, а затем перетащить ползунок, и наблюдайте за тем, как меняется граф, а блок остаётся на месте. Или нажмите на номер команды, чтобы подсветить её и следить за ней между проходами. Разумеется, мы не первые, кто начал визуализировать внутренние графы компиляторов, и не первые, кто сделал их интерактивными. Но меня не устраивали результаты работы популярных инструментов наподобие Graphviz и Mermaid , поэтому я решил создать алгоритм специально под наши потребности. Получившийся алгоритм прост, быстр, создаёт на удивление высококачественный вывод и его можно реализовать в менее чем тысяче строк кода. В этой статье я объясню алгоритм и конструкторские решения, лежащие в его основе.

https://habr.com/ru/articles/962436/

#spidermonkey #графы #графы_визуализация #компиляция

Who needs Graphviz when you can build it yourself?, https://spidermonkey.dev/blog/2025/10/28/iongraph-web.html.

SpiderMonkey has replaced Graphviz by a custom graph layout renderer for their internal devtools. This article explains how the algorithm works, step by step (inspired by Sugiyama et al.'s algorithm, used by Graphviz, but simplified and with more constraints).

Pretty neat!

#SpiderMonkey #graph #layout #DevTools #compiler

SpiderMonkey Garbage Collector

https://firefox-source-docs.mozilla.org/js/gc.html

#HackerNews #SpiderMonkey #Garbage #Collector #Mozilla #JavaScript #Development #WebAssembly #Performance

JavaScript Engines Explained—Comparing V8, SpiderMonkey, JavaScriptCore, and More, by @designerly.bsky.social:

https://frontenddogma.com/posts/2025/javascript-engines-explained/

#guestposts #javascript #javascriptengines #v8 #spidermonkey

Spider Monkey Angelo - Warning Scream

🎶 If you touch me? Well I just think i'll scream...cos its been so long, since someone's challenged me. 🎶

#furryart #fursona #spidermonkey #monkey #anthroart #drawing #digitalart #illustration #screaming #mastoart #transman

Spider Monkey Angelo - High Jump!

(Loincloth and Nude Alt)

#furryart #fursona #spidermonkey #monkey #primate #drawing #cartoonist #anthroart #nude #transman #loincloth #mastoart

Tryna get this pose down for Spider Monkey Angelo has been a bitch, but its mainly that back leg tho. (I'll get it down tho)

#furryart #fursona #sketchbook #drawing #traditionalart #spidermonkey #primate #monkey #sketch #wip #mastoart