Pull to refresh

D3?

Lumber room
Попыталась зарегистрировать пару интересных доменов. За хуизами нашлось кое-что интересное, цитирую:

% By submitting a query to RU-CENTER's Whois Service
% you agree to abide by the following terms of use:
% www.nic.ru/about/servpol.html (in Russian)
% www.nic.ru/about/en/servpol.html (in English).

domain: D3.RU
type: CORPORATE
nserver: ns1.dirty.ru
nserver: ns2.dirty.ru
state: REGISTERED, DELEGATED
person: Jovan M Savovic
phone: +7 495 1324757
fax-no: +7 495 1324757
e-mail: jovan@jovan.ru
registrar: RUCENTER-REG-RIPN
created: 2003.06.17
paid-till: 2007.12.06
source: RU-CENTER

При открытии d3.ru наблюдается традиционный dirty.ru. Возникает резонный вопрос — WTF? Нарисовали НЛО в шапке — а теперь и адрес сменить хотят?..
Total votes 15: ↑10 and ↓5 +5
Views 448
Comments 12

Визуализация личных расходов

Лаборатория данных corporate blog Data visualization *
Недавно в рубрике «Вопрос-ответ» меня попросили улучшить таблицу личных финансов.

Эта тема оказалась настолько интересной, что я не поленилась выгрузить из своего интернет-банка данные о тратах за последние 2 года, и мы в лаборатории сделали из них интерактивную визуализацию на D3: http://budget.datalaboratory.ru

Визуализация показывает каждую отдельную транзакцию и общее распределение трат во времени, по категориям, дням недели и времени суток. При наведении всплывает подсказка с суммой, категорией и конкретным товаром (если его удалось вспомнить). Расходы в иностранной валюте показаны флагами стран внизу графика и иллюстрируют мои перемещения.


Читать дальше →
Total votes 24: ↑18 and ↓6 +12
Views 19K
Comments 29

Гибридные приложения в Qt на примере использования D3.js

JavaScript *Programming *C++ *Qt *Data visualization *
Tutorial
D3 — мощная JavaScript библиотека для визуализации данных. На мой взгляд — просто рай для web-разработчика, казалось бы недоступный для Qt-программиста. Но гибкость фреймворка Qt позволяет интегрировать web-frontend в толстый клиент с помощью механизма Qt Web Bridge. Такие приложения получили наименование гибридные (Qt Hybrid Apps).

Для JavaScript-программистов хорошая новость заключается в том, что их решения можно легко интегрировать в Desktop приложения, что потенциально может увеличить целевую аудиторию пользователей разрабатываемых библиотек (во всяком случае это верно для мира Qt приложений).

На скриншоте ниже изображен виджет Dependency Wheel (Круг Зависимостей), отрисовка которого осуществляется с помощью D3.js а управление данными и отображением — с помощью Qt. При нахождении указателя над соответствующей дугой её взаимосвязи «подсвечиваются», а остальные становятся полупрозначными. Данный виджет можно использовать для визуализации различного рода зависимостей (например библиотек).

В отличии от оригинального JS решения диаграмма динамически изменяет размер под размер виджета, а данные устанавливаются на стороне Qt, а не с помощью загрузки JSON-файла.

Статья больше ориентирована на Qt-программистов, но также может быть интересна и JS программистам.


Читать дальше →
Total votes 25: ↑23 and ↓2 +21
Views 27K
Comments 13

Демо: Инкрементальный парсер для Web IDE

Programming *Scala *Compilers *


Уважаемые коллеги,

я сделал Демонстрационное веб-приложение, наглядно иллюстрирующее, что такое инкрементальный парсер, и как он работает. Посмотрите его, пожалуйста. Буду рад услышать ваши отзывы и критику.

А под катом я расскажу, о том, как работают современные IDE. И как проект, над которым я сейчас работаю, может помочь вывести индустрию разработки веб-редакторов на новый уровень.
Как сделать настоящую IDE для Java, работающую полностью в вебе
Total votes 57: ↑55 and ↓2 +53
Views 14K
Comments 18

[Перевод] Не стоит бояться функционального программирования

JavaScript *Functional Programming *Data visualization *
Представляю вашему вниманию перевод проскользнувшей недавно в ссылках дайджеста статьи Джонатана Моргана о функциональном программировании на примере JavaScript. Материал рассчитан на начинающих, но тем не менее он достаточно интересен.

