• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости
Tools

Classification of graphs and its purposes

0
Comments
Linkedin
0
ВКонтакте
0
Pocket

Today I am publishing material written by Yuri Vetrov (head of the UI Modeling Company that designs user’s interfaces) on www.experiment.ru

This is quite comprehensive directory of various types of visualizations with examples and principles of selection. Must know.

Classification

Set of tools for visualization is quite extensive — from simple line graphs to complex mappings of relations. You can divide them into several types:

Graph

It shows the dependence of one data to other. Constructed in the X and Y axises, although may be three-dimensional.

Line/Area chart

The most common case — combines the line set of points corresponding to values ​​on the axes. For example, the daily number of visitors per month: it can display multiple sets of data — for example, statistics for the 3 most popular pages.

01-01c-150x150

Scatterplot

Shows the distribution of limited amount of dots corresponding to values ​​on the axes. The leveling curve is often drawn between the points — it illustrates the pattern among the values​​. For example, the relationship between work experience and productivity among the 50 employees of the company (notice: it’s not right to just connect the points in the form of a line graph — the meaning is distorted, and the line won’t be straight).

01-02a-150x150

Comparison chart

Показывают соотношения набора данных. Во многих случаях строятся вокруг осей, хотя и необязательно.

Shows the ratio of the dataset. In many cases, they are built around the axes, not necessarily though.

Bar chart

Shows one or more sets of data, comparing them with each other. There are two types of these charts: either the form of several columns standing next to each other, either as a single column but divided internally in accordance with parts values​​. For example, the annual profit of three companies over the past 5 years, or its market share during the same time period.

02-01b-150x150

Pie chart

Displays the percentage occupied by each value within the data set as a fragmented disk. For example, the market share of mobile operators. It can display multiple sets of data — in this case, the diagrams superimposed on one another, each of which is less than the previous one. For example, the market share of mobile operators for the past 3 years.

02-03a-150x150

Bubble chart

A mixture of graphics and charts — along two axes a set of points is arranged, which corresponds to its values​​. In this case, the points themselves are not interconnected and have a different value, which is given by the third parameter. For example, a comparison of the number of goods purchased, its total value and the budget of the buyer.

02-04b-150x150

02-04c-150x150

 

Ring chart

Shows the percentage of the maximum number. One of the data values occupies it and it is​ set as a partially shaded ring. For example, the number of medals won on the championship compared to the maximum. Several of these charts are often used — they compare different values​​.

02-05b-150x150

Radar chart

It compares the magnitude of several values, each of which corresponds to the point on the axis. Number of axes corresponds to the number of values; points are connected into lines. For example, the comparison of profitability of each 8 of company’s directions.

 

02-07c-150x150



Tag cloud

Compares keywords or phrases (values​​) contained within a text fragment (data set), setting for each of them its font size. Font size depends on the value of parameter. For example, the 25 most frequently words, cited in papers, in December 2008.

02-08a-150x150

Heat map

Compares the values ​​in the dataset. It paints them into one of the colors in the pre-selected range. The foundation is a picture or other figure, where the values are placed​​. The color depends on the value of the parameter and often imposed in the form of spots. For example, elements of the home page that users click the most.

02-09b-150x150

There is more further: see the original article for the following types of visualization:

Trees and structural diagrams

  • A Tree
  • Mental Map
  • Formal Structural Diagrams
  • Venn-Euler Diagram
  • Flat Tree

Diagrams of visualization process

  • Formalized block scheme
  • Non-formalized block scheme
  • Cyclic process diagram
  • Sankey Diagram

Matrixes

  • Calendar
  • Table

Time Diagrams

  • Time Scale
  • Gantt Diagram

Maps

  • Geographic Map
  • Photographic Map
  • Road Map
  • Theme Map
  • Cartogram

Diagrams

  • Pie Chart
  • Line Chart
  • Connection on the map
  • Illustration
  • Comics
  • Formalized block scheme
Июн 24, 2011artem
Статья была интересной?
  • Поделюсь (0)
  • Полезно (0)
  • Бесполезно (0)
  • Банально (0)
Many Eyes - magic toolIt's Just Wonderful.
Главная Книги Classification of graphs and its purposes
12 г. назад Tools
artem
  См. также  
События

Газетный дизайн-2010. Впечатления от конференции

Прошлые субботу и воскресение мы провели очень бурно. 0

События

II Международный форум презентаций Present! в Москве

Лето этого года - богато на события! 0

События

Space-X требуются спикеры

В октябре в Вене будет проходить конференция по информационному дизайну при поддержке IIID (International Institute of Information... 0

Теория

Визуальное мышление на службе Бизнеса. Наш новый ресурс BusinessGrapher.

Сделав несколько проектов в этой области, мы решили выделить его в отдельное направление, более ориентированное на менеджеров и бизнес среду. 2

Примеры визуализации

Если бы наша планета была деревней из 100 человек

Это попытка (хоть и не очень новая) обработать демографические данные и дать описание нашей огромной планете. 0

Инструменты

Как работает тостер

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

я Business infographics @en

Visual dashboard for managers. Or how to make a top manager’s reports simple and obvious

As a consultant, I was fortunate enough to run the project on the development of Balanced Scorecard for a Russian bank. 0

Примеры визуализации

Что вам приходит по почте?

Продолжаю настаивать, что bar chart - это самая благодатная для визуализации форма. 0

Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+