Pull to refresh
66
0
Артем Зубков @artzub

Визуализация данных, Веб-разработка

Send message
можно подумать об этом и сделать их на d3.js =)
Я не знаю просто когда стал пользоваться dropbox apps то наткнулся на это.
ну так на значок щита в адресной строке нажми и все будет работать!
так ну я не стал ждать с моря погоды (пока потестят мою любимую библиотеку d3.js) и сам провел тест правда только в Chrome Версия 30.0.1573.2 dev-m.
И так:
Поиск элемента по идентификатору
"native":  function(){var element = document.getElementById('testid');},
"closure": function(){var element = goog.dom.getElement('testid');},
"jQuery":  function(){var element = jQuery('#testid');},
"ExtJS":   function(){var element = Ext.get('testid');},
"d3js": function(){var element = d3.select("#testid");}

Поиск элементов по классу
"native":  function(){var elements = document.getElementsByClassName('testclass');},
"closure": function(){var elements = goog.dom.getElementByClass('testclass');},
"jQuery":  function(){var elements = jQuery('.testclass');},
"ExtJS":   function(){var elements = Ext.select('.testclass');},
"d3js": function(){var elements = d3.select('.testclass');}

Добавление элемента
"jQuery":  function(){jQuery(document.body).append(jQuery('<span class="testspan">'));},
"closure": function(){goog.dom.appendChild(document.body, goog.dom.createDom('span',{class:'testspan'}));},
"ExtJS":   function(){Ext.DomHelper.append(document.body, {tag : 'span', cls : 'testspan'});},
"d3js": function() {d3.select(document.body).append("span").attr("class", "testspan");},
//native

Определение класса элемента
"native":  function(){var classes = nElement.getAttribute('class').split(' ');},
"closure": function(){var classes = goog.dom.classes.get(gElement);},
"jQuery":  function(){var classes = jElement.attr('class').split(' ');},
"ExtJS":   function(){var classes = eElement.getAttribute('class').split(' ');},
"d3js": function(){var classes = d3Element.attr("class").split(' ');}

Изменение класса элемента
собственно метод сlassed без второго параметра нужен для определения наличия класса у объекта
"closure": function(){goog.dom.classes.toggle(gElement, 'testToggle');},
"jQuery":  function(){jElement.toggleClass('testToggle');},
"ExtJS":   function(){var classes = eElement.toggleCls('testToggle');},
"d3js": function() {d3Element.classed('testToggle', !d3Element.classed('testToggle'));},
//native

Изменение стиля элемента
"native":  function(){nElement.style.backgroundColor = '#aaa';},
"closure": function(){goog.style.setStyle(gElement, {'background-color': '#aaa'});},
"jQuery":  function(){jElement.css({'background-color': '#aaa'});},
"ExtJS":   function(){eElement.setStyle('backgroundColor','#aaa');},
"d3js": function(){ d3Element.style('background-color', '#aaa'); }


image
интересно было бы посмотреть еще в этом перечне производительность такой библиотеки как d3.js
Отличный дым! Мне очень понравился =)
Я прям захотел этого ежа погладить =)
По каким то причинам у некоторых стран в БД world bank корректных координат или допустим данные по всему региону… поэтому я не могу привязать правильно координаты столицы странны и вывожу подобные страны вверху, там где ничего нет.
Я примерно такого же эффекта добивался вот в этой визуализации (только визуализация без версии).
image
Тут только не звезды а денежные займы от одной стране к другой. Библиотека d3.js для расчета физики.
Сейчас немного поработаю над другим проектом, и доделаю еще некоторый функционал.
Спасибо! Почитаем и попробуем на досуге =)
Да я вроде так и написал, хотя может немного размыто. Одна частица это файл. Файл летит к тому кто его изменяет.
Ага! Только он не коммиты тырит а файлы. Видимо ревизию делает какую то.
Поподробней можно что вы имеете виду. Есть нюанс в том что приложение смотрит в ветвь по-умолчанию, а ваши коммиты могут находиться в другой!
ВАУ! Классно! Я мечтал о таком сервисе! но еще бы можно было бы на страивать параметры для Gource еще круче было бы =)
Ага кстати на lingualeo.com на днях в версии The Who ее и слушал… она более инструментальная =)

Information

Rating
Does not participate
Location
Красноярск, Красноярский край, Россия
Date of birth
Registered
Activity