Pull to refresh

В GitHub добавили поддержку диаграмм Mermaid

Reading time 1 min
Views 7K
GitHub *Technical Writing *

В GitHub появилась возможность добавлять в md-файлы динамические диаграммы с помощью генератора Mermaid. До этого диаграммы вставлялись в виде изображений или «рисовались» с помощью символов из ASCII-таблицы. Теперь же полноценную поддержку схем добавили в синтаксис разметки Markdown.

Читать далее
Total votes 36: ↑35 and ↓1 +34
Comments 8

Визуализация архитектуры с помощью C4 модели и PlantUML

Reading time 12 min
Views 5.5K
Usetech corporate blog System Analysis and Design *UML Design *Technical Writing *

Приветствую, коллеги. Меня зовут Мстислав, я являюсь руководителем Python практики в Usetech. В этой статье я раскрою нюансы работы с PlantUML и C4 моделью. Вся информация является выжимкой из нашего ежедневного опыта. Также необходимо упомянуть, что на эту тему я проводил воркшоп на TechLeadConf 2022, так что при желании, вы всегда можете найти видео.

Читать далее
Total votes 6: ↑5 and ↓1 +4
Comments 4

Графики и диаграммы становятся подвижными

Reading time 2 min
Views 5.1K
Interfaces *
Исследователи из Массачусетского технологического института нашли способ, как отображать активность в ньюс-группах на интерактивных анимированных графиках. По мнению ученых, они гораздо информативнее, чем статичные диаграммы, и в будущем анимированные графики будут стандартным элементом любой презентации.
Читать дальше →
Total votes 16: ↑13 and ↓3 +10
Comments 8

Прилежные регионы тянут на дно

Reading time 1 min
Views 533
Lumber room
Вроде бы две недели прошло после результатов думоизбрания. Но осадочек остался. Светлые умы догадались раздобыть циковские данные и покрутить их всячески. Знаете, иногда в процессе такого эксплоринга столько всего интересного вылезают. Я наблюдал.

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

Так как доли партий в сумме составляют 100% (хотя мы помним, что в Мордовии легко перешагивают через подобный арифетический архаизм), то естественно при увеличении одной превалирующей доли другие будут понижаться.

Кореляция между явкой и партиями

Читать дальше →
Total votes 31: ↑21 and ↓10 +11
Comments 49

Я обожаю красивые диаграммы

Reading time 2 min
Views 1.1K
Lumber room
Один мой коллега сказал однажды: «А что, это обязательно — всякие красивые графики рисовать. Убитое время!» Полагаю, что не обязательно. Однако, я терпеть не могу, когда люди не могут позаботиться о конечном представлении их труда. Вроде того что помылся, побрился, поел, попил кофе, вышел на улицу, и тут ему указали на то, что на ушах носки, на заднице три отпечатка от ботинок и вылитая бутылка кетчупа на сорочке. Непредусмотрительно, в общем.

Первое правило, о котором пишет Желязны (автор бестселлера по диаграммам):
Используйте вашу основную идею в качестве заголовка диаграммы. Следуя этому совету, вы поможете читателю правильно понять вашу мысль и приобретете уверенность в том, что он сконцентрирует свое внимание именно на том аспекте представленных данных, который особенно важен.

Мое мнение, что без этого график и его идея не достигнет своей цели. Никаких безликих «план продаж», «источники инвестиций», и особенно «доля рынка» :)
Пример названия у графика
Читать дальше →
Total votes 13: ↑12 and ↓1 +11
Comments 15

Кандидаты, говорите поровну!

Reading time 1 min
Views 458
Lumber room
В демократических странах перед серьезными выборами проводятся дебаты, респонденты должны убедиться — правильный ли выбор они делают. У нас плюют на это дело. Да с такой силой, что даже главный ставленник, надежда всей страны (!) может себе позволить не участвовать.

Остается смотреть как это проходит у них. СМИ-законодатель умных, современных средств визуализации данных New York Times представил вниманию такую штуку: анализатор дебатов. С полной транскрипцией реплик, их очередности, количеством слов. Отлично реализован поиск — про войну кандидаты в президенты говорили 19 минут, а про мир только 56 секунд.

Наверное, это круто — иметь такую политическую систему, когда каждый кандидат говорит в среднем по 11 минут, а стандартное отклонение равно всего полторы минуты. А не жопу.



Остальное в блоге
Total votes 42: ↑38 and ↓4 +34
Comments 98

Граффики

Reading time 2 min
Views 677
Lumber room
Ха! А вот и не опечатка!

