2015-06-30
857
Показывают соотношения набора данных. Во многих случаях строятся вокруг осей, хотя и необязательно.
| Столбиковая диаграмма (bar chart). Показывает один или несколько наборов данных, сравнивая их между собой. Существует два варианта отображения в случае нескольких наборов — либо в виде нескольких стоящих рядом столбиков, либо в виде одного, но поделенного внутри в соответствии с долями значений. Например, ежегодная прибыль трех компаний за последние 5 лет или доли рынка трех компаний за это же время. Примеры: © SmartMoney Другие примеры в галерее паттернов | |
| Гистограмма (histogram). Показывает распределение набора данных внутри выборки в виде столбиков. Например, количество сотрудников компании в нескольких возрастных группах. Примеры: © Студия Артемия Лебедева, Большая Советская Энциклопедия Другие примеры в галерее паттернов | |
| Круговая диаграмма (pie chart). Отображает процент, занимаемый каждым значением внутри набора данных, в виде разбитого на части круга. Например, доли рынка сотовых операторов. Может отображать сразу несколько наборов данных — в этом случае диаграммы наложены друг на друга, причем каждая из них меньше предыдущей. Например, доли рынка сотовых операторов за последение 3 года. Примеры: © Candy Chang, Density Design, GraphJam Другие примеры в галерее паттернов | |
| Площадная диаграмма (bubble chart). Микс графика и диаграммы — по двум осям расставлен набор точек, соответствующий значениям. При этом сами точки не соединены и имеют различную величину, которая задается третьим параметром. Например, сравнение количества купленных товаров, общей стоимости покупки и величины общего бюджета покупателя. Примеры: © (автор неизвестен), Секрет Фирмы, Коммерсантъ.Деньги Другие примеры в галерее паттернов | |
| Кольцевая диаграмма (ring chart). Показывает процент от максимального количества, которое занимает одно из значений в наборе данных, в виде частично закрашенного кольца. Например, количество завоеванных на чемпионате медалей относительно максимального. Часто используется сразу несколько таких диаграмм, сравнивая разные значения. Примеры: © Wired, New York Times Другие примеры в галерее паттернов | |
| Диаграмма разброса (span chart). Показывает минимальную и максимальную величину значений внутри набора данных в виде урезанной столбиковой диаграммы. Начало столбика лежит не на горизонтальной оси, а в точке минимального значения по вертикали. Например, разброс стоимости квадратного метра жилья в разных районах города. Примеры: © Potsdam University of Applied Sciences Другие примеры в галерее паттернов | |
| Лепестковая диаграмма (radar chart). Сравнивает величины нескольких значений, каждая из которых соответствует точке на оси. Количество осей соответствует количеству значений, а точки объединены линями. Например, сравнение рентабельности каждого из 8 направлений деятельности компании. Примеры: © Секрет Фирмы, Pedro Monteiro, Main Library at Queen Mary (University of London) Другие примеры в галерее паттернов | |
| Облако тегов (tag cloud). Сравнивает ключевые слова или фразы (значения), содержащиеся внутри фрагмента текста (набора данных), задавая каждому из них свой размер шрифта. Размер шрифта зависит от величины параметра. Например, 25 самых часто упоминаемых в газетах слов за декабрь 2008 года. Примеры: © Flickr, Martin Ignacio Bereciartua Другие примеры в галерее паттернов | |
| Тепловая диаграмма (heat map). Сравнивает значения внутри набора данных, закрашивая их одним из цветов в заранее выбранном спектре. Основой является изображение или другая диаграмма, на которой расставлены значения. Цвет зависит от величины параметра и чаще всего накладывается в виде пятен. Например, страны мира с наиболее высоким атмосферным давлением или элементы главной страницы сайта, по которым пользователи кликают чаще всего. Примеры: © Dylan Vester, CrazyEgg Другие примеры в галерее паттернов |
