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

Вы должны терпеть меня, я буду изо всех сил пытаться описать, что я имею в виду.

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

За исключением того, что мои числа не являются целыми числами. Итак, в этой первой строке, например, у меня было бы число вроде 2,4, и я хотел бы, чтобы этот человек на изображении был на 40% одного цвета и на 60% другого цвета , и между людьми было пространство. Я не уверен, как это сделать, используя настройки повторения/обрезки в гистограммах с накоплением в Illustrator.

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

И если я использую неправильный инструмент для работы, скажите мне об этом.
Я предполагаю, что вам, возможно, просто придется настроить его вручную, чтобы он соответствовал вашим конкретным потребностям.
Я сделал это один раз, не помню, было ли это здесь или на другом сайте (кажется, это был другой сайт), и там объяснялось, как выбрать объект и как вычислить площадь с помощью гистограммы. Это было довольно сложно. Попробуйте поискать в Google что-нибудь об области формы в Photoshop. Если у меня будет время, я постараюсь вспомнить и опубликовать решение на выходных.
Интересно. Довольно просто сделать вручную, но вы хотите использовать функцию диаграммы Illustrator?
Таким образом, диаграммы с пиктограммами, подобные этим, как правило, лучше всего подходят для случаев, когда вашей аудитории нужна общая идея, а не точность (поэтому отображаемые числа, как правило, округляются, что позволяет избежать проблемы, как в вашем примере). Если вашу аудиторию больше интересуют точные цифры, вероятно, больше подойдет обычная гистограмма.

Ответы (3)

Это может быть не то, что вы хотите, но вместо этого я просто повернул часть графика (точки данных) по горизонтали и поместил сверху коробку с «отверстиями» в форме человека. (Мне как-то пришло в голову, что вы представляли себе человеческие "столбики" вертикальными?) Можно было добавить какую-то числовую шкалу - или нет.

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

Умное решение.
Умно, но чтобы быть технически точным, вам нужно, чтобы Illustrator знал о промежутках, чтобы, скажем, 19,9 и 20,1 не выглядели как 20. Я полагаю, вы могли бы подтасовать числа в таблице?
Да, я думал об этом: можно было бы учесть промежутки между цифрами и, так сказать, вычислить их «вне». Или, проще говоря, сделать разрыв меньше: в этих случаях разделение между оранжевыми и коричневыми приходится на цифры; ну, это в любом случае описывает данные. Такого рода визуализация не совсем соответствует наноуровне. Мой набросок был довольно быстрой и грязной работой; с уточнением это могло бы работать хорошо.
Верно. В итоге я просто округлил до целых чисел для проекта, но (в зависимости от иконографии / предмета) я вижу, что округление до ближайшей четверти или даже до ближайшей восьмой может быть столь же дотошным. В любом случае спасибо за дельную идею!

1- Сделайте свой ряд людей составным путем. Сначала убедитесь, что они не сгруппированы, при необходимости разгруппируйте их, затем выберите их все, щелкните правой кнопкой мыши и выберите «Создать составной путь».

2- Примените градиент к заливке ряда людей. Используя окно Gradient, назначьте ему любой градиент. Поскольку вся строка представляет собой составной путь, обрабатываемый как единая фигура, градиент будет проходить по всей строке.

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

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

4- Теперь предположим, что проценты для этой строки составляют 40% черного и 60% желтого. В нижней части окна (покажите параметры, если они скрыты, щелкнув в правом верхнем углу) измените значение местоположения на процент черного (40). Убедитесь, что непрозрачность составляет 100%.

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

5- С выбранной строкой измените правильный цвет на желтый. Измените значение местоположения на процент черного (снова то же число, 40, а не 60, которое будет процентом желтого).

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

6- Поскольку оба местоположения одинаковы, градиент не делает плавный переход, а делает резкий переход от черного к желтому.

Это тоже крутая идея.
Хех, мне нравится, что два лучших решения здесь вообще не касаются функции диаграммы Illustrator. Мне кажется, пора им это обновить.
@Zelbinian: Верно! Диаграммы и инфо-графика составляют большую часть иллюстраций.

@Zelbinian, мне кажется, что в своем вопросе вы объединяете два типа представления.

Если вы делаете диаграмму изотипов, то каждая пиктограмма представляет определенное количество вещей. Чтобы создать более высокое значение, вы просто добавляете больше пиктограмм. Нет масштабированных осей x или y. Поскольку пиктограммы обычно располагаются рядами, ширина значка — это мера, о которой вам нужно беспокоиться. Если вам нужно представить дробную меру, вы можете просто разделить ширину пиктограммы. Отправная точка для Isotype: http://en.wikipedia.org/wiki/Isotype_(picture_language)

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

Вы можете объявить пиктограмму с определенным значением. Скажем, вы представляете, сколько тысяч тонн товаров перевозится грузовиками в год. Вы можете сделать из пиктограммы грузовика легенду: 1 пиктограмма грузовика = 1000 тонн. Если бы у вас было 12 000 тонн, вы бы показали 12 грузовиков. 12 250 тонн будут грузовиками с 12 и четвертью.

Вы можете разделить свою пиктограмму на дробные части: нарисовав прямоугольник над пиктограммой, соответствующий ее ширине. В Illustrator установите контрольную точку посередине слева. Выбрав прямоугольник, используйте поле значения ширины и введите математические данные, такие как 1 * 0,4 для 40%, и нажмите «Ввод» (Enter). Выберите и пиктограмму, и прямоугольник, а затем выберите «Объект» > «Обтравочная маска» > «Создать» (⌘7 на Mac). Если вы хотите, чтобы пиктограмма представляла 40% одной вещи и 60% другой, сделайте другую таким же образом, но с противоположной стороны, а затем выровняйте их края.

Может случиться так, что вы не хотите делать диаграмму изотипа или она не подходит для информации, которую вам нужно выразить. В этом случае гораздо лучше сделать простую и понятную гистограмму. Я настоятельно рекомендую не пытаться отображать пиктограммы на панели (или столбцах), потому что Isotype просто не для этого. Вместо этого стремитесь к точности и ясности информации. Найдите дополнительные метки поверх столбцов или в конце столбцов, чтобы указать точные измерения, особенно если шкалы расположены далеко и затрудняют сравнение. Если вам нужен визуальный интерес, полагайтесь на цвет, контраст и размер, а не на украшения, которые не добавляют смысла.

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

Как использовать дизайны в гистограмме с накоплением с точной статистикой?
СпросиСетьПолитика конфиденциальности1y, 0v