artzub
0
Если в связке leaflet.js использовать d3.js то вот она визуализация именно с картографией.=)
artzub
0
Если просто нагрузку смотреть то я предпочитаю logstalgia
можно по ssh tail -f сделать и завернуть выдачу в logstalgia и смотреть на своей машине.
artzub
+3
У меня просто есть скелет проекта, клонирую его, а там уже все что надо есть.
В gulpfile всего две строки:
var requireDir = require('require-dir');
requireDir('./gulp/tasks', { recurse: true });

свою заготовку форкнул и изменил из вот этого vigetlabs/gulp-starter.

Думаю что такой подход более гибкий и понятный.
Все таски в отделенной директории.
gulpfile никогда не редактируется.

А так да мы все велосипедисты =)

P.S. А парни пошли дальше. Они назвали директорию gulpfile.js ну а там естественно index.js и вообще красота получается =) Надо будет в своем скелете так же сделать =)
artzub
0
А там жесть =))) Там все не просто… Это следующий этап интеграции =)))
artzub
0
Ну для нас пока не критично наличие TLS. Самое что интересное для Gitlab через ssl сделано =)

По поводу замечании по каталогов, согласен надо будет поправить.
artzub
0
Еще один вопрос. Откуда лучше форкать из jiisoft или из твоего аккаунта, для того чтобы контрибьютить?
Вопрос снят =))
artzub
+1
Спасибо за труд! Всегда любил Yii и javascript, а теперь они еще и вместе =)))
И вообще отрадно что земляк сотворил такое =)))
artzub
0
Да TS вообще тема но для большой компании со своими серверами.
И в ней так можно супер все организовать и допилить ее хоть под обезьянку офис-менеджера так и под профессионала.
Сам пользовался TS 7 лет, но когда ушел из энтерпрайза начал искать удаленные решения.
artzub
+2
И про dobambam.com то же не упомянули. Пользуюсь более года устраивает все и то что бесплатный пакет вполне демократичный!
И так же есть настраиваемый workflow. Поддерживает работу с git и разные хуки в коммитах для закрытия задач, остановки таймтрекера, деплойда.
В общем, я доволен. =)
artzub
0
Спасибо за консультацию.

В общем разобрался.
works.artzub.com/onur/
t = projection.convertPoint([t.x - transPoint.x - w2, t.y - transPoint.y - h2]);
return [
    t[0] / t[3] + w2 + transPoint.x
    t[1] / t[3] + h2 + transPoint.y
]

в projection завернута матрица и умножение на нее при вызове convertPoint.

после умножения видовых координат [x, y, 0, 1] на матрицу проекции вы получаете однородные координаты.

Не знаю так это или нет.
Но видимо по наитию делаю вот так:
t.x - transPoint.x - w2 

где
w2 = {ширина рабочего Div}/2
transPoint.x = это смещение от начала координат

как раз и приводит к тому что считается в видовых координатах
а потом делаю так
t[0] / t[3] + w2 + transPoint.x

получаю координат для отрисовки на экране =)

Спасибо еще раз за ответ.
artzub
0
Да в этой матрице уже комбинация всех операции, то есть и поворота и проекции.

Спасибо сейчас попробую применить ваши замечания.
artzub
0
image
попробовал только с делением x,y на w
точки попали куда надо.
Но при перемещении все равно происходит неверный сдвиг.
Возможно дело уже за малым понять почему сдвиг косячит.

Но буду благодарен любой помощи.
artzub
0
У меня такой вот вопрос.
В браузере используется перспектива с d=500 и поворот div на 50 градусов.
матрица которую делает хром
matrix3d(
	1, 0, 0, 0,
	0, 0.642787609686539, 0.766044443118978, -0.00153208888623796,
	0, -0.766044443118978, 0.642787609686539, -0.00128557521937308,
	0, 0, 0, 1
)

Известно что она транспонированная.
Задача: есть координаты точки
[x,y]

мы их приводим к однородным
[x,y,0,1]

z — у нас нет по сути. Верно?
затем умножаем ее на матрицу трансформации,
и получаем вектор
[x', y', 0, w]

как я понял из вашего описания.
То есть теперь если я разделю x'/w и y'/w, то я получу координаты точки [x, y] только спроецированные на плоскость что на экране.
Но у меня срабатывает поворот, то есть если убрать проекцию то точка поворачивается на нужный градус и совпадает с желаемым результатом, а вот проекцию ни как не могу поймать.
то есть что-то происходит но оно не то что нужно.
Еще прочитал в спецификации css что коэффициент проекции будет d/(d — Z), где d — дистанция, а что есть Z я не смог разобраться. Пробовал делать [x, y, 1, 1] но это не верно получается. Пробовал подставить в коэффициент w но тоже лажа какая то, когда начинаю смещать то все едет не пропорционально.

