E uma das melhores equipes do mundo quando se fala em infográficos é, sem dúvida nenhuma, a do “NYTimes.com”, versão online do jornal americano “The New York Times”. Vencedora de inúmeros prêmios relacionados a Jornalismo Visual e Infografia, a equipe do jornal cria e produz conteúdos que vão muito além de apenas imagens ou gráficos estáticos, são uma extensão da notícia e auxiliam os seus leitores a entender a notícia ou assunto, complementando o texto da matéria.

Seguem aqui alguns exemplos dos melhores infográficos criados e produzidos por eles:

Terremoto no Japão

Infográfico mostrando vários dados sobre os estragos causados pelo terremoto e tsunami no Japão, com fotos, vídeos, número de desaparecidos, casas e prédios destruídos.

Pedra, papel e tesoura.

Jogo onde você pode enfrentar o computador e entender como a máquina ‘aprende’ como funciona seu pensamento e começa a utilizar seus padrões de jogadas para adivinhar sua próxima escolha.

Como as pessoas gastam seu tempo

Gráfico interativo mostrando como diversos grupos de pessoas gastam seu tempo durante o dia, entre refeições, trabalho, sono e televisão e outras atividades. É possível ter informações divididas por faixa etária, educação, sexo, raça, ocupação e número de filhos.

Cães e raças

Ensaio fotográfico com 102 cães campeões de suas raças. Alguns com o áudio do seu latido.

Homicídios em Nova York

Mais uma vez o jornal lança mão de um mapa interativo para mostrar a incidência de homicídios na cidade de Nova York ano a ano. É possível filtrar cada uma das ocorrências por dia, mês, arma utilizada, idade da vítima, idade do assassino, raça e sexo, entre outros.

Marco Zero

Mostra como está acontecendo a reconstrução do complexo do World Trade Center en NY.

18 dias de Revolução no Egito

Mapa em 3D mostra os principais acontecimentos da revolução que tomou conta das ruas da cidade do Cairo, no Egito.

Restauração do retrato de Philip IV

Infográfico ilustra como ocorreu a restauração da tela de Velázquez.

Prostestos no Egito

Linha do tempo contando, dia a dia, os fatos mais importantes dos Protestos no Egito .

Mapa das medalhas olímpicas

Gráfico e linha do tempo mostrando os países que mais ganharam medalhas olímpicas nas diversas edições dos Jogos.

É melhor comprar ou alugar?

Gráfico interativo que calcula qual a opção mais vantajosa, comprar ou vender seu imóvel, com base no seu preço, aluguel, taxa de juros, tempo de permanência e outras variáveis.

Composição da platéia do State of Union

Mostra a composição da platéria do State of Union, cerimônia onde o Presidente dos Estados Unidos delineia suas prioridades para o País.

Árvore Genealógica das Famílias Americanas

Infográfico mostrando a origem de várias famílias americanas e sua variedade étnica.

A História em "Mad Men"

Linha do tempo relacionando o enredo da série aos acontecimentos históricos americanos.

A técnica de Mariano Rivera

Vídeos, animações, fotos e áudio explicam a técnica do jogador de Baseball.

A casa do futuro

Imagem interativa mostra as características e tecnologias mais avançadas e ecológicas para construção de casas inteligentes.

Desafio contra o Superconputador da I.B.M.

Jogo de perguntas e respostas que ilustra o poder computacional da supermáquina de respostas da I.B.M., a Watson.

"Banhistas na margem de um Rio"

Linha do tempo mostra a criação da famosa tela de Henri Matisse.

Os Teatros da Broadway

Tour interativo pelos diversos teatros da mais famosa rua de shows e musicais dos EUA.

Overview sobre as revistas policiais em Nova York

Dados detalhados de cada uma das revistas realizadas pela polícia de Nova York no ano de 2009, distribuídas em um mapa interativo.

Derramamento de óleo e suas consequências

Informações sobre mancha de óleo na costa americana e seus efeitos na biosfera.

A Guerra entre Microsoft e Apple

Gráfico mostrando a guerra das duas companhias, seu valor de mercado e os principais fatos envolvendo as duas gigantes.

Gripe Suína

Timeline ilustrando como a Gripe Suína alastrou-se pelo mundo.

Orçamento Americano

Puzzle onde você deve escolher os programas e medidas orçamentárias que devem ser tomadas para balancear as contas americanas.

O ano em fotos

Retrospectiva fotográfica do ano.

Link para instalação do Flash Builder 4.

Como todas as informações são importadas do XML, editando-o você pode facilmente configurar:
• o número de linhas
• a quantidade de fotos
• o tamanho das fotos
• a perspectiva
• o tamanho da galeria
• o raio do globo
• a imagem de fundo
• a cor de fundo
• a cor das legendas
• a cor de fundo das legendas

Nenhuma biblioteca externa! É comum o uso de bibliotecas externas (como o Papervision 3D) para a criação desse tipo de galeria, mas a Globe Gallery não usa nada além das bibliotecas nativas do Flash. Ou seja, você não precisa instalar nada (além do próprio Flash CS4) para configurar e editar a galeria. Isso é ótimo para aquelas pessoas que ainda não estão familiarizadas com o uso de bibliotecas externas em AS3.