Буду признателен за конструктивные замечания и предложения по опечаткам, переводу и/или оформлению. Приятного чтения!
Читать перевод
Total votes 42: ↑39 and ↓3 +36
Views 38K
Comments 20

Как в проекте заменить jQuery на D3

Website development *JavaScript *jQuery *
Translation
Создавая визуализации или интерактивные страницы, мы часто используем комбинацию из jQuery и D3. Причём в основном используется D3, а из jQuery берут небольшой набор функций для манипуляций с DOM.

И хотя в D3 есть мощные возможности – селекторы и обёртка для ajax, часто нам не хватает каких-то функций из jQuery. Мы покажем, как можно заменить jQuery, используя D3 повсеместно. В результате ваш код упростится, объём проекта уменьшится, и вы не будете смешивать разные подходы, а будете использовать функции так, как принято в D3.

Для начала рассмотрим, в чём эти две библиотеки сходятся. Это удобно для тех, кто уже знает jQuery, и хочет изучить D3.

Схожести


Селекторы

Обе библиотеки основаны на простых в использовании, но богатых на возможности селекторах.

jQuery

$('.foo').addClass('foobar');
$('.foo').removeClass('foobar');


D3

d3.selectAll('.foo').classed('foobar', true);  
d3.selectAll('.foo').classed('foobar', false); 


Управление стилями и атрибутами

jQuery

$('.foo').attr('data-type', 'foobar');
$('.foo').css('background', '#F00');


D3

d3.selectAll('.foo').attr('data-type', 'foobar');  
d3.selectAll('.foo').style('background', '#F00');  

Читать дальше →
Total votes 25: ↑19 and ↓6 +13
Views 19K
Comments 16

8 JavaScript библиотек для визуализации данных в виде интерактивных карт

JavaScript *Big Data *Data visualization *
Sandbox
Визуализация данных стала неотъемлемой частью жизни практически каждого веб-разработчика. Если построение графиков, диаграмм, карт и дашбордов до сих пор никогда не были вашей головной болью, просто немного подождите: наверняка и вы скоро вступите в наш «клуб».

Данная статья дает общее, но вовлеченное представление о восьми самых интересных, на мой взгляд, JavaScript-библиотеках для построения интерактивных геовизуализаций. В целом, таких решений сейчас много, и выбрать оптимальное под тот или иной конкретный проект – задача порой непростая как минимум по времени. Этой публикацией я попытаюсь хотя бы немного упростить жизнь тем, кто только начинает разбираться в данной теме. Кстати, это слегка модифицированный перевод моей недавней статьи на Onextrapixel (оригинал на английском).

Заглавная картинка: визуализация данных с помощью интерактивных карт
Читать дальше →
Total votes 28: ↑28 and ↓0 +28
Views 34K
Comments 14

Визуализация данных в браузере с помощью D3.js

Конференции Олега Бунина (Онтико) corporate blog Web design *Vector graphics *Interfaces *


Михаил Дунаев ( war_hol )


С визуализацией данных и с различными диаграммами мы сталкиваемся каждый день, это какие-то Google Analitics, Интернет-банки, это Excel и т.д.



На самом деле графики преследуют человечество всю нашу историю. Одна из первых визуализаций данных — это Х век н.э. Неизвестный астроном изобразил с помощью диаграмм движение небесных тел:
Total votes 41: ↑38 and ↓3 +35
Views 21K
Comments 11

Рекомендательная система на коленке как средство против экзистенциального кризиса

Perl *Programming *Data Mining *Data visualization *Machine learning *
Может быть отсылка к экзистенциальному кризису звучит слишком громко, но лично для меня проблема поиска и выбора (или выбора и поиска, это имеет значение) как в мире интернета так и в мире простых вещей по мучениям иногда приближается к нему. Выбор фильма на вечер, книги неизвестного автора, сосисок в магазине, нового утюга — дикое количество вариантов. Особенно когда не очень знаешь чего хочешь. Да и когда знаешь, но не можешь попробовать — тоже не праздник — мир разнообразен и все сразу не перепробуешь.

image

Рекомендательные системы сильно помогают в выборе, но не везде и не всегда так как хотелось бы. Часто не учитывается семантика содержания. Кроме того, во весь рост встает проблема "длинного хвоста", когда рекомендации сосредоточены только на самых популярных позициях, а интересные, но не очень популярные в массе вещи ими не охвачены.

