Representar dados graficamente para melhorar sua compreensão tornou-se comum na Web. Muitos frameworks, principalmente baseados em JavaScript, surgiram. A escolha do correto muitas vezes depende dos tipos de dados a serem representados e da cobertura desejada para o serviço. Mas cuidado, alguns são muito mais complicados de dominar!
Estruturas de representação gráfica:
D3.js http://d3js.org/
Mais
Muitas possibilidades
Permite classificar e processar dados tabulares
O menos
Comunidade menor porque solução menos usada (pouco suporte)
Complexidade de uso e integração
Execução lenta
Baseada em SVG , esta solução oferece ampla compatibilidade (a partir do IE9). É pouco usado embora seja muito completo. Mesmo que a comunidade esteja crescendo e mais e mais exemplos estejam disponíveis, o D3.js continua sendo muito complicado de usar.
iCharts http://www.icarts.net/
Mais
Suporte disponível
Facilidade de uso e interação
Velocidade de execução
O menos
Renderizações limitadas e comuns
Poucas interações
A licença paga
Baixa compatibilidade
O iCharts é uma solução amplamente usada, mas paga. Baseia-se na tecnologia CANVAS que não permite grande compatibilidade. Tem a vantagem de estar disponível na nuvem e é muito semelhante à solução utilizada pela Google no sistema de análise.
ChartJS http://www.charjs.org/
Mais
Facilidade de “personalização”
A disponibilidade de modelos
O menos
Baixa compatibilidade (Canvas)
Uma estrutura que pode ser vinculativa
Amplamente utilizada, esta solução tem uma comunidade muito grande e, portanto, um suporte disponível muito importante.
HighCharts http://www.highcharts.com/
Mais
Muitas possibilidades
Muitas interações possíveis
meios disponíveis
O menos
Fórmulas pagas
Esta solução é exigível, mas depende de uma comunidade muito grande. Utilizado por grandes nomes da Web, permite um grande número de representações gráficas e integração completa.
em conclusão
É difícil dizer que uma solução é melhor que outra. Porque, mais uma vez, o framework mais adequado depende da necessidade... Se apenas um tivesse que ser escolhido, o D3.js certamente seria a solução a escolher porque permite uma personalização gráfica muito extensa e impressionante, mas cuidado, também é extremamente completo e complexo!
UX/UI ECO-DESIGN # Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine
DESIGN THINKING: CRIANDO INOVAÇÃO # Bélgica
UX-REPUBLIC Bélgica
Avenida de Broqueville, 12 - 1150 Woluwe-Saint-Pierre
GERENCIANDO E MEDINDO UX # Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine
DESIGN SPRINT: INICIAÇÃO E FACILITAÇÃO # Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine
UX-DESIGN: OS FUNDAMENTOS # Bélgica
UX-REPUBLIC Bélgica
Avenida de Broqueville, 12 - 1150 Woluwe-Saint-Pierre
GERENCIADOR DE TAG DO GOOGLE # Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine
GOOGLE ANALYTICS 4#Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine
DESIGN UX/UI ACESSÍVEL # Bélgica
UX-REPUBLIC Bélgica
Avenida de Broqueville, 12 - 1150 Woluwe-Saint-Pierre
EXPERIÊNCIA DE MAPEAMENTO # Paris
SORRISO Paris
163 cais de Doctor Dervaux 92600 Asnières-sur-Seine