Comments 28
Круто! Хоть кто-то в дизайне делом занят, а не синие тени рисует.
20 минут разглядывал диаграмму пассажиропотока красной ветки московского метро. Потом случайно увидел приписку на полях, что данные на диаграмме вымышленные. :/
Скажите, пожалуйста, какие данные показывает график на КДПВ? Что мешает сделать ровный нижний край?
Если в двух словах: когортный анализ эффективности источника в маркетинговых целях. Вся цветная колбаса — доход, который принёс Яндекс, разноцветные слои — недельные когорты. Каждую неделю доход от Яндекса складывается из доходов по когортам, стартовавшим ранее. Цвет показывеает эффективность (ROI) каждой когорты.
Можно сделать ровный нижний край, но с ним большие перепады высот выглядят слишком резкими и хуже читаются.
Можно сделать ровный нижний край, но с ним большие перепады высот выглядят слишком резкими и хуже читаются.
То есть, положение нижнего края ничего не значит? Просто так кривуля по планшету прошла?
Ещё у вас в первой отсчёте $2500, а в последней $2230, почему 2500 ниже? А, стоп, надо на ширину смотреть. Но там и снизу вроде горб большой, над цифрами 25%. Объясните, пожалуйста, ничего не понятно на графике.
Ещё у вас в первой отсчёте $2500, а в последней $2230, почему 2500 ниже? А, стоп, надо на ширину смотреть. Но там и снизу вроде горб большой, над цифрами 25%. Объясните, пожалуйста, ничего не понятно на графике.
За исключением некоторых аномалий общая форма графика симметрична относительно горизонтальной оси. Так что, скорее всего, не просто так кривуля по планшету прошла, а просто графики разрастаются в обе стороны сразу — вверх и вниз. Для чего — Таня ответила.
Это так называемый Streamgraph, который является разновидностью stacked area graph (это которые «диаграммы с областями с накоплением» в Excel), точнее, наоборот, stacked area graph — это частный случай Streamgraph.
Положение нижнего края выбирается специальным образом, чтобы улучшить читаемость графика, в данном случае использовался симметричный вариант, который сглаживает пики графа. Понятное дело, если бы данные были изначально пологими, как слоёный пирог, это не имело бы смысла. Для других случаев могут использоваться иные базовые уровни, если интересна математика и хотите больше подробностей, почитайте оригинальную статью изобретателя этого вида графика: Stacked Graphs – Geometry & Aesthetics.
Положение нижнего края выбирается специальным образом, чтобы улучшить читаемость графика, в данном случае использовался симметричный вариант, который сглаживает пики графа. Понятное дело, если бы данные были изначально пологими, как слоёный пирог, это не имело бы смысла. Для других случаев могут использоваться иные базовые уровни, если интересна математика и хотите больше подробностей, почитайте оригинальную статью изобретателя этого вида графика: Stacked Graphs – Geometry & Aesthetics.
А как Вы такую красоту сделали?
Интересно будет прочесть про работу в Лаборатории над большими массивами данных: подробненько от гипотез и сбора данных, до обработки и визуализации. И буду рад регулярному появлению на Хабре Infotanka, с почином!
Здорово! А что там у вас для марафонцев?
Как раз после доклада про марафон на 404fest решил пригласить её к нам на сайт :) Надеюсь, Татьяна расскажет об этом более подробно.
Визуализация результатов Московского марафона: moscowmarathon.datalaboratory.ru Подробности в следующих постах :-)
Как вы совмещаете визуализацию данных и работу с этими данными? Cамый интуитивный способ модификации отображаемых на графике данных непосредственно во время их просмотра, но графики абсолютно не приспособлены к подобным WYSIWYG модификациям, приходится искать источник данных и править там. Есть решение?
Есть решения, вот, например, я писал про dc.js. Raphaël.js, D3.js и другие инструменты помогают делать именно интерактивную инфографику, так что возможность динамически менять картинку есть, но в общем случае «дизайн» всё равно нужно создавать под конкретные данные.
Как верно заметил KoGor, дизайн визуализации разрабатывается под конкретные данные и включает в себя интерфейс работы с ними. В качестве инструментов используем джаваскриптовые библиотеки, в основном D3.
Какие есть визуальные среды для работы, например, с D3.JS? Не только ручками же все прописывается?
Ручками.
Учитывая возможности современных текстовых редакторов (например, Sublime Text), всё не так уж и плохо, даже несмотря на то, что плагинов именно под D3.js на сегодняшний день нет. А вообще есть всевозможные надстройки над D3.js, вот, например, сервис в стиле drag'n'drop: Raw, правда возможности его пока весьма скромные.
Таня, а вы интересуетесь визуализацией математики (как в пакетах типа Маткада) или только визуализацией данных?
Звучит интересно, но ничего подобного мы пока не делали. Расскажешь подробнее?
MathCAD, Maple, Wolfram Mathematica — пакеты с многолетней историей и достичь уровня их возможностей при демонстрации результатов через интернет — задача более чем грандиозная. Пока что, кроме MathBox.js, вроде как, никто и не пытался сделать что-то подобное. С данными в этом плане ситуация много лучше.
Интересная визуализация текстовых данных )
Очень крутой стартап. Желаю плотного потока заказчиков :)
Ммм… Я один ничего не понимаю на графике из шапки топика?
Sign up to leave a comment.
Лаборатория данных