Storytelling com Dados

Antes de tocar em qualquer ferramenta, entenda quem e sua audiencia, o que precisa comunicar e como os dados sustentam sua mensagem. Sem contexto, ate a melhor visualizacao falha.

Nem todo dado precisa de grafico. A escolha do tipo de visual depende do que voce quer comunicar. Knaflic apresenta uma taxonomia clara dos tipos de visualizacao e quando usar cada um.

Saturacao sao elementos visuais que ocupam espaco sem aumentar a compreensao. Knaflic usa os Principios de Gestalt e o conceito de carga cognitiva para ensinar a identificar e eliminar ruido.

Atributos pre-atentivos sao propriedades visuais que o cerebro processa automaticamente antes da atencao consciente. Dominá-los e a chave para guiar o olhar do publico.

Design nao e decoracao — e tornar a informacao acessivel e confiavel. Knaflic estrutura o pensamento de designer em tres conceitos fundamentais e tres regras praticas.

Uma historia tem inicio, meio e fim. Em dados, isso significa estabelecer o contexto, criar tensao com os dados e oferecer resolucao com uma acao clara. A narrativa transforma numeros em significado.

Os capitulos finais do livro unem todas as 6 licoes em um processo iterativo, demonstrado atraves de um walkthrough completo e multiplos estudos de caso de diversas industrias.

flowchart TD
    A["Entenda o Contexto"] --> B["Escolha o Visual"]
    B --> C["Elimine Saturacao"]
    C --> D["Focalize Atencao"]
    D --> E["Aplique Design"]
    E --> F["Construa Narrativa"]
    F --> G{"Teste com
Audiencia"}
    G -->|"Claro"| H["Comunique"]
    G -->|"Confuso"| I["Itere"]
    I --> C

    classDef step1 fill:#E07A5F22,stroke:#E07A5F,stroke-width:2px
    classDef step2 fill:#3D5A4722,stroke:#3D5A47,stroke-width:2px
    classDef step3 fill:#C4983A22,stroke:#C4983A,stroke-width:2px
    classDef step4 fill:#5B7B9522,stroke:#5B7B95,stroke-width:2px
    classDef step5 fill:#9B5D7322,stroke:#9B5D73,stroke-width:2px
    classDef step6 fill:#E07A5F33,stroke:#E07A5F,stroke-width:2px
    classDef decision fill:#C4983A11,stroke:#C4983A,stroke-width:2px
    classDef final fill:#3D5A4733,stroke:#3D5A47,stroke-width:2px

    class A step1
    class B step2
    class C step3
    class D step4
    class E step5
    class F step6
    class G decision
    class H final
    class I step3