Charts and Tables in Annual Reports II

 In the last edition we showed some examples of charts and tables in annual reports. As can be seen, the charts used by the companies don't facilitate the understanding of information and underlying text. It seems that annual reports are considered more as a medium for PR effects and for "book readers" than for fast and detailed information means.

Our new examples show that in other segments like communication and media this behavior prevails.

Annual Report 2019  NZZ Mediagruppe

Charts

Tables

A New Way to Visualize an Income Statement

O Andy Kriebel no seu blog VizWiz-Data Viz Done Right (www.vizwiz.com) apresenta de forma abundante e inovador um montão de casos de visualização de dados.
Um dos recentes casos trata de visualização de dados financeiros através do exemplo da demonstração de lucros e perdas (http://www.vizwiz.com/2017/07/income-statement.html)

Partindo de uma apresentação típica combinando gráfico e tabela ele mostra em seguida uma nova forma através de um dashboard.

Dentro do dashboard ele introduz alguns novos elementos de visualização como o bar chart em forma de bullet chart e sparklines para apresentar os desvios mensais com o orçado.

Assim ele consegue juntar dados estruturados (itens do P&L) com dados de séries de tempo.

Em relação à apresentação anterior é muito mais fácil de captar a situação financeira da entidade.

Porém fica um pouco difícil para o leitor de identificar a grandeza dos valores e o tamanho dos desvios entre o ano anterior e o atual.

Uma pequena reorganização do quadro seguindo a metodologia IBCS resulta em uma ainda melhor legibilidade dos valores. Organizando os itens de cima pra baixo na sequencia do esquema de calculo e escalonando os valores obtemos uma visão real dos valores absolutos e seus desvios nos determinados cenários. No lado direito podemos colocar as séries de tempo dos desvios em relação ao budget e até se for preciso fornecer os valores absolutos mensais.  

A very common chart type.... To color or not to color?

Some time ago I published a contribution about an original column chart which could be displayed best according to IBCS rules as a bar chart.  IBCS also suggests to follow a color scheme where different tons of grey/black are applied as basic chart colors. In some cases, especially when it comes to corporate presentations and where certain colors are part of corporate design it is useful to apply different color schemes. What do you think?

"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 e 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.