Cвой эксперимент в этом направлении я решил начать с поиска интересных текстов взяв для этого довольно небольшое, но пишущее сообщество авторов, которые еще остались на блоговой платформе Живой Журнал. О том как сделать собственную рекомендательную систему а в результате получить еще и помощник в выборе вина на вечер — под катом.
Читать дальше →
Total votes 17: ↑16 and ↓1 +15
Views 11K
Comments 7

Как подружить React и D3

JavaScript *Data visualization *ReactJS *
Sandbox

D3 одна из наиболее популярных javascript-библиотек для создания динамических и интерактивных визуализаций данных. Сегодня ее используют сотни тысяч сайтов и web-приложений.


В интернете огромное количество примеров – от банальных линейных графиков до динамически обновляющихся диаграмм Вороного – созданных с помощью этой библиотеки. Кажется, что можно найти готовый код для любой самой причудливой визуализации и лишь немного модифицировать его «под себя».


Однако, интеграция D3 в web-приложение, построенное на React, на практике оказывается не самой простой задачей.


Читать дальше →
Total votes 12: ↑11 and ↓1 +10
Views 20K
Comments 2

Визуализация данных при помощи Angular и D3

JavaScript *Angular *
Translation
Tutorial
D3.js — это JavaScript библотека для манипулирования документами на основе входных данных. Angular — фреймворк, который может похвастаться высокой производительностью привязки данных.

Ниже я рассмотрю один хороший подход по использованию всей этой мощи. От симуляций D3 до SVG-инъекций и использования синтаксиса шаблонизатора.

image
Демо: положительные числа до 300 соединенные со своими делителями.
Читать дальше →
Total votes 30: ↑30 and ↓0 +30
Views 21K
Comments 3

Обзор модулей расширения Snom D3 и D7

Network technologies *Asterisk *Development of communication systems *Gadgets


В предыдущих обзорах настольных IP-телефонов Snom не раз мелькало упоминание модулей расширения с дополнительными программируемыми функциональными клавишами. Пришла пора подробнее рассказать об этих модулях, которые выпускаются отдельно для линеек D3xx и D7xx.
Читать дальше →
Total votes 7: ↑6 and ↓1 +5
Views 1.6K
Comments 3

10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах

Website development *JavaScript *Programming *Big Data *Data visualization *
Translation
Есть в графиках что-то магическое. Изгиб кривой мгновенно раскрывает всю ситуацию — историю развития эпидемии, паники или периода процветания. Эта линия просвещает, пробуждает воображение, убеждает.
Генри. Д. Хаббард
Объемы данных, с которыми нужно работать, постоянно увеличиваются. И чем больше информации, тем сложнее ее обрабатывать. Вот почему сейчас стала особенно популярна тема визуализации данных — в виде графиков, диаграмм, дашбордов, желательно интерактивных. Визуальное представление данных позволяет нам, людям, тратить меньше времени и сил на их просмотр, анализ и осмысление, а также на принятие правильных, информированных решений на основе этого.

Вряд ли кто-то станет отрицать, что в современном HTML5 вебе JavaScript — самая универсальная и простая технология для визуализации данных. Так что, если вы занимаетесь фронтенд-разработкой, то вы, скорее всего, либо уже имели дело с созданием JS чартов, либо столкнетесь с этим в (скором) будущем.

Существует множество JavaScript библиотек для построения графиков и диаграмм, каждая из которых (как и любые другие инструменты) имеет свои плюсы и минусы. Чтобы облегчить вам жизнь, я решил рассказать о тех из них, которые нравятся мне больше всего. Я считаю, десять следующих библиотек — это лучшие JS библиотеки для создания графиков, и они действительно способны помочь решить практически любую задачу по визуализации данных. Давайте вместе пройдемся по списку и убедимся, что они вам известны хотя бы базово и вы не упустили из виду какую-нибудь хорошую библиотеку, которая может оказаться полезной в текущих или будущих больших проектах.

Заглавная картинка: визуализация данных на графиках и диаграммах

Что ж, приступим: вот лучшие JS библиотеки для визуализации данных!
Читать дальше →
Total votes 31: ↑27 and ↓4 +23
Views 95K
Comments 29