Mostrando postagens com marcador information design. Mostrar todas as postagens
Mostrando postagens com marcador information design. Mostrar todas as postagens

sábado, 24 de fevereiro de 2018

Scaling – cut the axis...


Scaling is a very important item of the IBCS rules. When it comes to present extreme values for example very high income in one region and very low in other regions the normal way in a column chart was to cut the column in the middle applying a symbol like that //  




Not necessarily the best solution as we lose the magnitude relation between the charts.

By introducing a scaling area as shown in the next chart we maintain the relations and the reader still can imagine the proportions.



The next chart shows a very “tricky” way to solve the problem. Instead of cutting the column just cut the x-axes. As we can see by applying this we maintain the same proportions and everything fits in the chart.




segunda-feira, 16 de outubro de 2017

how you would visualize hurricanes

In July 2017 Cole Nussbaumer Knaflic published in her blog “storytelling with data” a chart form “the Economist” asking “how you would visualize hurricanes?” .







For the data visualizer it is very interesting to analyse the different approaches. We can observe, that the presentations concentrate nowadays on how to show the facts and tend to be more analytical. Maybe because of the scientific theme glitter and gimmicks fortunately disappeared. But most of the charts because of their scientific approach seem to take more time to fully understand the content. In an economic journal like “the Economist” in a first step a more simpler presentation than the proposed ones could have been more readable.





terça-feira, 14 de junho de 2016

"True to scale" ou quando 20 mm equivalem 1 bilhão de francos suiços