Долго играл этими словами «графики» — «графитти»; конечно, они однокоренные. Все эти греческие «графо». Только итальянцы немного стилизовали (у них это неплохо получается ;)

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

Я уже неоднократно призывал доносить цифры ярче. Использовать программы с умом и эстетикой. Теперь попробуем обойтись без какого-либо ПО. Вперед, к истокам! ;)

График в граффити
Читать дальше →
Total votes 47: ↑40 and ↓7 +33
Comments 51

Визуализации фантазий на Mac

Reading time 1 min
Views 1.8K
IT-companies
завитки

Какое-то невероятное приложение под Mac отыскалось сегодня в дебрях веба. NodeBox — для создания ярких и необычных визуализаций на Питоне. Программа абсолютно бесплатна и полностью документирована. На сайте разработчика пленительные волосатые вселенные ;) и визуализации таксономии социальных сетей. Я пока никак не могу подступится к этой штуке, настолько она нетривиальна.

И все бы ничего, если бы ребята из Juiceanalytics не продемонстрировали интересные возможности этого чудо-приложения.
Читать дальше →
Total votes 10: ↑8 and ↓2 +6
Comments 1

Графики и диаграммы: часто задаваемые вопросы

Reading time 3 min
Views 3.2K
Lumber room
Translation
Новичок в визуализации данных? Тогда держи ответы на часто задаваемые вопросы.

Что же такое диаграмма?

Просто открой глаза, и невероятные объемы данных проникнут в твой мозг в ту же секунду. Данные обрабатываются мгновенно и вот ты уже понимаешь окружающий мир. Появляется формы и структуры и ты уже можешь отделить мух от котлет.
Образно, график — отличный инструмент, преимущество которого в том, что ты можешь отразить числа в пространстве. Как только точки начнут выстраиваться одна за другой, ты увидишь схему, которую вряд ли бы обнаружил, просто разглядывая числа. При этом, когда ты создаешь диаграмму, главной твоей заботой должно быть упростить обнаружение этой схемы. Все остальное уже не нужно. Все остальное — просто маркетинг ;)

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

Да потому что данные — это ценность, и ты должен добыть из них как можно больше. Потому что графики позволяют эффективно обрабатывать информацию. Потому что дают понять то, что ты не поймешь, используя другие способы. И просто потому что они берегут время.
Читать дальше →
Total votes 22: ↑18 and ↓4 +14
Comments 13

Краткий обзор лучших средств для построения графиков и диаграмм.

Reading time 1 min
Views 3.5K
Lumber room
Из всех наведенных примеров мне больше всего понравился Open Flash Chart. Который я заслужено поставил на первое место. Все остальные, мне показались тоже не плохими но для работы я выбрал именно Open Flash Chart.
Open Flash Chart – FLASH компонент для построения диаграмм. Он имеет много настроек и легко взаемодействует с PHP, Perl, Python, Java, Ruby on Rails, and .Net. Также может читать данные с .txt файлов.

смотреть другие скрипты для построения графиков и диаграмм
Total votes 21: ↑21 and ↓0 +21
Comments 14

Как улучшить восприятие столбиковых диаграмм?

Reading time 3 min
Views 4.4K
Interfaces *
Проблема: чтобы «прочитать» обычную столбиковую диаграмму, приходится дополнительно искать ключ её пониманию — читать подпись навроде «меньше значит лучше».

Ниразу не символично и, как следствие, замедляет восприятие и чревато ошибками. А ведь диаграммы и созданы как раз для того чтобы предоставлять информацию на этом символическом уровне, а не заставлять читать текст (привет таблицам). Таким образом, эти сопроводительные надписи противоречат самой идее диаграммы.

Дополнительная трудность состоит в том, что если диаграмм собралось в одном месте много, становится трудно переключаться между противоположными полаганиями: «чем меньше, тем лучше» и «чем больше, тем лучше».

The problem
(копия изображения)

Задача: на символическом уровне показать кто выигрывает, а кто проигрывает (в какой стороне хорошо, а в какой плохо).

Читать дальше →
Total votes 52: ↑42 and ↓10 +32
Comments 112

Диаграмма что дышло, как повернул — так и вышло

Reading time 2 min
Views 1.1K
Presentations
При представлении цифровых данных тот, кто хорошо умеет строить диаграммы, имеет решающее преимущество перед тем, что этого делать не умеет.

Вот, например, довольно типичный кейс: нужно продемонстрировать динамику количества абонентов. Предположим, что если руководство поверит, что динамика хорошая, то нам дадут премию (или хотя бы не уволят).
Читать дальше →
Total votes 22: ↑22 and ↓0 +22
Comments 4

