Как визуализировать двумерные научные точки данных на диаграмме... в оттенках серого?

Я не уверен, что это правильный сайт для этого вопроса. Модель взята из физики, данные получены из вычислительной физики, график сделан с помощью LaTeX, но мой вопрос касается представления и компоновки всего этого.

Вы можете нажать на все изображения, чтобы получить векторный PDF.


У меня есть точки данных, которые зависят от двух параметров, поэтому я сделал с ними трехмерный график:

http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/mesh.png

Я думаю, что это создает хорошее впечатление, что данные падают для малых «а» и что есть выпуклость для средних размеров «сигма». Тем не менее, вы не можете прочитать какие-либо цифры с этого. Хотя мне это нужно.

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

http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/a-E0-solid-dotted.pdf.png

Для меня приведенная выше версия является самой читаемой версией из всех. Соединительные линии между точками не совсем оправданы с научной точки зрения, так как я не могу предположить, что они хорошо описывают там физику. Единственное, что может иметь какое-то значение, — это интерполированные линии, которые я расставил точками в приведенной выше версии.

Было бы более научно, если бы это было так, без соединения отрезков:

http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/a-E0-none-solid.pdf.png

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

Может быть, я могу использовать пунктирную линию, чтобы помочь глазу читателя, но ничего не подразумевая, например:

http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/a-E0-dotted-solid.png

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

http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/Abbildung-minus1-fein.pdf.png

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

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

http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/Abbildung-minus1-grob.pdf.png

Здесь нет сегментов линий и не используется цвет, но я не думаю, что легко увидеть, что происходит.

Что я могу сделать, чтобы данные отображались в удобочитаемом виде?

Итак, просто повторю: 1. у вас есть конечное количество точек данных, которые имеют два общих параметра? 2. Вам нужно решение, которое будет работать исключительно в оттенках серого? 3. Ваша визуализация должна будет передать и побудить людей увидеть обзор (отношения точек данных) _ и_ изучить отдельные объекты (и их отдельные траектории)? Придется ли вам - в какой-то научный момент в будущем - добавить больше очков; создать более сложную реляционную диаграмму? Нужно ли расширять ваше решение?
(1) Да, все точки зависят от «а» и «сигма», они взяты из набора 3D-данных. (2) Я бы предпочел решение в оттенках серого из-за стоимости печати, но это всего около 15 евро. (3) Обзор и сингл — это именно то, что я имею в виду. Я мог бы добавить еще пару моментов, но это должно быть об этом. Я не уверен, что вы имеете в виду под «расширяемым». У меня будет аналогичный график с другими данными, но идея та же.
Хорошо, я думаю, что понял тебя; Я приду с некоторыми предложениями, но это займет некоторое время - это не тривиальная проблема! И простите мое невежество, но я не знаком со значением / значением «а» и «сигма». Теоретически это может не иметь никакого практического влияния на то, что я предлагаю визуальные эффекты, поскольку это в основном точки в пространстве с двумя переменными. И что бы вы ни делали: никогда не используйте 3D для двух переменных
Да, и чтобы уточнить «расширяемость» - по моему опыту, простая диаграмма часто становится настолько изящной и полезной, что добавляется больше точек. Я просто сторонник попыток сделать вещи «устойчивыми», чтобы они могли справиться со значительным увеличением «веса», т. е. точек данных.
«a» — временной шаг в моей симуляции. Реальность соответствует почти нулю «а», но, как вы можете видеть на графиках, энергия основного состояния «Е₀» падает. «Сигма» — это ширина колоколообразной кривой Гаусса, которая наложена на задачу, над которой я работал до этой. В идеале, когда оба значения близки к 0, я получу тот ответ, который хочу. Это не так, и я пытаюсь показать это на графиках. Делать вещи устойчивыми всегда хорошая идея, это правильно :-). И я знаю лучше, чем использовать бесполезное 3D, об этом говорится и в руководстве к моей программе построения сюжетов.
Аккуратный вопрос! Я рекомендую изменить заголовок на что-то вроде «Как представить сложные физические данные» — что-то более конкретное для вашего вопроса. У меня есть ощущение, что это привлечет внимание от поиска, если оно станет немного лучше, но я не уверен, как его лучше отредактировать :)
@ Брендан и Райан Я попробовал и отредактировал заголовок.

Ответы (2)

При работе с предметами, которые должны быть на 100% одного цвета, я смотрю на вещи, которые делают предметы отличительными:

  • размер (включая ширину штрихов)
  • стиль (тире, точки и т. д.)
  • заливка (полая, сплошная, узоры)
  • форма

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

введите описание изображения здесь

Изменение штрихов на путях поможет создать различие между этими элементами. Вероятно, его можно было бы улучшить немного больше, чем это указано выше. Тем не менее, это кажется плодотворным путем для этих предметов.

Показатели неясны. Я играл с использованием заполненных и пустых, но ничто не позволяло четко различать квадрат, ромб и треугольник. Они все слишком похожи по форме. Итак... Я исключил некоторые формы в пользу различных заливок.

