Визуализация npm

[@StreetStrider]

exploringdata.github.io/vis/npm-packages-dependencies/

[@anvaka]

Здорово!

Мы с Ramiro Gómez (@yaph) общались пару раз об этом графе. npm растет сумасшедшими темпами. Вот более свежая версия, трехмесячной давности: github.com/anvaka/allnpmviz.an

Если браузер поддерживает WebGL: anvaka.github.io/allnpmviz.an/ — здесь около 78k узлов

[@StreetStrider]

Да, размер и связи поражают. Столько всего сделано стольким количеством людей. И это один только Node.js.
Мне первая версия, кстати, больше нравится, она более гармоничная, наверно из за окружности и распределения точек в зависимости от веса.

[@pina]

Хром 36.0.1985.143 m
Смещён влево центр для 2d вида

В FF 32.0 все нормально

[@anvaka]

Спасибо! А центр остается смещенным если обновить страницу, не меняя при этом размеров окна?

[@pina]

Да, еще масштабирование в хроме не работает

[@anvaka]

Знаете, по симптомам очень похоже на code.google.com/p/chromium/issues/detail?id=380546 — этот баг был найден версии 35, но я не могу найти в какой вресии Хрома они включили фикс.

Возможно, версия 36.0.1985.143 m тоже не работает? У Вас есть возможность проверить на более свежем хроме?

В любом случае, спасибо за баг!

[@anvaka]

А, да… перечитал еще раз баг, похоже он был и в 36. У Вас вот здесь есть бесконечная анимация: jsfiddle.net/anvaka/D5GAh/?

[@pina]

В хроме 36 здесь jsfiddle.net/anvaka/D5GAh/ круг стоит на месте

В хроме 39.0.2150.3 canary (64-bit) все норм, круг двигается как и в FF. И ваш визуализатор тоже работает отлично.

[@rmnuts]

тоже самое все уезжает влево — Chrome Версия 36.0.1985.143 m

[@anvaka]

Да, это баг в Blink'e, движке который Хром использует для отрисовки. Они исправили его в более новых версиях, начиная с 37

[@web36m]

Захожу, нахожу «bower»
Меняю npm.anvaka.com/#/view/2d/bower на npm.anvaka.com/#/view/2d/grunt
Показывает мне «grunt» но «selectedPackage» по прежнему имеет значение bower, а кнопка show ничего не делает
Что бы опять посмотреть «grunt» мне приходится менять значение поля причём методом набора текста и выбора из списка.
Возможно тут лучше сделать показ списка через $watch для «selectedPackage» всё так же с таймаутом, а так же при изменении (как я понял) поля «root» обновлять поле «selectedPackage»
(Наверное этот кейс не случается в практике использования этого сайта)
— А вообще круто очень, жду допиливания 3D)

[@anvaka]

Спасибо!