Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

гайдлайны всех видов графиков 38 ( чистовой 4.0 ! )

197 views

Published on

Not

Published in: Data & Analytics
  • Be the first to comment

  • Be the first to like this

гайдлайны всех видов графиков 38 ( чистовой 4.0 ! )

  1. 1. Гайдлайн Brand Analytics Диаграммы, графики, инфографика, карты. Версия 1.0 BRAND ANALYTICS
  2. 2. Оглавление 2 3 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 Шрифты Цвета, размеры и толщины элементов Отступы, расстояния Отступы и расстояния в цветовом кодировании и легендах Цветовое кодирование в легендах Дизайн графиков без сетки Дизайн графиков с фоновой сеткой Дизайн графиков с контрастной сеткой Дизайн графиков с чередующимися серыми плашками Дизайн графиков с чередующимися серыми плашками и без круглых точек на пиках Дизайн графиков с заливкой фона Дизайн гистограмм без сетки Дизайн гистограмм с фоновой сеткой Дизайн гистограмм с контрастной сеткой Дизайн гистограмм с чередующимися серыми плашками. Дизайн круговых диаграмм Дизайн «невидимых» гистограмм 1
  3. 3. 4767 Пример применения нестандартных размеров цифр на круговой диаграмме ( 43%, 75%, 4767 ): 43 (PT Sans, Regular 12 pt (px)), % (PT Sans, Regular 10 pt (px)) 75 (PT Sans, Bold 12 pt (px)), % (PT Sans, Regular 10 pt (px)) 4767 (PF Din Text Comp Pro, Thin, 63 pt (px)) Стандартные маленькие текстовые подписи в легендах 10 pt Подписи цифрами в легендах 9 pt Цвет текстов 404040 Шрифты: Основной массив текстов, цифр: PT Sans Акциденция PF Din Text Comp Pro (Thin) В случае документов для выгрузки или документов, которые могут редактироваться сторонними компаниями, PT Sans меняется на Calibri (начертания: лайт, регуляр, болд. см. гайд документа для аналитиков и образец документа для выгрузки из системы.) Позже опишу гайд и по шрифтам в них более детально 75% 43% 2
  4. 4. Негатив Негатив цвет текста активной подписи-кнопки Толщина сетки 0,5 pt (px). Или 1pt(px) и 50% прозрачность от изначальных параметров (не подходит и ненужно для варианта с печатью) Цветные линии 1pt (px) Цветные линии для дискретного графика 2pt (px), длинна 17 px, цвет EB6B6A Диаметр круглой точки на линии графика 4px Цвет серой заливки в графиках F2F2F2 Толщина пробела между элементами 0,5 pt (px). Или 1pt(px) и 50% прозрачность от изначальных параметров 80px 190px Размер крупной круговой диаграммы Размер малой круговой диаграммы 04.10.2015 Публикаций: (PT Sans, Regular, 10 pt, цвет 999999) 88 (PT Sans, Bold, 10 pt, цвет 404040) Цвет заливки рамки - белый (FFFFFF) Толщина тонкой части линии 0,5 pt (px). Или 1pt(px) и 50% прозрачность от изначальных параметров Толщина толстой части линии 2 pt (px). Цвет толстой и тонкой линии 999999 Диаметр активной (только для WEB) круглой точки 4px Цвет серых плашек F2F2F2 Белые линии 1pt (px) [ Только WEB ] [ Только WEB ] [ Только WEB ][ Печать ] (цвет текста неактивной подписи-кнопки) Цвета, размеры и толщины элементов 404040 999999 Диаметр круглой точки во всех легендах 5px 04.10.2015 Публикаций: 88 65px 155px 3
  5. 5. 16px 36px 26px 6px 10px Средний, стандартный вариант: Цвет серых плашек F2F2F2 Более заметный, цветной вариант: Цвет серых плашек FBDF78 Более заметный, темный вариант: Цвет серых плашек E5E5E5 Самый светлый вариант: Цвет серых плашек FAFAFA Цвет серых плашек D9D9D9 0,5 pt (px). Или 1pt(px) и 50% прозрачность от изначальных параметров (не подходит и ненужно для варианта с печатью) Цвет бежевых плашек FBDF78 4
  6. 6. Отступы, расстояния 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 150 100 50 0 1,2 1,0 0,8 0,6 0,4 0,2 0 сентябрь сентябрь октябрь октябрь ноябрь ноябрь декабрь декабрь январь январь февраль февраль 11 340 18 031 26 132 38 175 24 662 17 085 0,6 0,9 0,8 1,2 1,1 1,0 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 45 00M 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 11 340 18 031 26 132 38 175 27 543 19 536 21 643 23 742 35 844 22 378 17 532 16 987 21px 21px 5px 5px 5px 5px 5px 5px 5px сентябрь октябрь ноябрь декабрь январь февраль 0,6 0,9 0,8 1,2 1,1 1,0 Количество упоминаний 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 5
  7. 7. Микроблоги Соцсети Новости Блоги 75% 14% 15% 75% Позитив Нейтрально Негатив 75% 14% 15% 23% 57% 14% 16% 75% 15% 14% Публикаций Негатив Позитив twitter.com vk.com facebook.com livejornal.com banki.com другие 184px 184px 184px - предпочтительный стандарт, но отклонения от него при необходимости возможны 34px 10px 34px 10px 5px 15px 37px 5px Отступы и расстояния в цветовом кодировании и легендах 6
  8. 8. Цветовое кодирование в легендах 40789e eb6a6a 27c189 ed901a 878cb9 ffde00 b0ab00 f3a5c8 52d6ff c9671a 5393c9 687032 ffb500 b14369 b6c76d 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Последовательность, в которой можно ставить цвета друг за другом Допустимы вариации. Главное, тоновой или симультативный (сильный цветовой) контрасты должны быть. Или и тот, и другой тип контраста могут быть одновременно Использовать больше 4 - 5 пунктов в круговой диаграмме не рекомендуется, потому что доли будут плохо читаться и их невозможно сравнить. Если элементов больше 5, то рекомендуется использовать столбчатые диаграммы. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Ссылка Цвет текста ссылки 0083C6 Общее число Негатив Позитив 5B8ACF FF3F00 A7BA38 Нейтрально 9D9D9C ... 25% CCCCCC AABACF 82A3CF 5F8ECF 50% 75% 100% ! Толщина пробела между элементами 1 pt (px). 7
  9. 9. 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 51 70 71 67 134 129 115 сентябрь октябрь ноябрь декабрь январь февраль 0,6 0,9 0,8 1,2 1,1 1,0 twitter.com vk.com facebook.com livejornal.com banki.com другие 11.11 12.11 13.11 14.11 15.11 16.11 17.11 Февраль 1 020 925 сентябрь сентябрь октябрь октябрь ноябрь ноябрь декабрь декабрь январь январь февраль февраль 11 340 18 031 26 132 38 175 24 662 17 085 0,6 0,9 0,8 1,2 1,1 1,0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Количество упоминаний Дизайн графиков без сетки Идеальный вариант без информационного шума 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 1 200 1 000 800 600 400 200 0 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 8
  10. 10. 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 51 70 71 67 134 129 115 сентябрь октябрь ноябрь декабрь январь февраль 0,6 0,9 0,8 1,2 1,1 1,0 twitter.com vk.com facebook.com livejornal.com banki.com другие 11.11 12.11 13.11 14.11 15.11 16.11 17.11 Февраль 1 020 925 1,2 1,0 0,8 0,6 0,4 0,2 0 сентябрь сентябрь октябрь октябрь ноябрь ноябрь декабрь декабрь январь январь февраль февраль 11 340 18 031 26 132 38 175 24 662 17 085 0,6 0,9 0,8 1,2 1,1 1,0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Количество упоминаний Дизайн графиков с фоновой сеткой Оптимальный вариант с сеткой фоновой активности. Подходит для веба 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 1 200 1 000 800 600 400 200 0 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 9
  11. 11. 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 51 70 71 67 134 129 115 сентябрь октябрь ноябрь декабрь январь февраль 0,6 0,9 0,8 1,2 1,1 1,0 11.11 12.11 13.11 14.11 15.11 16.11 17.11 Февраль 1 020 925 сентябрь сентябрь октябрь октябрь ноябрь ноябрь декабрь декабрь январь январь февраль февраль 11 340 18 031 26 132 38 175 24 662 17 085 0,6 0,9 0,8 1,2 1,1 1,0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Количество упоминаний Дизайн графиков с контрастной сеткой Вариант с активно выраженной, контрастной сеткой. Имеет лишний информационный шум, но необходим для варианта с печатью на бумаге, если сетка нужна (выгружаемые отчеты и т.д. ) 1 200 1 000 800 600 400 200 0 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 twitter.com vk.com facebook.com livejornal.com banki.com другие 10
  12. 12. 4767 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 51 70 71 67 134 129 115 сентябрь октябрь ноябрь декабрь январь февраль 0,6 0,90,8 1,2 1,1 1,0 11.11 12.11 13.11 14.11 15.11 16.11 17.11 Февраль 1 020 925 сентябрь сентябрь октябрь октябрь ноябрь ноябрь декабрь декабрь январь январь февраль февраль 11 340 18 031 26 132 38 175 24 662 17 085 0,6 0,9 0,8 1,2 1,1 1,0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Количество упоминаний Дизайн графиков с чередующимися серыми плашками Альтернативный вариант с фоновыми серыми плашками. 1 400 1 200 1 000 800 600 400 200 0 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 twitter.com vk.com facebook.com livejornal.com banki.com другие 11
  13. 13. 4767 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 11.11 12.11 13.11 Количество упоминаний 14.11 15.11 16.11 17.11 51 70 71 67 134 129 115 сентябрь октябрь ноябрь декабрь январь февраль 0,6 0,90,8 1,2 1,1 1,0 11.11 12.11 13.11 14.11 15.11 16.11 17.11 Февраль 1 020 925 сентябрь сентябрь октябрь октябрь ноябрь ноябрь декабрь декабрь январь январь февраль февраль 11 340 18 031 26 132 38 175 24 662 17 085 0,6 0,9 0,8 1,2 1,1 1,0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Количество упоминаний Дизайн графиков с чередующимися серыми плашками и без круглых точек на пиках Альтернативный подвариант с фоновыми серыми плашками. 1 400 1 200 1 000 800 600 400 200 0 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 1,4 1,2 1,0 0,8 0,6 0,4 0,2 0 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 twitter.com vk.com facebook.com livejornal.com banki.com другие 12
  14. 14. 11.11 12.11 13.11 Публикаций 14.11 15.11 16.11 17.11 Негатив Позитив 11.11 12.11 13.11 Публикаций 14.11 15.11 16.11 17.11 Негатив Позитив 11.11 12.11 13.11 Публикаций 14.11 15.11 16.11 17.11 Негатив Позитив 04.10.2015 Публикаций: 88 11.11 12.11 13.11 Публикаций 14.11 15.11 16.11 17.11 Негатив Позитив 11.11 12.11 13.11 Публикаций 14.11 15.11 16.11 17.11 Негатив Позитив 11.11 12.11 13.11 Публикаций 14.11 15.11 16.11 17.11 Негатив Позитив 11.11 12.11 13.11 Публикаций 14.11 15.11 16.11 17.11 Негатив Позитив 11.11 12.11 13.11 Публикаций 14.11 15.11 16.11 17.11 Негатив Позитив 04.10.2015 Публикаций: 88 Дизайн графиков с заливкой фона Пример режима с заливкой общего показателя и пример с разноцветной заливкой всех параметров 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 150 100 50 0 13
  15. 15. 0 20 40 60 80 100 0 10 20 30 40 50 60 70 ПозитивНегативНейтрально 236 14 57 168 3 516 8 24 648 124 68 148 5 12 0 20 40 60 80 120100 21 Нейтрально Позитив Негатив 0 200 400 600 800 1000 1200 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 Позитив Негатив сентябрь октябрь ноябрь декабрь январь февраль 11 340 18 031 26 132 38 175 24 662 17 085 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 1 2 3 4 5 6 7 8 9 10 Москва Санкт-Петербург Екатеринбург Ростов-на-дону Омск Новосибирск Краснодар Самара Казань Другие twitter.com vk.com facebook.com livejornal.com banki.com Жалобы на обслуживание Жалобы на Телебанк Рост тарифов на SMS-оповещения 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 11 340 18 031 26 132 38 175 27 543 19 536 21 643 23 742 35 844 22 378 17 532 16 987 57 26 18 0 20 40 60 80 120100 twitter.com vk.com facebook.com livejornal.com banki.com 236 14 57 168 3 516 8 24 648 12468 148 5 12 0 20 40 60 80 120100 21 Нейтрально Позитив Негатив twitter.com vk.com facebook.com livejornal.com banki.com Тридцать символов, это вот Тридцать символов, это... Тридцать символов Тридцать символо... 0 20 40 60 80 120100 Нейтрально Позитив Негатив twitter.com vk.com facebook.com livejornal.com banki.com 31 18 19 10 5 36 21 7 17 62 20 25 236 14 57 3 516 8 24 648 124 68 5 12 21 168 148 236 168 516 648 148 Дизайн гистограмм без сетки Идеальный вариант без информационного шума 14
  16. 16. 0 20 40 60 80 100 0 10 20 30 40 50 60 70 ПозитивНегативНейтрально 236 14 57 168 3 516 8 24 648 124 68 148 5 12 0 20 40 60 80 120100 21 Нейтрально Позитив Негатив 0 200 400 600 800 1000 1200 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 Позитив Негатив сентябрь октябрь ноябрь декабрь январь февраль 11 340 18 031 26 132 38 175 24 662 17 085 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 1 2 3 4 5 6 7 8 9 10 Москва Санкт-Петербург Екатеринбург Ростов-на-дону Омск Новосибирск Краснодар Самара Казань Другие twitter.com vk.com facebook.com livejornal.com banki.com Жалобы на обслуживание Жалобы на Телебанк Рост тарифов на SMS-оповещения 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 11 340 18 031 26 132 38 175 27 543 19 536 21 643 23 742 35 844 22 378 17 532 16 987 57 26 18 0 20 40 60 80 120100 twitter.com vk.com facebook.com livejornal.com banki.com 236 14 57 168 3 516 8 24 648 12468 148 5 12 0 20 40 60 80 120100 21 Нейтрально Позитив Негатив twitter.com vk.com facebook.com livejornal.com banki.com Тридцать символов, это вот Тридцать символов, это... Тридцать символов Тридцать символо... 0 20 40 60 80 120100 Нейтрально Позитив Негатив twitter.com vk.com facebook.com livejornal.com banki.com 31 18 19 10 5 36 21 7 17 62 20 25 236 14 57 3 516 8 24 648 124 68 5 12 21 168 148 236 168 516 648 148 Дизайн гистограмм с фоновой сеткой Оптимальный вариант с сеткой фоновой активности. Подходит для веба 15
  17. 17. ПозитивНегативНейтрально 236 14 57 168 3 516 8 24 648 124 68 148 5 12 0 20 40 60 80 120100 21 Нейтрально Позитив Негатив 0 200 400 600 800 1000 1200 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 Позитив Негатив сентябрь октябрь ноябрь декабрь январь февраль 11 340 18 031 26 132 38 175 24 662 17 085 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 1 2 3 4 5 6 7 8 9 10 Москва Санкт-Петербург Екатеринбург Ростов-на-дону Омск Новосибирск Краснодар Самара Казань Другие twitter.com vk.com facebook.com livejornal.com banki.com Жалобы на обслуживание Жалобы на Телебанк Рост тарифов на SMS-оповещения 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 11 340 18 031 26 132 38 175 27 543 19 536 21 643 23 742 35 844 22 378 17 532 16 987 57 26 18 0 20 40 60 80 120100 twitter.com vk.com facebook.com livejornal.com banki.com 236 14 57 168 3 516 8 24 648 12468 148 5 12 0 20 40 60 80 120100 21 Нейтрально Позитив Негатив twitter.com vk.com facebook.com livejornal.com banki.com Тридцать символов, это вот Тридцать символов, это... Тридцать символов Тридцать символо... 0 20 40 60 80 120100 Нейтрально Позитив Негатив twitter.com vk.com facebook.com livejornal.com banki.com 31 18 19 10 5 36 21 7 17 62 20 25 236 14 57 3 516 8 24 648 124 68 5 12 21 168 148 236 168 516 648 148 0 20 40 60 80 100 0 10 20 30 40 50 60 70 Дизайн гистограмм с контрастной сеткой Вариант с активно выраженной, контрастной сеткой. Имеет лишний информационный шум, но необходим для варианта с печатью на бумаге, если сетка нужна (выгружаемые отчеты и т.д. ) 16
  18. 18. 0 20 40 60 80 100 ПозитивНегативНейтрально 236 14 57 168 3 516 8 24 648 124 68 148 5 12 21 Нейтрально Позитив Негатив 0 10 20 30 40 50 60 70 0 200 400 600 800 1000 1200 1400 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 1274 Позитив Негатив сентябрь октябрь ноябрь декабрь январь февраль 11 340 18 031 26 132 38 175 24 662 17 085 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 1 2 3 4 5 6 7 8 9 10 Москва Санкт-Петербург Екатеринбург Ростов-на-дону Омск Новосибирск Краснодар Самара Казань Другие twitter.com vk.com facebook.com livejornal.com banki.com Жалобы на обслуживание Жалобы на Телебанк Рост тарифов на SMS-оповещения 45 000 40 000 35 000 30 000 25 000 20 000 15 000 10 000 5 000 0 11 340 18 031 26 132 38 175 27 543 19 536 21 643 23 742 35 844 22 378 17 532 16 987 57 26 18 0 20 40 60 80 140120100 0 20 40 60 80 140120100 0 20 40 60 80 140120100 0 20 40 60 80 140120100 twitter.com vk.com facebook.com livejornal.com banki.com 236 14 57 168 3 516 8 24 648 12468 148 5 12 21 Нейтрально Позитив Негатив twitter.com vk.com facebook.com livejornal.com banki.com Тридцать символов, это вот Тридцать символов, это... Тридцать символов Тридцать символо... Нейтрально Позитив Негатив twitter.com vk.com facebook.com livejornal.com banki.com 31 18 19 10 5 36 21 7 17 62 20 25 236 14 57 3 516 8 24 648 124 68 5 12 21 168 148 236 168 516 648 148 Дизайн гистограмм с чередующимися серыми плашками. Такой вариант использовать нельзя! 17
  19. 19. 43% 43% 16% 43% Негатив Позитив 13,8 % 11,7 % 13,8 % 11,7 % 13,8 % 11,7 % 13,8 % 11,7 % Негатив Позитив 13,8 % 11,7 % 13,8 % 11,7 % Негатив Позитив 13,8 % 11,7 % 13,8 % 11,7 % 13,8 % 11,7 % Негатив Позитив 19% 37% 43% 23% 57% 14% 16% 75% 15% 14% Тридцать символов, это вот Тридцать символов, это... Тридцать символов, эт Тридцать символо... Микроблоги Соцсети Новости Блоги 75% 14% 15% 75% Позитив Нейтрально Негатив 75% 14% 15% Позитив Нейтрально Негатив Дизайн круговых диаграмм Круговые диаграммы с легендой стоит использовать в крайних случаях. Допустимо использование круговой диаграммы с 2 - 4 значениями. Такой вариант спидометра использовать нельзя ! Допускается исполшьзовать только один спидометр с двумя параметрами. Выстравивать несколько спидометров по вертикали или горизонтали для сравнения показателей в них, нелья, так как в отличие от классической гистограммы, столбчатового графика, корректно сравнить части нескольких спидометров на расстоянии невозможно. Рекомендуется использовать классическую парную гистаграмму 43% 43% 43% 16% 7% 5% 43% Twitter.com Facebook.com Vk.com Livejournal.com Instagram.com Plus.google Nsn.fm Другие Такой вариант использовать нельзя ! Использовать больше 4 - 5 пунктов в круговой диаграмме нельзя, потому что доли будут плохо читаться и их невозможно сравнить. Если элементов больше 5, то рекомендуется использовать столбчатые диаграммы. Части круговой диаграммы представлены в другом порядке, что наглядно иллюстрирует пример того, на сколько сложно визуально сравнить части круговорй диаграммы Цветовое кодирование, так же, только усложняет восприятие, так как более темные части пирога кажутся более массивными, что дополнительно искажает восприятие. Разнесение легенды и визуализации дополнительно усложняет задачу. Итоговый вывод: визуализация полностью теряет смысл и функциональное назначение. Визуализация не выполняет свою функцию и только усложняет задачу пользователю. Использовать больше 4 - 5 пунктов в круговой диаграмме нельзя, потому что доли будут плохо читаться и их невозможно сравнить. Меньше 4 - 5 использовать можно, но нежелательно. Лучше использовать толбчатую диаграмму без цветового кодирования ! 18
  20. 20. 25% 50% 75% 100% Тридцать символов, это вот Тридцать символов, это... Тридцать символов, эт Тридцать символо... Тридцать символов, эт 39 49 47 50 56 Тридцать символов, это вот Тридцать символов, это... Тридцать символов, эт Тридцать символо... Тридцать символов, эт 39 49 47 50 56 Тридцать символов, это вот Тридцать символов, это... Тридцать символов, эт Тридцать символо... Тридцать символов, эт 39 49 47 50 56 Тридцать символов, это вот Тридцать символов, это... Тридцать символов, эт Тридцать символо... Тридцать символов, эт 39 49 47 50 56 Тридцать символов, это вот Тридцать символов, это... Тридцать символов, эт Тридцать символо... Тридцать символов, эт 39 49 47 50 56 Тридцать символов, это вот Тридцать символов, это... Тридцать символов, эт Тридцать символо... Тридцать символов, эт 39 49 47 50 56 Дизайн «невидимых» гистограмм Ниже показаны разные степени проявленности невидимых гистограмм. Предпочтителен для использования первый и последний варианты Пример визуализации на карте, на уровне стран / регионов Так же показано легенда к карте под ней 19

×