введите описание изображения здесь

Я удалил треугольники, потому что они были самой запутанной формой и легко читались неправильно. Заменил их закрашенным кругом. Я также изменил ромбы, чтобы они были наполненными, а не полыми.

Я получаю 4 характерные формы:
- полый квадрат
- полый круг
- закрашенный ромб
- закрашенный круг

Между ромбом и закрашенным кругом все еще есть небольшая путаница. Итак, я начинаю думать о том, какая форма подойдет и будет менее похожа на другие. Шестиугольник - слишком похож на круг, Треугольник - как сказано, слишком похож на квадрат и имеет малый размер, нечетко отличающийся от круга. Может звезда? Да, но, пожалуй, слишком декоративно.

В конце концов я остановился на самом минимальном маршруте, заполненном квадрате.

введите описание изображения здесь

Итак, я получаю 4 отличительные формы, которые четко идентифицируются, и 4 отличительных пути, которые четко разделены.

Различные сюжеты другого изображения — это вызов. Изменение штрихов пути по-прежнему будет хорошо отделять их друг от друга. Однако перекрытие участков может представлять проблему. Было бы сложно построить несколько путей в одной и той же точке, чтобы они не выглядели как один путь, особенно без цвета. В этом случае, если возможно, я могу исследовать оттенки, а также штрихи. Создание каждого графика в процентах от черного. Поэтому, когда они перекрываются, черный становится сплошным там, где штрихи перекрываются. Это может обеспечить некоторое визуальное различие для перекрывающихся пластин. Честно говоря, мне нужно было бы изучить это подробнее (если есть вариант тонировки), прежде чем я узнаю наверняка.

Мне нравится, как вы максимально контрастируете с каждым свойством, таким как форма, заливка и обводка. Тонировка в порядке, я использую различные оттенки и в 3D-версии сюжета. И так как это напечатано на печатной выставке, я предполагаю, что оттенки серого выглядят хорошо.

Это не тривиальная проблема; Я только собираюсь дать некоторые общие предложения. Моя графика концептуальна , и для оптимальности ее нужно немного усовершенствовать.

Во-первых: респект за то, что сделал сетку на фоне светло-светло-серой. Люди часто перебарщивают с этим.

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

Цвет

Конечно; Цвет во многих случаях является самым простым способом, я собираюсь поиграть с несколькими различными решениями. Во-первых, ваши цвета не очень контрастны, а синий и зеленый особенно похожи. Я нашел девять высококонтрастных цветов с помощью ColorBrewer , инструмента, специально разработанного для карт, и выбрал вариант, удобный для печати. Картографы веками боролись с этим. Цвета могут быть не очень красивыми, но суть не в этом:

введите описание изображения здесь

Это даст вам примерно такой график:

введите описание изображения здесь

Я бы также предложил добавить дополнительную легенду в конце ваших графиков. Это облегчает запоминание размещения и дает дополнительный эффект, показывая, где заканчиваются графики, и помещая «имя» каждого графика ближе к контексту, а также то, как они пересекаются друг с другом в конце (как они сливаются/группируются и какие идут вверх и вниз в конце.Если это представляет интерес). Сохраните и «оригинальную» легенду, желательно где-нибудь слева. Опять же, тонкая помощь в мысленном отображении (пожалуйста, не следуйте моему примеру с легендой о рамке, так как цвета там не в разумном порядке).

введите описание изображения здесь

Так. Это обзор данных. Что делать с копанием в деталях? Я фанат малых кратных . Мы — машины, ищущие закономерности, и нам нужна лишь небольшая помощь. Я бы поместил «большой» график в начало соответствующего документа, а затем повторил бы фигуру с соответствующими данными; с комментариями. Что-то вроде этого, возможно:

введите описание изображения здесь

Примером использования малых кратных является Pathline:

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

введите описание изображения здесь

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

введите описание изображения здесь

Оттенки серого

Это также будет работать в оттенках серого. Вы можете, конечно, комбинировать это с предложениями Скотта различных форм.

введите описание изображения здесь

Скотт рассказал об основной идее оттенков серого, и вы можете пойти дальше, чтобы также использовать малые кратные. Он охватил общую идею: у вас есть форма, направление, плотность, штрих, контраст и размещение.

Что делать, когда штрихи идут с перекрытием, как на ваших изображениях 2, 4, 5?

Например, это, цвет и оттенки серого:

введите описание изображения здесь

введите описание изображения здесь

Заключить. Самое главное правило — не 3D-ифицировать двухмерные данные ( я приду и покакаю в ваш почтовый ящик ).

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

Стоит также упомянуть, что очень умные люди боролись со сложными визуализациями и находили решения. Здесь вы найдете список цифровых инструментов , которые вполне могут быть вам полезны. График в ваших данных; генерировать множество версий.

Дайте мне знать, если я забыл адрес что-то.