O conceito IBCS adotado pelo Swiss Post (https://www.post.ch/en/)

A Swiss Post é uma organização que adota já por vários anos o conceito IBCS na elaboração dos seus relatórios anuais.
Alem de aplicar basicamente as normas do “Unify” na escolha de objetos, elementos, cores, formas, legendas etc nos gráficos e tabelas, optaram também por um conceito que eles chamam de “True-to-scale” (ou algo como “verdadeiro no escalonamento”).
Isto significa por exemplo, que em todo o relatório os gráficos tem escala igual. No nosso caso por exemplo, 20 mm equivalem 1 bilhão de francos suíços.
O Financial Report 2015 da Swiss Post também mostra, que é possível através de poucos tipos de gráficos e tabelas desenhar um relatório onde a visualização da informação vem em primeiro lugar e tem como objetivo de facilitar a leitura e o entendimento do conteúdo. A arte aqui consiste na escolha certa das formas e cores e a redução dos objetos de visualização ao necessário. Enfim, adotando o conceito IBCS com seriedade.
  
(https://www.post.ch/en/about-us/company/publications/reporting)


Logo no início do Financial Report avisam sobre a aplicação dos conceitos IBCS.
Podemos observar que a visualização de dados é realizado com poucos tipos de gráficos.

Gráfico de colunas 
Os gráficos seguem padrões em vários aspectos:
Mensagens e títulos
Explicações sobre conteúdo formal
Intervalo de 5 anos (quando for adequado)
- Valor atual diferenciado através de cor dos anos anteriores
- Uso de gráfico de desvio (absoluto ou relativo) (quando for adequado)
Destaques através de sinalizador de diferenças
Largura das colunas segue distinção entre valor ou volume
Anotações se for preciso



Gráfico de coluna com gráfico de desvio absoluto - Valores normalizados

Gráfico de coluna com gráfico de desvio absoluto - Valores normalizados

Gráfico de coluna com gráfico de desvio absoluto - Volumes normalizados

Gráfico de coluna empilhada com resultado - Valores absolutos

Gráfico de coluna empilhada  - Valores normalizados

Gráfico de coluna empilhada com desvios absolutos (ano anterior) - Volumes


Gráfico de coluna empilhada - Volumes


Gráfico de barras
Os gráficos de barras seguem os mesmos princípios básicos dos gráficos de colunas referente à:
Mensagens títulos
Explicações sobre conteúdo formal
Valor atual na mesma cor do atual de colunas
Gráfico de desvio (absoluto ou relativo) (quando for adequado)
Destaques através de sinalizador de diferenças
Largura das colunas segue distinção entre valor ou volume

Anotações se for preciso

Gráfico de barras duplo com desvio relativo


Gráfico de barras combinadas

Gráfico tipo arvore (tree-graph) com desvios embutidos

Gráfico tipo arvore com desvios embutidos. O interessante neste gráfico tipo arvore é que segue também o princípio “true-to-scale” utilizando a forma pouco utilizada de “barras dobradas” para encaixar no espaço da folha e sem precisar “cortar” as barras na visualização do valor correto.


Formas especificas de gráficos
Gráfico de coluna com detalhamento



Gráfico de blocos com desvios



 Gráfico de curva de Gauss



Tabelas
As tabelas, como no caso dos key figures reservam uma coluna para discriminar as unidades do respectivo valor. A organização das colunas de valores segue a sequencia do lado esquerdo à direita como se fosse o eixo-x. No topo também recebe a distinção através de uma barra colorida entre ano anterior e atual.
Quando a tabela é homogênea em termos de unidades, a respectiva coluna é reservada para enumeração das anotações. A organização das linhas segue um conceito de blocos temáticos com espaços maiores entre blocos principais.







quarta-feira, 23 de março de 2016

Gráficos profissionais em Excel ...

... é como Carnaval.

Para uns é animadíssimo, exuberante, coloridissimo....




Carnaval no sudeste do Brasil

Para outros parece ser algo mais sério.... J




Carnaval no sudoeste da Alemanha

No caso dos gráficos:

Para uns é animadíssimo, exuberante, coloridissimo ....




'Exar Chart Builder' - (www.exarprojects.com)
Gráficos profissionais em Excel no Brasil

Para outros parece ser algo mais sério.... J






http://www.hichert.com/en/excel/excel-templates/templates-2014.html 
Gráficos profissionais em Excel na Alemanha




quarta-feira, 9 de março de 2016

Simplify....

...ou "simplificar"é uma das normas dos IBCS-(International Business Communication Standards) e significa o uso racional dos elementos da visualização de dados. Também engloba a sugestão de se livrar de todos os itens desnecessários de visualização que possam complicar a leitura e entendimento de um gráfico, tais como cores de fundo, logos, redundâncias, "gadgets" etc. (

Como "simplify" também podemos entender o arranjo das informações em espaços bem utilizados ajudando o objetivo de apresentar a informação em questão de forma legível. Traduzido para as normas IBCS entramos assim também nos campos dos "perceptual rules" e podemos além do "simplify" aplicar principalmente as regras do "express" e "condense" (ibcs-perceptual-rules).

Recentemente observo muito o uso de uma técnica que em nada facilita a leitura e entendimento quando o objetivo é a apresentação de comparações.

No seguinte exemplo* o autor além de escolher o tipo de gráfico errado, falhou na forma de apresentar a comparação que era o principal objetivo. Colocando as informações numa sequência de gráficos no mesmo local inibimos a percepção imediata das diferentes aparências da informação apresentada. Para poder identificar as mudanças nos valores entre 2013 e 2015 precisamos mentalmente gravar a primeira situação para depois poder comparar com a segunda situação na tela. Talvez algo fácil de fazer para um expert em "Memory" mas algo quase impossível para o leitor comum. Para facilitar a tarefa de comparar as diferentes situações sugere-se que o autor coloque os gráficos um ao lado do outro na mesma área. Assim podemos enxergar em um olhar só as diferenças.







*http://www.nielsen.com/us/en/insights/news/2016/usage-based-insurance-is-gaining-traction-particularly-among-millennials.html

  
Resta a dúvida se este tipo de gráfico atenda mesmo os objetivos de uma leitura facilitada? A regra "Express" - EX 2  REPLACE INAPPROPRIATE VISUALIZATIONS com certeza possa nos ajudar... Standards-Express



segunda-feira, 31 de agosto de 2015

How to choose the right business chart.....

....é o tema de um whitepaper da Zebra.BI (www.zebra.bi)
Em 18 páginas, Andrej Lapajne, o autor do folheto, explica através de 3 regras fundamentais como o gráfico certo possa ser escolhido.

Regra 1:
Display time horizontally, category items vertically


Regra 2:
Choose the right chart for your message

- STRUCTURE ANALYSIS (CATEGORY COMPARISON)



- TIME-SERIES (TREND) ANALYSIS


- PART-TO-WHOLE COMPARISON


- VARIANCE ANALYSIS


- CONTRIBUTION ANALYSIS


- CORRELATION ANALYSIS


- PORTFOLIO ANALYSIS



Regra 3:
Select the optimal chart shape for your data

- KPIs
- Scenarios

- Trends





O link para o download do whitepaper é:  https://zebra.bi/blog/2015/08/13/how-to-choose-the-right-chart/

terça-feira, 25 de agosto de 2015