anvaka 18 ноя 2014 в 08:07

Вселенная npm

3 мин

31K

JavaScript * Node.JS *

+54

Комментарии 22

mxgoncharov 18 ноя 2014 в 08:39

Теперь понемногу становится понятно, откуда идея для логотипа Хабра))

sidristij 18 ноя 2014 в 08:53

Может это даст толчек к возвращению старого логотипа? =)))

mxgoncharov 18 ноя 2014 в 08:59

Нашими молитвами и одминскими бубнами)

ferasinka 18 ноя 2014 в 09:12

А вдруг мы тоже чей-то пакет? universe.milkyway.earth

gatoazul 18 ноя 2014 в 09:31

Ну дык — голографическая вселенная

velikan5 18 ноя 2014 в 09:20

Круто!!! Очень зрелищно!

AndyGrom 18 ноя 2014 в 09:26

Вы сделали мне утро. Спасибо.

anvaka 18 ноя 2014 в 16:58

Вам спасибо. Мне очень приятно!

AndyGrom 18 ноя 2014 в 09:28

Есть заявка. Неплохо бы было получить top 100 супер звёзд (с самым большим количеством связей). Просто для анализа. Кто такие и чем занимаются.

anvaka 18 ноя 2014 в 17:01

Вот тут www.npmjs.org/ есть статистика с самыми популярными пакетами.

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

sergeyskomorohov 18 ноя 2014 в 10:27

Пробовал кто набрать :i love npm в поиске… У меня просто поиск.

nobilix 18 ноя 2014 в 10:32

Да, все работает) Enter не забыли нажать? после этого звезды начинают реорганизовываться, вы можете не увидеть результат если будете «смотреть» не в ту сторону или не из той позиции, так что попробуйте покрутиться ;)

sergeyskomorohov 18 ноя 2014 в 10:34

Спасибо, буду тренироваться.

happyproff 18 ноя 2014 в 11:37

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

P.S. Прекрасная визуализация, спасибо!

anvaka 18 ноя 2014 в 17:04

Спасибо огромное!

Я все еще не могу придумать хорошего формата для хранения иземений графа во времени. Идея очень хорошая!

Kain_Haart 18 ноя 2014 в 13:14

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

anvaka 18 ноя 2014 в 17:08

Позиции узлов рассчитываются из физической симуляции. Каждый узел рассматривается как положительно заряженная частица, а каждая связь — как пружина. Соответственно частицы отталкивают друг друга, а пружины держат их вместе. Подсчитываем все силы действующие на вершины, интегрируем, получаем позиции в пространстве.

Размер узла считается исходя из общего количества зависимых пакетов (исходяших связей).

deeperton 18 ноя 2014 в 20:50

Нужно рядом добавить галактики Bower, pip… Вселенную пакетов Debian.

… потом заложить вращение и натяжение связей — пусть галактика вытянется в спиральную, ввести понятие гравитации…

kashey 19 ноя 2014 в 07:16

Еще бы вращение добавить, и кометы.
Пускай мелкие пакетики, без зависимостей, летают одиноко по космосу…

Toshiro 19 ноя 2014 в 09:25

Когда пролетаешь сквозь центральное скопление… как будто идет снег…

resnyanskiy 25 ноя 2014 в 16:42

Примечательно, что на подтормаживает (в хроме) только когда включено отображение зависимостей. Когда показаны только точки, все в общем-то стабильно, без лагов.
Интересно посмотреть, как будут вести себя полноценные Unity приложения, экспортированные в WebGL

koresar 25 ноя 2014 в 23:42

npm loves you

Зарегистрируйтесь на Хабре, чтобы оставить комментарий