En los últimos años, con la mejora de la subida de datos grande, y el rendimiento del navegador, la visualización de datos en un punto caliente para la parte delantera también salió una gran cantidad de puestos de trabajo de visualización de datos. También hice algunos productos relacionados con la visualización de datos, algunas reflexiones sobre la charla de visualización de datos a continuación. visualización de datos se refiere en el presente documento en general específicamente para el extremo delantero de la visualización de datos empresa de Internet contacto web
La visualización de datos, los datos es la investigación científica y tecnológica en las manifestaciones visuales. En el que, la manifestación visual de tales datos se define como un resumen extraído de alguna forma con diversos atributos y variables de la unidad de información correspondiente. Es un concepto en evolución entre los, en constante expansión de sus límites. Principalmente se refiere a la tecnología y los métodos técnicamente más avanzada, y estos métodos permiten el uso del arte gráfico, procesamiento de imágenes, la visión por ordenador y una interfaz de usuario, mediante la expresión de un modelado tridimensional, y la superficie de visualización, y las propiedades de animación, los datos a ser visualizados explicó. En comparación con el método particular de la técnica de modelado de sólidos o similares, métodos de la técnica de visualización de datos abarcados mucho más amplio. ---------------------- Baidu Enciclopedia
La visualización front-end menudo dichos medios de presentación visual que la mayor parte de la ayuda en la forma de los gráficos de la curva de la cantidad de datos relacionados más directos, vivos y específicos de pantalla de una página web. Hacer un gestor de buen producto para los productos de datos es necesaria -> diseñador -> el frente -> back-end -> mate en estrecha cooperación y coordinación de todo el enlace de usuario.
Productos necesitan entender las bases teóricas de la visualización de datos, que puede visualizar los datos, los datos que los usuarios quieren más.
Incluyendo visual y diseñadores de interacción necesidad de gestionar datos muestran claramente cómo el más razonable, curva, gráficos de barras, gráficos circulares, ¿cuáles son las ventajas y desventajas, no sólo para el diseño estético de un buen aspecto gráficos y datos, independientemente de la situación real, para mostrar que muy extraño.
De hecho, la parte delantera de la que es la parte más cercana, la forma de adquisición de datos, qué formato antes y después del final de las soluciones tecnológicas más amigables y cuáles son biblioteca SVG, la biblioteca o el lienzo, o utilizar su propia línea y la biblioteca ya hecho. ¿Qué tan alto costo de implementación, problemas de rendimiento, la escalabilidad de han de considerarse
Backend a tener en cuenta es la extracción de datos, formatos de datos, y para considerar qué datos pueden ser adquiridos.
La descripción anterior es sólo una división aproximada de mano de obra. Aquí leer un artículo con cuidado, esta torta venenosa! En el gráfico circular para abrir el camino correcto para algunas de las experiencias que hablan es posible que hayamos encontrado, y me siento la misma
Tengo estos datos, como gráficos de barras, gráficos de líneas, gráficos circulares pueden indicar ah, al final debería elegir?
gráfico circular y casi circular, dependiendo de mí para hacer otro tipo de contenido que aparecen en el centro de la misma?
Can I datos de asignación cota de radio al gráfico de sectores
La visualización de datos lo más importante no es guapo, sino entendidos de esta tabla hace que transmiten un significado claro.
De hecho, esta área está relacionada con la escuela infografía base de conocimientos relevantes que no han hecho esos errores. Alipay tiene un G2 hay dos cartas pertinentes para aprender los conceptos básicos de introducción, yo personalmente creo que esto es un paso más cerca de G2 que Echart, uno de los puntos más estandarizada.
Vea aquí
base Visualización - trazar las recomendaciones https: //antv.alipay.com/vis/d ...
base Visualización - gráficas directrices de diseño de especificaciones: HTTPS: //antv.alipay.com/vis/d ...
Así como la literatura clásica:
en la investigación y la visualización de datos, la "visualización de datos", "El Gráficos Grammarof", " fácil de entender las estadísticas", "gráficos por ordenador herramientas geométricas algoritmos explican", "Análisis de Visualización y Diseño" , "ggplot2: análisis de datos y artes gráficas ".
El quejarse tanto sobre la base de la siguiente charla sobre algunos de los desarrollos relevantes y selección de la tecnología en la visualización de front-end
En primer lugar hay que entender un punto de vista: selección de la tecnología no es una vez por todas, siempre será sobre la base de la situación real de su proyecto y sus preferencias personales y fundamento técnico para hacer la selección.
Aquí para hablar de alguna biblioteca de gráficos común y tecnologías relacionadas:
1.echarts
eCharts considerados tabla hecha en casa del curry lo mejor. EFE equipo técnico es también el equipo de visualización más potente. A medida que el uso de contenedores de representación de la lona. Algunas implementaciones como zrender marco subyacente para desarrollar sus propios eventos de ratón poco a poco acostumbrando.
echart2.0 correspondientes a diferentes componentes, tales como eje de coordenadas leyenda es diferente para hacer que los de la lona se combinan entonces en un echart3 dentro de la tela, la suposición subyacente marco debe actualizarse
blog: http://efe.baidu.com/ , mi humilde blog es la copia de su piel. . . . . .
Este blog más muy lento.
HTTP: //echarts.baidu.com/blog ... .
2.highcharts
Este marco con una gran cantidad de personas, es el principal IE6 también apoyó. . . . . . . . . Sin embargo, los huevos y Microsoft no son compatibles con el IE6. Taobao incluso IE8 no son compatibles. . . . Los cargos de la biblioteca, el uso subyacente de SVG. Privada pensó que no hizo uso de la API Echart amigable.
3.G2- Alipay
prendas de vestir de oro de hormigas, el contenedor gráfico como lienzo, el equipo de Yu Bo desarrollados. ¿Cómo debo decir. . Esto se ve bastante bueno, pero el uso real de la mayoría de la gente no le ayuda a elegir los dos primeros, cosas grandes de código abierto Ali estos casos es un fantasma. Las cosas están bien, con miedo de hacerlo hacerlo sin el equipo. Y su sitio web oficial, que parece ser el comienzo del ejemplo que es de color azul tierno (o verde claro?) Parece que la gente siente que el producto era frívola, a diferencia de los eCharts de tinta negra un viento constante de negocios. Ahora parece que un estilo sosegado mover lentamente más cerca. Continuar sentirse bien.
4.d3.js
d3 puede ser considerado un productos más antiguos cualificados, el uso de la tabla como contenedor SVG. Al principio de la increíble variedad de tipos de gráficos de comparación de animación también son muy ricos, una sensación eCharts también comenzaron a referirse a ella varios nuevos tipos de gráficos Gráfico ejemplo.
D3 disfrutar de una variedad de ejemplos de demostración en forma más perfecta provocada por la demostración inconveniente no es adecuado para el desarrollo de secundaria, api familiar, entonces puede dirigir su propia pintura, que es una especie de principios activos y SVG compatible DOM de la analogía jQuery se corresponde con el código HTML DOM.
otros:
Hace dos años madre, Ali tenía aparentemente de una biblioteca gráfica, que tenía un mensaje para decir de nuevo a ellos: ¿Por qué no el primero de una biblioteca de gráficos mercado de terminales móviles tal vez más. Se parece a la última presa caída al KPI
Estas son algunas de la biblioteca de gráficos más común, necesitamos necesidad de hacer algo de selección de la tecnología basada en el proyecto actual.
Mobile tabla de extremo de la biblioteca, eCharts y G2 deben poder. PC de gama depende de las preferencias personales. Informa del tipo de los diseñadores del proyecto para ver el efecto de la pintura de proyecto que, eCharts máxima personalización, G2 nunca utilizado, documento Highcharts no es perfecto.
Monitorear los tipos de proyectos que requieren frecuentes actualizaciones de datos elección de rendimiento de tela preferidos debe ser mejor.
El siguiente escenario de aplicación de visualización de datos de conversación en general
Informe clase, tipo de monitor, el tipo movible proyecto pr eficiencia, el tipo de mapa, el sistema de visualización de datos.
informe de la clase
Informe de la clase usando la escena, gráficos y más fácil de usar eCharts generales dentro del gráfico muestra será capaz de cumplir,
monitoreo de la categoría
clase monitoreo poco más complicado, por lo general cuando se trata de rendimiento en tiempo real y la robustez, la necesidad de considerar el desarrollo de un rendimiento de interfaz de servicios de fondo, y la página de problemas de rendimiento gráfico de representación, después de una gran cantidad de datos en los extremos delantero y trasero son muy difíciles. También es más interesante que hacer, y puede hacer escenarios de negocio que combina un conjunto de productos y sistemas de visualización de datos.
clase PR se emite dongxiao
Este tipo de proyectos por lo general tiene una característica: Hyun aguda, cansado. Proyecto impaciente ciclo y efectos de animación a los aturde, y comenzaron a vivir muy cansado. De vez en cuando haciendo bien, nunca han sido capaces de sentir el viaje es un poco subjetivo, pero rara vez se puede encontrar bibliotecas y los marcos ya hechos, pre requiere una gran cantidad de investigaciones técnicas y las reservas técnicas. bibliotecas asociadas generalmente requieren biblioteca efecto de la lona, WebGL bibliotecas, tales como: http://www.pixijs.com/ , threejs, exigiendo pueden necesitar algunos juegos para ayudar a la biblioteca, tales como: HTTPS: //www.egret .com /, http://www.createjs.com/ y así sucesivamente .
mapa de clases
Tal visualización de datos a cabo solo, porque ahora cada vez más la escena de visualización de datos necesidad de utilizar el mapa. Esta es la visualización de datos ha sido el más problemático, por lo general usamos mapa Echart, o Baidu mapa, mapas altas morales para desarrollar, de hecho, Baidu también trazar una biblioteca de visualización de mapas http://mapv.baidu.com/ , espectáculo Echart efecto no es bueno. . . . las necesidades de desarrollo de encargo de los estudiantes realmente pueden tomar directamente como Baidu mapa de Mongolia en el mapa luego se cubre con una capa de clase, y luego se cubre en esta clase para llenar un lienzo para hacer algunas propias extensiones Baidu ver mapa de demostración; mapear atrás. . Css puede ocultar. . . . .
Sistema de Visualización de Datos
Esta categoría es relativamente grande, todavía tienen que ver escenarios de negocio, algunos escenario de negocio es especialmente adecuado para un montón de datos asociados con el sistema de visualización. Buen sentido de logro o total.
================================================
Continuará
=======================================
Este artículo se reproduce en: mono 2048➺ https://www.mk2048.com/blog/blog.php?id=hacbcb2i00j