Esta galeria é ótima para quem:
» quer modificar e customizar o arquivo
» precisa de solução fácil e simples para exibir imagens de maneira criativa
» não tem conhecimento avançado de Flash

Plus!! Arquivo de ajuda completo!
Exemplos de utilização inclusos.

Veja a demo.
Faça o download!

Algumas das melhores coisas do Wonderfl (http://wonderfl.net) são suas funcionalidades de comunidade. Usuários cadastrados podem “garfar” (fork em inglês) trechos de código de outras pessoas e modificá-lo para criar algo totalmente novo. Todos os usuários são rankeados de acordo com o número de contribuições, o número de vezes que seus arquivos foram utilizados por outras pessoas, o número de linhas em cada código e o número de pessoas que favoritaram os seus arquivos.

Além de ser um ambiente colaborativo perfeito para desenvolvedores Flash, Wonderfl é um ótimo lugar para estudar e aprender ActionScript 3. Lá você encontra aplicações criadas pelos melhores programadores e designers e pode ver como elas foram feitas, além de poder editá-las e ver em realtime o que cada alteração pode produzir.

E se tudo isso não bastasse, é claro que navegar pelos arquivos e projetos do site é uma maneira infalível de buscar inspiração e novas idéias. Veja abaixo alguns exemplos do que andam fazendo por lá:

Force Field with Bresenham’s line and Sparkle

MouseGrowEffect

RainyDay

Particles and Motion blur

A Sprint, empresa de telefonia mobile, criou uma peça viral interessante para divulgar seu serviço broadband. Para convencer os consumidores a comprar seu produto, apoiando-se no bom e velho argumento de que o mundo não pára e de que hoje em dia é cada vez mais necessário estar sempre conectado [blá, blá, ..], criaram um hotsite que mostra informações em tempo real sobre tudo o que está acontecendo no mundo neste exato momento.

Como se fosse um painel, o site mostra informações como: quantos emails estão sendo mandados, qual a população mundial, quantas chamadas estão sendo feitas para o 911, qual o vídeo está sendo mais assistido no youtube e até o volume de petróleo consumido, além de imagens de câmeras espalhadas pelo mundo. A idéia não é das mais novas, assim como os dados obviamente são projeções baseadas em estatísticas, mas a execução foi muito bem sucedida.

Bom, depois desse início chato, segue o primeiro exemplo:

Este é um carrossel bastante simples, todas as informações são importadas de um XML [imagens, tooltip e textos] facilitando a edição e aplicação. O tamanho do filme [largura e altura] também pode ser modificado facilmente, assim como o tamanho de cada um dos elementos. O texto suporta acentos e pode ser bastante extenso. E o código está completamente comentado, linha por linha. Pra quem já tem intimidade pode ter ficado excessivo, mas, como disse, é pra quem está começando.

Faça o download do ZIP com XML, FLA e imagens. (Flash CS3).
[Update] Salvei também uma versão em Flash 8.

Como alterar o background

Mesmo sendo um pouco contra essa facilidade toda, afinal de contas disponibilizei o download desse arquivo para incentivar as pessoas a estudar, procurar entender como ele funciona e se aprimorar em ActionScript, e já que tanta gente pediu, segue aqui um passo a passo de como alterar o background do Carrossel. É muito simples, siga estes passos:
- basta abrir o arquivo .fla;
- abrir o painel da Library (Ctrl+L);
- clicar duas vezes sobre o símbolo da imagem de fundo (bg.png);
- clicar em “Import” e selecionar um novo arquivo;
- salve seu arquivo (Ctrl+S) e exporte-o (Ctrl+Enter).

Preciso de um carrossel flash customizado urgente para um projeto!

Algumas pessoas tem me enviado emails desesperadas porque precisam adaptar o carrossel para o seu projeto e não sabem como fazer. E claro, geralmente estão em cima do prazo. Nesse caso fazer o download desse arquivo talvez não seja a melhor opção, pois se você não tem intimidade com o Flash pode demorar para customizá-lo até chegar ao resultado ideal.

Se você está nesse dilema sugiro que pare de sofrer procurando em um milhão de lugares por um carrossel grátis (que vai te consumir horas de customização) e vá direto ao ActiveDen.

Para quem não conhece, o ActiveDen é um marketplace (uma loja se vc preferir) online de itens e componentes Flash para desenvolvedores, São milhares de arquivos, inclusive vários modelos de carrossel. Todos são revisados por profissionais antes de serem disponibilizados, o que garante a sua qualidade .Além disso os arquivos jã são desenvolvidos visando a customização e vem acompanhados de documentação explicando como editá-los. Os preços variam de $4 até $40 para os itens mais complexos. O pagamento pode ser feito com cartão de crédito de forma segura via Paypal.

Vale a pena dar uma olhada, provavelmente você encontrará boas opções por lá. Se quiser dê uma passada também pela minha página.