Qual é a melhor maneira de criar gráficos atraentes?


12

Eu tenho um monte de gráficos de pizza e gráficos de barras para compensar um cliente. Eles me deram os dados brutos e querem que eles sejam feitos de maneira atraente e fácil de entender.

Isso significa que eu tenho que trabalhar as divisões e fazer um gráfico de tudo do zero antes mesmo de torná-lo mais atraente? Existe uma maneira mais rápida de fazer isso?

Atualização: Para evitar confusão. Basicamente, eles serão gráficos vetoriais, produzidos como arquivos EPS e no ilustrador, idealmente por causa de sua excelente capacidade vetorial.

Felicidades


1
Quais aplicativos você normalmente usa para criar sua arte? Existem muitas maneiras de abordar isso, mas saber com o que você tem falará qual é o método mais relevante.
Philip Regan

Respostas:


7

O Illustrator possui uma função pela qual você pode inserir os valores em um formato de planilha (e acredito que você pode importar ou colar um arquivo delimitado por vírgula ou tabulação para facilitar o uso) e gerar um gráfico de sua escolha on-the- mosca. Além disso, se você alterar os valores na planilha, o gráfico é atualizado automaticamente. A coisa toda está em formato vetorial e completamente personalizável. A pesquisa de "gráficos ilustradores" traz muitos bons tutoriais .

Eu não recomendaria usar o Excel para isso, porque as opções de design são limitadas e, portanto, parecem um gráfico do Excel; o Excel pode gerar apenas gráficos de baixa qualidade (como na qualidade de impressão e definitivamente não é uma boa arte vetorial).


O uso do Excel viria apenas como um modelo para obter as divisões / ângulos e valores corretos, mas o gráfico seria desenhado por cima. Obrigado por me falar sobre a funcionalidade de gráficos do Illustrator, eu o uso há anos e não percebi.
Dan Hanly

3

O que você está usando para criar os gráficos?

A maioria dos pacotes de software permite definir suas cores após a criação do gráfico. Nesse ponto, é uma questão de decidir sobre uma paleta. Em um gráfico de pizza, eu prefiro ter cores bastante diferentes para cada "fatia", especialmente se houver várias "fatias" pequenas. Por exemplo, é realmente difícil dizer a diferença entre alguns tons de roxo e alguns tons de azul, se forem realmente pequenos. Ou, na sua falta, verifique se as cores "semelhantes" estão separadas umas das outras (como os azuis neste gráfico).

Gráfico de pizza

Para gráficos de barras, você pode se dar bem com uma paleta bastante próxima - variações nos mesmos tons de azul, por exemplo, provavelmente serão boas, pois há uma clara separação visual entre as colunas:

Gráfico de barras

Você poderia, é claro, tornar uma barra de uma cor completamente diferente se você estiver tentando chamar a atenção do público para um único ponto de conversa ("... e como você pode ver, seria muito mais barato criar um exército de zumbis do que ter que pagar a legiões de soldados vivos salários e benefícios ... ".

Uma outra palavra de cautela: tenha cuidado ao usar padrões em qualquer um desses; os gráficos geralmente dependem do olho humano para poder distinguir a diferença entre as bordas das as várias formas e um padrão podem facilmente interferir nessa capacidade.Se você for usar um padrão em um gráfico, verifique se ele não distrai.

BTW, usei o MS Excel para fazer isso como um conjunto de ilustrações rápido e sujo. Você pode clicar duas vezes nas partes do gráfico para reatribuir cores, etc. Claramente, o processo será diferente dependendo do que você está usando para criar os gráficos.


Além disso, seus sinalizadores de dados serão críticos. Observe que o gráfico de pizza não indica realmente o que os números significam. Isso porque eu esqueci de colocar uma lenda que dizia "Minions needed (milhares)" na parte inferior.
lawndartcatcher

basicamente, eles serão gráficos vetoriais e no ilustrador, idealmente, por causa de sua excelente capacidade vetorial. Eu poderia usar o MSExcel para gerar o gráfico e, em seguida, traçar uma forma de vetor sobre ele, suponho que dessa maneira obtenho as divisões e as áreas com os tamanhos / ângulos corretos e posso aumentá-las o quanto quiser! Win
Dan Hanly

1
Nice opções para os gráficos, BTW ;-)
Pearsonartphoto

@ Daniel: Você deve editar sua pergunta original para incluir seu comentário acima.
e100

2

Eu sei o que você está perguntando, mas você deve pensar sobre isso de outra maneira. O que faz um gráfico atraente?

Você recebeu os dados brutos, mas o que isso significa? Os gráficos de pizza e de barras adicionam detalhes a certos tipos de dados e tornam o significado desses dados mais claro, mas eles fazem o oposto para outros tipos de dados. Os melhores gráficos são supergráficos de alta definição que retransmitem informações de maneira não distraída.

Não faça mais trabalho do que o necessário. Comece com os dados e analise que tipo de dados você possui e o que eles estão tentando dizer. Em seguida, esboce algumas idéias para seu infográfico no papel. Depois de ter isso em mãos, o software que você usará para digitalizar seu design ficará óbvio para você.

Mais sobre infográficos atraentes: http://www.edwardtufte.com/

Coloque-o online (sempre vem a seguir!): Http://g.raphaeljs.com/


1

Dados -> inseridos no Excel -> criar gráfico -> use como modelo visual para criar um gráfico bonito.


1

Outra opção é criar seus gráficos no Excel, colá-los no Illustrator e organizá-los lá em cima.

Isso tem vantagens sobre o rastreamento ou a criação de gráficos na IA, se eles forem muito complexos, por exemplo, um gráfico de dispersão ou linha com centenas de pontos, ou um que exija linhas de tendência ou outras

Mas pode ser complicado - eles não necessariamente se separam de forma limpa.


Suponho que a resposta aqui seria realmente rastrear completamente eles. Não os separe, troque-os e solte-os no ilustrador. Tudo o que tenho a fazer é seguir as linhas.
Dan Hanly

1

Gostaria de me referir à parte de atratividade da sua pergunta com este gif:

Gráfico gif


0

O LiveGap Chart Builder é uma maneira fácil de criar gráficos online. com a visualização ao vivo e a galeria de gráficos Site: charts.livegap.com

insira a descrição da imagem aqui insira a descrição da imagem aqui insira a descrição da imagem aqui

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.