Оригинальные формы выражения в диаграммостроении

Reading time 2 min
Views 1K
Infographics
Джин Желязны в своей книге «Говори на языке диаграмм» предложил весьма забавное упражнение, с помощью которого можно оценить насколько эффективно (или неэффективно) та или иная форма диграммы может представлять лежащие за ней данные.

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

Правила:
— думать нельзя,
— нельзя возвращаться к уже просмотренному,
— нельзя стирать и менять свои решения, поскольку мы договорились, что вы не будете думать.

Go, go, go!

Читать дальше →
Total votes 4: ↑4 and ↓0 +4
Comments 2

Удобны ли диаграммы Гантта в разработке ПО?

Reading time 4 min
Views 11K
DEVPROM corporate blog
Как известно, разработка программного обеспечения является длительным процессом, в котором в основном участвуют люди в разных частях этого процесса.

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

По причине широкого распространения и относительно удобной визуализации описываемого процесса, эти диаграммы часто используются на стадии планирования при разработке программного обеспечения. Но так ли удобны и необходимы эти диаграммы в разработке ПО?

Читать дальше →
Total votes 33: ↑24 and ↓9 +15
Comments 26

Как лучше визуализировать «Банановое исследование»?

Reading time 2 min
Views 5K
Presentations
Наткнулся на днях на интересное исследование, которое было опубликовано на блоге «про маркетинг».

Результаты, конечно, впечатляют Но вот визуализация цифр просто кошмарная Требуется много времени, чтобы картинка уложилась в голове. А особенно в период кризиса мы должны экономить рабочее время сотрудников

Давайте посмотрим, как можно сделать цифры более наглядными.
Читать дальше →
Total votes 63: ↑44 and ↓19 +25
Comments 29

Как оформить диаграмму — формализованный алгоритм

Reading time 3 min
Views 2.3K
Infographics
Вначале были данные. Вы уже проанализировали их, нашли интересные зависимости или, наоборот, отсутствие зависимости. Возможно даже построили промежуточную диаграмму чтобы эти зависимости выявить. Главное не останавливаться, потому что то что получилось само собой не всегда есть лучшее.

Далее следует простой формализованный алгоритм как проиллюстрировать данные диаграммой. Вкратце, он таков:

           Идея → Тип сравнения → Тип диаграммы

 

Ищем идею



Идея есть сама суть того что мы собираемся рассказать пользователю при помощи диаграммы. Рождается либо «сама», в результате обнаружения зависимости, либо «от ума», когда хочется подтвердить свои мысли, идеи, свой образ жизни на протяжении последней пары лет, а может даже — о ужас! — что-то внушить целевой аудитории; тут уж как у кого получится :-)
Читать дальше →
Total votes 5: ↑3 and ↓2 +1
Comments 2

Так оно растет или как?

Reading time 1 min
Views 553
Presentations
Мы продолжаем регистрацию на бесплатный интернет-семинар (вебинар) по теме «Манипулятивная диаграммология», а сегодня расскажем об очередных приемах подачи диаграмм.

В современном мире капитализма «рост» — понятие весьма относительное.

Посмотрим на это через призму диаграмм: вот торговое предприятие, у которого открываются новые торговые точки. Казалось бы, надо радоваться!
Читать дальше →
Total votes 2: ↑2 and ↓0 +2
Comments 2

Как не дать диаграммам себя обмануть

Reading time 4 min
Views 13K
Presentations
Мы продолжаем развивать тему манипуляций с диаграммами в презентациях (и не только в них) и сегодня я представлю интересную статью. Вы сможете на себе испытать все приемы приведенные в ней :)

Кстати, мы продолжаем записывать всех на бесплатный онлайн видеосеминар «Манипулятивная диаграммология», который пройдет 5 марта 2009 года.

Итак, налейте себе вкусного чая или кофе, возьмите что-нибудь вкусненькое и начинайте читать:
Total votes 80: ↑77 and ↓3 +74
Comments 30

Манипуляция с помощью диаграмм. Самое интересное (вебинар от 5 марта 2009).

Reading time 1 min
Views 1.6K
Presentations
5 марта состоялся наш первый видео-семинар. Тема: «Манипулятивная диаграммология». Или другими словами «как не попадаться на обман с помощью искажения цифровой информации».

Так как далеко не все смогли присутствовать в онлайне, выкладываем сокращенную версию (10 минут):
Читать дальше →
Total votes 10: ↑6 and ↓4 +2
Comments 13