Nos últimos anos, com a modernização da ascensão de dados grande, e o desempenho do navegador, visualização de dados em um ponto quente para o front-end também saiu um monte de trabalhos de visualização de dados. Eu também fiz alguns produtos de visualização de dados relacionados, algumas reflexões sobre visualização de dados conversa abaixo. A visualização de dados aqui geralmente refere-se especificamente para a extremidade frontal da visualização de dados da empresa Internet contacto teia
visualização de dados, os dados são de pesquisa científica e tecnológica em manifestações visuais. Em que, a manifestação visual de tais dados é definido como um resumo extraído de alguma forma, incluindo vários atributos e variáveis da unidade de informação correspondente. É um conceito em evolução entre o, constante expansão de suas fronteiras. Principalmente, refere-se à tecnologia e métodos tecnicamente mais avançadas, e estes métodos permitem a utilização de artes gráficas, processamento de imagem, de visão por computador e um interface de utilizador, através da expressão de uma modelação tridimensional, e a superfície da tela, e as propriedades de animação, os dados a serem visualizados explicou. Comparado com o método particular de técnica de modelagem sólida ou semelhante, os métodos da técnica de visualização de dados abrangia muito mais ampla. ---------------------- Enciclopédia Baidu
A visualização front-end, muitas vezes referidos meios de exibição visual que a maioria do auxílio sob a forma dos gráficos da curva do número de dados relacionados mais diretos, vivas e de exibição específico em uma página web. Fazer um bom Gerente de produto para produtos de dados é necessária -> Designer -> a frente -> back-end -> companheiro em estreita cooperação e coordenação de todo o link do usuário.
Produtos precisa entender a base teórica de visualização de dados, que pode visualizar os dados, os dados que os usuários mais querem.
Incluindo visual e designers de interação precisam gerenciar mostrar dados claramente como a mais razoável, curva, gráficos de barras, gráficos de pizza, quais são as vantagens e desvantagens, não apenas para o projeto estético de uma aparência bons gráficos e dados, independentemente da situação real, para mostrá-lo muito estranho.
Na verdade, o front-end do qual é a parte mais próxima, como aquisição de dados, o formato antes e após o término das soluções tecnológicas mais amigáveis e quais são SVG biblioteca, biblioteca ou tela, ou usar sua própria linha e biblioteca de ready-made. Quão alto custo de implementação, problemas de desempenho, como escalável devem ser considerados
Backend considerar está puxando dados, formatos de dados, e de considerar que os dados podem ser adquiridos.
A descrição acima é apenas uma divisão grosseira de trabalho. Aqui ler um artigo com cuidado, este bolo venenosa! No gráfico de pizza para abrir o caminho certo para algumas das experiências que falam que pode ter encontrado, e eu sinto o mesmo
Eu tenho esses dados, como gráficos de barras, gráficos de linha, gráficos de pizza pode indicar ah, no final deve escolher?
gráfico de pizza e quase circular, dependendo de mim para fazer outro conteúdo exibido no meio dele?
Can I mapeamento dimensão do raio de dados para o gráfico de pizza
visualização de dados mais importante não é de boa aparência, mas compreender este quadro deixa claro transmitir um significado.
Na verdade, esta área está relacionada com a escola infográficos base de conhecimento relevante não teria feito esses erros. Alipay tem um G2 há dois gráficos relevantes para aprender as noções básicas de introdução, eu pessoalmente acho que este é um passo mais perto de G2 do que Echart, um dos pontos mais padronizado.
veja aqui
base Visualization - traçar as recomendações https: //antv.alipay.com/vis/d ...
base Visualization - gráficos especificações diretrizes de design: HTTPS: //antv.alipay.com/vis/d ...
Bem como a literatura clássica:
em pesquisa e visualização de dados, a "visualização de dados", "Os gráficos Grammarof", " fácil de compreender as estatísticas", "computação gráfica geométricas ferramentas algoritmos explicar", "Análise Visualização e Design" , "ggplot2: análise de dados e artes gráficas ".
Queixando-se tanto com base na seguinte conversa sobre algum do desenvolvimento relevante e seleção de tecnologia na visualização front-end
Primeiro precisamos entender um ponto de vista: a seleção tecnologia não é uma vez por todas, será sempre baseada na situação real do seu projeto e suas preferências pessoais e base técnica para fazer a seleção.
Aqui para falar sobre alguma biblioteca de gráficos comum e tecnologias relacionadas:
1.echarts
echarts considerados gráfico caseiro caril o melhor. EFE equipa técnica é também a equipe de visualização mais poderosa. Como o uso de recipiente prestação de lona. Algumas implementações como a estrutura subjacente zrender para desenvolver seus próprios eventos de mouse gradualmente se acostumando.
echart2.0 correspondendo a componentes diferentes, tais como o eixo de coordenadas legenda é diferente para tornar as lona são então combinadas em uma echart3 dentro da tela, a suposição estrutura subjacente deve ser actualizado
blog: http://efe.baidu.com/ , o meu humilde blog é a cópia da sua pele. . . . . .
Este blog mais muito lento.
HTTP: //echarts.baidu.com/blog ... .
2.highcharts
Este quadro com um monte de gente, é o principal IE6 também apoiou. . . . . . . . . No entanto, ovos e Microsoft não suportam o IE6. Taobao mesmo IE8 não suportam. . . . As taxas de biblioteca, o uso subjacente de SVG. Privado achava que ele não usou a API Echart amigável.
3.G2- Alipay
produtos de vestuário ouro formiga, o recipiente gráfico como a lona, a equipe de Yu Bo desenvolvido. Como devo dizer. . Esta coisa parecia muito bom, mas o uso real da maioria das pessoas não iria ajuda para escolher os dois primeiros, grande Ali coisas open source é nesses casos um fantasma. As coisas estão bem, com medo de fazê-lo fazê-lo sem a equipe. E seu site oficial que se parece com o início do exemplo que é azul concurso (ou verde claro?) Parece fazer as pessoas sentirem o produto era frívola, ao contrário dos echarts de tinta preta um negócio vento constante. Agora parece que um estilo calmo mover-se lentamente para mais perto. Continue sentindo bem.
4.d3.js
d3 pode ser considerado um produto qualificados mais velhas, o uso da carta como recipiente SVG. No primeiro a sair da incrível variedade de comparação animação tipos de gráficos também são muito ricos, um sentimento echarts também começaram a se referir a ele vários novos tipos de gráficos Gráfico Exemplo.
D3 vantagem de uma variedade de exemplos de demonstração ajuste mais perfeito provocada pela demonstração desvantagem não é adequado para o desenvolvimento secundário, api familiar, então você pode direcionar sua própria pintura, ele é uma espécie de api e SVG compatível dom da analogia corresponde jQuery para o HTML DOM.
outros:
Uma mãe de dois anos atrás, Ali teve aparentemente uma biblioteca gráfico, eu tinha uma mensagem a dizer de volta para eles: Por que não primeiro a sair de uma biblioteca de mercado de terminais gráficos móvel talvez mais. Looks como última presas queda para o KPI
Estas são algumas da biblioteca de gráficos mais comum, precisamos necessidade de fazer alguma seleção tecnologia baseada no projeto real.
Móveis carta final biblioteca, echarts e G2 deve ser capaz de. final pc depende da preferência pessoal. Relatórios tipo de projetistas para ver o efeito da pintura projecto que, echarts máxima personalização, G2 nunca usado, documento Highcharts não é perfeito.
Monitorar os tipos de projetos que requerem atualizações de dados freqüentes escolha de desempenho da lona preferidos devem ser melhor.
O seguinte cenário de aplicação de visualização de dados Discussão geral
classe relatório, tipo de monitor, o tipo móvel projecto de eficiência pr, o tipo de mapa, sistema de visualização de dados.
classe relatório
Relatório classe usando a cena, gráficos e mais fácil de usar echarts gerais dentro do gráfico de exemplo será capaz de atender,
categoria monitoramento
classe monitorando um pouco mais complicado, geralmente quando se trata de desempenho em tempo real e robustez, a necessidade de considerar o desenvolvimento de desempenho interface de back-end, e gráfico de renderização de páginas problemas de desempenho, depois de uma grande quantidade de dados sobre as extremidades dianteiras e traseiras são muito desafiador. Ele também é mais interessante para fazer, e pode fazer cenários de negócios que combinam um conjunto de produtos e sistemas de visualização de dados.
classe PR é emitido dongxiao
Este tipo de projeto normalmente tem uma característica: hyun aguda, cansado. Projeto impaciente ciclo e efeitos de animação com o atordoamento, e começou a viver muito cansado. Ocasionalmente indo bem, nunca fui capaz de sentir a viagem é um pouco tendencioso, mas raramente pode encontrar bibliotecas e frameworks prontas, pré requer muita investigação técnica e reservas técnicas. bibliotecas associadas geralmente requerem biblioteca efeito da lona, WebGL bibliotecas, tais como: http://www.pixijs.com/ , threejs, exigindo pode precisar de alguns jogos para ajudar a biblioteca, tais como: HTTPS: //www.egret .com /, http://www.createjs.com/ e assim por diante .
classe map
Tal visualização de dados para fora sozinho, porque agora cada vez mais necessidade cena visualização de dados para usar o mapa. Esta é a visualização de dados tem sido o mais problemático, geralmente usamos mapa Echart, ou Baidu mapa, altos mapas morais para desenvolver, na verdade, Baidu também mapear uma biblioteca mapa de visualização http://mapv.baidu.com/ , mostrar efeito Echart não é bom. . . . necessidades de desenvolvimento personalizado dos alunos realmente pode levar diretamente Baidu mapa como a Mongólia no mapa então coberto com uma camada de classe, e em seguida, cobertos nesta classe para preencher uma tela para fazer algumas extensões próprias ver Baidu mapear demonstração; mapear trás. . CSS pode esconder. . . . .
Sistema de visualização de dados
Esta categoria é relativamente grande, ainda precisamos ver cenários de negócios, alguns cenário de negócios é particularmente adequado para um bando de dados associados com o sistema de visualização. Bom senso de realização ou completo.
================================================
Para ser continuado
=======================================
Este artigo é reproduzido em: macaco 2048➺ https://www.mk2048.com/blog/blog.php?id=hacbcb2i00j