Подскажите пожалуйста что я не так делаю и где ошибаюсь.
artzub
+1
кстати да очень интересно!? Пробовали? Есть какие результаты?
artzub
0
Это мой корявый английский а не машинный перевод =)))
Видимо придется разбить на части и выложить в вики…
artzub
+1
Библиотека тесно связан с d3.js, она использует все, что можно от d3. Конечно d3.layout.force считает положение объектов, но рисуется все на canvas библиотекой, но это не только отрисовка, как вы сказали сперматозоидов, это совокупность всех частей. Я не могу позиционировать ее как плагин к d3, хотя по сути оно так и есть, так как не выполнил требовании написания плагинов для d3.
В данном же примере, я показал как можно использовать мою библиотеку совместно с leaflet, heatmap и тд. естественно каждый выполняет свою работу.
artzub
0
Еще можно добавить Heatmap чтобы показывать где больше активности… Пойду напишу автору.
artzub
+1
В mc можно определить сочетание клавиш. smind я же не ошибаюсь?
Редактор с подсветкой. Да и вообще у mc много чего другого есть.
artzub
0
Ну как раз об этом и написал автор статьи, что аудитория делиться на несколько групп. В целом для меня дизайн Хабра остался по восприятию без изменения. Как была лента так она и осталась, как было оформление постов так оно и осталось, ничего координатно нового за исключением бара слева не появилось, в частности, в повседневном использования я не вижу. По этому и предложил его для сравнения. Так что не думаю что здесь стоит поднимать холивар по поводу дизайна Хабра, тем более это уже активно обсуждалось в соответствующей теме.
artzub
+17
Дорогой ВК я возможно вхожу в ту 40% аудиторию, которая негативно настроена на изменении вашего дизайна по крайней мере в том направлении, в котором вы двигаетесь.

У вас легкий, функциональный, чистый дизайн, которому ничего не нужно!

Зачем этот синий фон по краям… он очень, как бы выразиться, перегружает восприятие, делает вид сайта очень тяжелым…
Вы начинаете двигаться в сторону фб, который как гора мусора, видя, которую теряется весь интерес к ресурсу
Вы сейчас имеете очень большое преимущество над фб у российской аудитории, потому что ВК быстрый и понятный.
Да перемены нужны, новые фичи и все такое, но дизайн я вам хочу сказать надо еще продумать, на конкурсе были хорошие варианты.
Посмотрите как удачно обновил дизайн наш любимый Хабрхабр. Сохранив свой привычный и легкий дизайн добавил удобную навигацию слева.
Мы любим ВК, конечно же мы от вас не откажемся, но еще подумайте на счет фона и заполнения пустого пространства.

Да именно синий фон меня просто удручает, все остальное сделано верно и хорошо!
artzub
0
Да надо будет отключить какие либо действия на нем =)
artzub
0
И не планировалась его работа! =) Просто использован механизм brush из d3.
artzub
0
Весной сделал проект с использованием d3 и Leaflet (Mapbox), при этом в отдельные слои еще и svg без всяких проблем засунул… Там очень прозрачные апи для этого… Leaflet рулит! А еще можно Google карты подключать с настройкой стиля.
artzub
+4
Я конечно понимаю что девайс крутой и все такое… но я уже больше 6 лет езжу с зеркалом заднего вида на шлеме и прекрасно себя чувствую на трассе и меня не надо дополнительно предупреждать так как я прекрасно вижу и друзей за спиной (причем это очень важно когда кого-то везешь) и машины. И стоит это удовольствие всего 450 рублей. Ни разу не попадал в ситуацию когда машина появляется неожиданно, а еще нет мертвых зон когда зеркало на шлеме. В общем девайс для гиков, а вообще это лишний вес, так что я даже не вижу для себя никакой пользы от него.

Вот такое зеркало я использую
Вот так оно на шлеме выглядит
imageimage
artzub
0
Немного глюков моей библиотеки… если открыть сайт и оставить его некоторое время, а потом зайти то будет много много точек и если ваш комп это вывезет то будет смотреться супер. А так разработчик молодец сделал интересное решение.

У меня сейчас есть заказчик который хочет тоже самое =) Но тут другой подход dashboard.leviathansensor.com/
artzub
0
Про bion можно ссылку посмотреть?
artzub
0
спасибо за ответ.
artzub
0
А вы можете поделиться своей реализацией?
Если честно то она очень напоминает вот это Leaflet.markercluster
artzub
0
Сейчас продумываю как раз подобную задачу… Хочу брать код с github, или чтоб можно было вставить свой код в текстовое поле, и как раз примерно по таким критериям как ты описал оценивать и формировать абстракцию причем по возможности с условиями данных по изменению кода если брать с github. Вообще можно в зависимости от синтаксиса языка зная его ключевые слова и другие параметры рисовать вполне осознанные картины.
P.S. Где бы только столько времени свободного взять =)
artzub
+2
А мой АДМ позоботился чтоб напитки всегда сохраняли правильную температуру.
image
image
artzub
+2
Я тоже хотел написать что красота этой визуализации не только в графической части, а так же в том как оформлен код на сколько он читабелен и понятен!
artzub
0
Спасибо за открытие!
artzub
+3
Я пока не вижу особой необходимости в этой фиче. Так как я пользуюсь для чтения новостных лент feedly, то пока еду до работы или с нее или еще где либо перемещаюсь и смотрю что-то новое с хабра на телефоне или в рабочее время быстро пролистывая фид хабра в feedly, то отмечаю понравившиеся мне статьи для полного прочтения соответствующей меткой прочитать позднее.
image
image

Но желаю вам удачи…
artzub
0
я не знаю =) Так как то что я добавлял в это приложение с этим не связано.
artzub
0
Отличный пример для изучения как оказалось новой для меня возможности Google Chrome!
Буду жадно изучать ваш код и разбираться что и как используется вами в API Google Chrome, Drive, VK, LastFM =)
Спасибо!
P.S. Сижу слушаю через вашу приложение. Жду lastFm скробблинг =) как это седлать есть вот здесь github.com/buger/chromus/blob/master/javascript/scrobbler.js
artzub
0
можно подумать об этом и сделать их на d3.js =)
artzub
0
Я не знаю просто когда стал пользоваться dropbox apps то наткнулся на это.
artzub
0
ну так на значок щита в адресной строке нажми и все будет работать!