• 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
11 г. назад Tools
artem
  См. также  
События

Конференция Data Designed for Decisions 2009, Paris !!!!!!!

    Этим постом сообщаю, что еду на 3х-дневную конференцию DD4D в Париже 18-20 июня. 0

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

Что едят в мире

Инфографика, на мой взгляд, может быть совершенно разной. Это не обязательно диаграммы, это не обязательно графический дизайн. 0

Инструменты

Приборная панель для Wold Cup’а

Сейчас ломаем голову над Dash Boards (Приборной панелью) для одной компании. 0

Инструменты, Теория

Мост, Гистограмма, Парето — новые диаграммы для Office 2016 (Часть 1)

В 2016 Microsoft представит новый Office 2016, и в нем — новые графики и диаграммы. Уже можно скачать превью и все попробовать. 0

Инструменты

iWork — удобен ли для инфографики?

Многим нравятся красоты стилей и переходов, которые получаются в Keynote. 0

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

А как это было в СССР?

Сталлинское время — сложный момент нашей истории. 0

Инструменты

Юзабилити против пользователя. Кто победил?

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

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

График разводки мостов в Санкт-Петербурге

Инфографика может сделать свой небольшой вклад в жизнь Петербурга. 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+