![](https://habrastorage.org/getpro/habr/upload_files/39d/e10/f7d/39de10f7dbcbda9ae9e1e68def5410a0.jpg)
В новом материале я хочу поговорить об истории визуализации данных. Речь не только о всяческих диаграммах (о чем недавно в нашем блоге была отдельная большая статья), но в принципе — как вообще появилась идея, что данные можно как-то кодировать и визуализировать? Как давно это началось? Через какие этапы развития прошла сама идея представления данных в наглядном виде? Есть ли еще куда развиваться, или мы уперлись в некий технический потолок? Обо всем этом и не только — читайте ниже.
Визуализация
В современном мире нас окружает такое количество данных, даже если не брать конкретно сферу IT, что их невозможно представить без приближенного и понятного визуализированного вида. Наглядность всегда побеждает цифры, в которых можно попросту утонуть.
Как отмечал мой коллега Сергей,
Визуализация процессов в большинстве случаев доносит информацию более эффективно, чем текст или аудио. В отличие от этих подходов, где возможны разночтения, визуальную презентацию все понимают примерно одинаково, и это очень удобно.
Диаграммы могут использоваться на разных этапах жизненного цикла разработки ПО — да и любого производственного процесса в принципе. По сути это просто набор лучших инженерных практик для визуального схематического моделирования сложных систем и этапов сложных процессов.
Хочу обратить особенное внимание на подчеркнутую фразу. Визуализировать можно все в принципе, не только прибыль или этапы проекта или курсы акций. Логично предположить, что те, кто впервые столкнулся с необходимостью представить данные в визуальном виде, делали это не по лирическим, а по совершенно необходимым практическим соображениям.
Строго говоря, «визуализация данных» и «инфографика» это разные вещи, хотя их очень часто употребляют как синонимы. Определения весьма запутаны, но попробуем их понятно объяснить: инфографика — это то, что нарисовал человек, а визуализация данных — это то, что сделал алгоритм. Еще говорят, что визуализация данных — это просто составная часть инфографики (в которую входят еще и иллюстрации и текстовые пояснения, как на что мы смотрим, так и про более широкий контекст вообще).
В этом тексте я буду использовать понятие визуализации данных в широком смысле.
С чего же все началось?
Доисторические придумки
Наверное, самым древним предметом, который показывает визуализирующую работу абстрактной мысли, можно назвать — нет, не изображения охоты на мамонтов на стенах пещер — а так называемую Кость Ишанго (Ishango bone), найденную в Конго в 1950 году.
![По разным заключениям, этому артефакту может быть от 6 до 19 (!) тысяч лет. По разным заключениям, этому артефакту может быть от 6 до 19 (!) тысяч лет.](https://habrastorage.org/getpro/habr/upload_files/b9c/b7c/340/b9cb7c340f2c39a80e10e3d6e3a59317.jpg)
Согласно одной из версий, перед нами первый в человеческой истории арифмометр (сделанный из малоберцовой кости бабуина) с тремя рядами насечек, которые, по-видимому как-то помогали людям производить вычисления. Разумеется, мы не знаем (и скорее всего никогда не узнаем) точного назначения Кости Ишанго — как и в случае с известным Фестским диском, каждый исследователь полагается на свою фантазию. Так что в разное время Кость Ишанго объявляли то бессмысленным набором узоров, то астрологической шпаргалкой, а то и вовсе календарем менструальных циклов.
Так или иначе, перед нами (при условии, что мы вообще признаем наличие смысла в этих узорах) вероятно первая в истории попытка визуализировать абстрактное — числа, количество — притом, что даже самих понятий подобного рода, как обычно представляют, еще не существовало.
![Для неспециалиста конечно это выглядит все просто чудовищно и непонятно Для неспециалиста конечно это выглядит все просто чудовищно и непонятно](https://habrastorage.org/getpro/habr/upload_files/17a/00f/0cf/17a00f0cfeb4d29ed8ec08727e64a812.jpg)
Затем мы делаем «небольшой» скачок на несколько тысячелетий вперед и оказываемся в древней Месопотамии. За 3 тысячи лет до нашей эры люди уже, как ни странно, не слишком отличались от нас в плане своих интересов. При расшифровке глиняных табличек шумеро-аккадской клинописи, вероятно, первой иероглифической системы записи данных, взору исследователей предстали совершенно понятные современному человеку вещи: записи о торговых сделках, юридические памятки, математические вычисления, художественные тексты (вроде «Эпоса о Гильгамеше»), личные письма…
Обратите внимание, что уже здесь числа записывались такими же черточками, как и буквы: прямой клин — для обозначения единиц и лежачий клин — для обозначения десятков внутри шестидесятеричного разряда. Новый шестидесятеричный разряд начинался с появлением прямого клина после лежачего клина, если рассматривать число справа налево.
Перед нами один из первых способов записывать различные данные, не только текст, но и числовые операции, а также различные длительные сообщения. Египетские иероглифы использовали также для чисел внешне неотличимые от букв и слов знаковые элементы.
![Хотя встречались и чисто изобразительные элементы, например, в них было не обойтись в пособиях по геометрии (Математический папирус Ахмеса, ок. 1550 до н. э.) Хотя встречались и чисто изобразительные элементы, например, в них было не обойтись в пособиях по геометрии (Математический папирус Ахмеса, ок. 1550 до н. э.)](https://habrastorage.org/getpro/habr/upload_files/3a9/1fc/950/3a91fc950ae687dff6a1fa795216e6ef.jpg)
Когда в 1950-х расшифровали микенское «линейное письмо B», там обнаружилась похожая картина: 87 слоговых знаков (из которых составлялись слова) и более 100 идеографических знаков, обозначающих товары и понятия.
Довольно долгое время иероглифического алфавита полностью хватало для передачи абстрактных и численных данных. Древним евреям было достаточно обычного 22-буквенного алфавита для записи чисел, которые кодировались теми же самыми буквами (каждая имела свое числовое значение от 1 до 400). Аналогичное решение проблемы с обозначением чисел на письме можно найти у древних греков, арабов, славян и тибетцев.
И все же в какой-то момент, по мере накопления данных и необходимости их обрабатывать, возникла потребность в схематической визуализации уже другого рода. Интересно, что это произошло довольно давно.
Рождение инфографики
После необходимой преамбулы перейдем непосредственно к предшественникам визуализации данных.
![Если отправляетесь куда-нибудь, я укажу вам верный путь — я карта, карта. Смело идите, куда захотели, я приведу вас прямо к цели — я карта, карта. Если отправляетесь куда-нибудь, я укажу вам верный путь — я карта, карта. Смело идите, куда захотели, я приведу вас прямо к цели — я карта, карта.](https://habrastorage.org/getpro/habr/upload_files/7df/f82/ecb/7dff82ecb1e7a08596c68062657066a1.jpg)
Перед вами Туринская папирусная карта, которая была создана в Египте около 1150 года до нашей эры. На ней запечатлен 15-километровый участок высохшего русла реки Вади-Хаммамат, места его слияния с двумя другими пересохшими руслами, а также — что, собственно, нас интересует — расстояние между карьером и рудником, расположение месторождений золота на окружающих холмах и сведения, относящиеся к каменоломне (в том числе размер вырубаемых каменных блоков перед перевозкой).
Туринский папирус — уникальный артефакт, который по сути первая в мире геологическая карта, обозначающая разные типы горных пород (черные и розовые холмы) и разные виды каменистых почв (коричневые, зеленые и белые точки). Глядя на эту карту с визуализированными данными, древнеегипетский чиновник, ответственный за поставку камня, мог спланировать полноценную экспедицию, рассчитать маршрут, количество ресурсов и учесть в своих вычислениях особенности местности.
В Европе с визуализацией данных долгое время все было плохо — хотя сама визуальная часть и довольно зубодробительные схемы уже с XII века появляются на страницах натурфилософских, астрономических, богословских и астрологических (в особенности), исторических и юридических манускриптов. По большей части, однако, такие схемы служили не визуально-репрезентативной, а мнемонической цели — чтобы большие объемы данных было легко запоминать и схематически воспроизводить в голове. Возможно и наши современные «деревья» и круговые диаграммы растут как раз оттуда, из каббалистических рисунков и схематических кругов средневековья, но это только предположение.
![](https://habrastorage.org/getpro/habr/upload_files/c4d/9a8/f84/c4d9a8f84aab67f7f38f95cc27ae5988.jpg)
![](https://habrastorage.org/getpro/habr/upload_files/cb1/89e/507/cb189e5076f8856b1afb554dd9ba53f6.jpg)
![](https://habrastorage.org/getpro/habr/upload_files/587/c75/bcf/587c75bcf218f7f46b6ece91071ed92f.jpg)
Стремительный рывок вперед
Когда началась эпоха Возрождения, практически все области человеческого знания совершили стремительную трансформацию, во многом приблизившись к тому, что мы знаем сегодня.
Визуализация данных обрела второе дыхание в период между окончанием Возрождения и началом победоносного шествия Просвещения. Начала появляться статистика, в частности, люди впервые стали задумываться о фиксировании демографии.
В 1665-м году, когда Лондон охватила крупнейшая в его истории эпидемия чумы (а сидящим на самоизоляции интеллектуалам по большей части было нечем заняться), лавочник Джон Граунт впервые составил демографический чарт жителей своего города, пока еще просто в виде сводной таблицы:
![](https://habrastorage.org/getpro/habr/upload_files/7ad/923/9bd/7ad9239bd9366074be560cf885221c07.jpg)
Примерно в то же время и тоже британец Джон Огилби нарисовал первый атлас дорог Британии со множеством пояснений и условных обозначений (а также придумал четкое понятие картографического масштаба и в принципе обозначать дорогу словом road):
![](https://habrastorage.org/getpro/habr/upload_files/001/dbb/6a0/001dbb6a0d9c4e6109fbcbf4c69d4d40.jpg)
А в 1769 году британский же химик Джозеф Пристли (вошедший в истории как первооткрыватель кислорода!) нарисовал совершенно монументальную вещь, «карту времени» — инфографику, на которой обозначил сравнительные периоды процветания разных империй и культур. Ось X демонстрировала продолжительность периода господства, славы и влияния; ось Y — уровень развития общества, значимые события, интеллектуальный прогресс. Выглядит это до сих пор фантастически.
![](https://habrastorage.org/getpro/habr/upload_files/223/18c/e50/22318ce5019ee177c8f1006e14428af2.jpg)
И, наконец, мы переходим уже практически к современности — еще один англичанин (ну разумеется) Уильям Плейфэр в конце XVIII века изобретает все те диаграммы, которые мы используем до сих пор: в 1786 году линейчатый график и гистограммы для представления экономических данных и в 1801 году секторную диаграмму в круге и круговую диаграммы.
Для своего времени Плэйфэр выглядел просто гением (которым он и был). Вся экономика Англии была для него видна как на ладони: торговый баланс, соотношение экспорта и импорта, график, совмещающий три показателя: уровень цен на пшеницу, уровень заработной платы и периоды правления монархов за период с 1565 по 1820 год.
Графики Плэйфэра изменили многие представления об экономике: например, до его визуализаций считалось, что высокую стоимость зерна провоцирует повышение зарплат, однако график четко показал, что стоимость зерна росла намного быстрее, чем зарплата рабочих. Кажется, Плэйфэру бы нашлась работа даже сегодня.
![](https://habrastorage.org/getpro/habr/upload_files/a48/9ec/78d/a489ec78d4505b04708bed27e611ce22.jpg)
![](https://habrastorage.org/getpro/habr/upload_files/9b3/b9f/97e/9b3b9f97e2b0b7f13ca580035d1208b2.jpg)
![](https://habrastorage.org/getpro/habr/upload_files/1a0/cb9/0ec/1a0cb90ec7412efcb5781352798cb229.png)
![](https://habrastorage.org/getpro/habr/upload_files/fc1/2f6/e23/fc12f6e23c8c033beceb1b2d1b182ee4.jpg)
По-моему это совершенно потрясающий факт: 250 лет спустя, мы со всеми своими нейросетями и айфонами по-прежнему пользуемся теми моделями визуализации данных, которые придумал Плэйфэр, родившийся еще до Наполеона и живший во время, когда не было ни электричества, ни фотографии, ни автомобилей.
Почему так? Неужели эти способы действительно объективно самые лучшие и развиваться в визуализации дальше некуда?
Еще одно интересное добавление к разработкам Плэйфэра в XIX веке сделала легендарная медсестра Флоренс Найтингейл (1820 – 1910), которая работала в госпитале во время Крымской войны. Ее мучил вопрос избыточной смертности солдат, и чтобы убедить начальство в необходимости изменений, Найтингейл придумала оригинальный способ визуализации данных по причинам смертности, напоминающий розу ветров.
![](https://habrastorage.org/getpro/habr/upload_files/7de/213/eee/7de213eee2a200ee8f44f544844757b6.jpg)
Появившаяся примерно в то же время «Диаграмма торгового движения по Канал дю Центр в 1844 году» француза Шарля Жозефа Минара уже выглядит практически современно:
![](https://habrastorage.org/getpro/habr/upload_files/285/00a/956/28500a9568abb039bbd2e66d3373ee38.jpg)
А вот его же график, анализирующий спустя 50 лет причины поражения Наполеона в российской кампании (в частности, сопоставляются передвижения войск и температура воздуха):
![](https://habrastorage.org/getpro/habr/upload_files/d41/799/3d3/d417993d368674447c09755f6c3a5ce0.jpg)
Перспективы?
Любопытно, что какой-то исчерпывающей истории визуализации данных на текущий момент не существует (этим заявлением открывается работа Friendly, Michael (2008). "A Brief History of Data Visualization"). Еще любопытнее: куда визуализация может двинуться дальше? Мы используем компьютерное визуальное представление данных каждый день, в презентациях, в отчетах, в исследовательских целях. Но как будто бы ничего радикально нового уже давно в этой области не происходит.
Вот, например, в 1990-х появился treemap, тоже полезная штука, но как будто все это уже было. Scatter point в 3D, mindmap и displaying connections тоже вроде как относительно новые методы, но во-первых они базируются на старых инструментах, во-вторых (сугубо по мнению автора этих строк) хуже читаются, чем классические типы визуализации.
![](https://habrastorage.org/getpro/habr/upload_files/ad5/646/908/ad5646908f6ddab97343a6bf55291de9.jpg)
В целом же у нас есть семь базовых инструментов визуализации +- еще несколько часто используемых, и все они были придуманы, как показано в тексте, уже довольно давно. Может быть достаточно и того, что есть?
Расскажите в комментариях, что думаете по этому поводу — и спасибо, что дочитали!
CrazyElf
Честно говоря, все представленные визуализации не очень информативные. Хотя стили, конечно, интересные. Но современные дизайнеры всё это раскритиковали бы. Слишком много категорий, надписи не видно, понятный заголовок отсутствует, цветовая гамма не выдержана и т.д. и т.п.