Ces dernières années, avec la mise à niveau de la hausse des grandes données et les performances du navigateur, la visualisation des données dans un point chaud pour l'avant aussi est sorti beaucoup d'emplois de visualisation de données. Je l'ai fait aussi des produits liés à la visualisation des données, quelques réflexions sur la conférence de visualisation des données ci-dessous. visualisation de données ici se réfère généralement spécifiquement à l'extrémité avant de la société Internet web contact visualisation des données
visualisation de données, les données sont la recherche scientifique et technologique sur les manifestations visuelles. Dans lequel, la manifestation visuelle de ces données est défini comme étant un résumé extrait dans une forme quelconque, y compris les divers attributs et les variables de l'unité d'information correspondante. Il est un concept dans l'évolution entre, en constante expansion de ses frontières. Principalement, il se réfère à la technologie techniquement plus avancés et les méthodes et ces méthodes permettent l'utilisation de l'art graphique, traitement d'image, la vision par ordinateur et une interface utilisateur, par l'expression d'une modélisation en trois dimensions, et la surface d'affichage, et les propriétés de l'animation, les données à visualiser expliqué. Par rapport à la méthode particulière de la technique de modélisation de solides ou analogues, procédés de la technique de visualisation de données englobés beaucoup plus large. ---------------------- Baidu Encyclopédie
La visualisation frontal a souvent un moyen d'affichage visuel que la plupart de l'aide sous forme de tableaux de courbe le nombre de données connexes plus directes, vives et d'affichage spécifique sur une page Web. Faites un bon gestionnaire de produit pour les produits de données est nécessaire -> Designer -> l'avant -> back-end -> compagnon en étroite collaboration et la coordination de l'ensemble du lien utilisateur.
Les produits doivent comprendre les bases théoriques de la visualisation des données, qui peuvent visualiser les données, ce que les utilisateurs des données veulent plus.
Y compris visuelle et les concepteurs d'interaction ont besoin pour gérer les données montrent clairement comment le plus raisonnable, la courbe, les graphiques à barres, camemberts, quels sont les avantages et les inconvénients, non seulement pour la conception esthétique d'un graphisme de bonne mine, et les données quelle que soit la situation réelle, de le montrer très étrange.
En fait, l'extrémité avant est la partie la plus proche, comment l'acquisition de données, quel format avant et après la fin des plus sympathiques et les solutions technologiques sont la bibliothèque svg, une bibliothèque ou une toile, ou utiliser leur propre ligne et d'une bibliothèque prête. Comment le coût élevé mise en œuvre, les problèmes de performance, comment évolutive sont à considérer
Backend à considérer tire les formats de données, les données, et d'examiner les données peuvent être acquises.
La description ci - dessus est seulement une division grossière du travail. lire ici un article soigneusement, ce gâteau empoisonné! Sur le graphique circulaire pour ouvrir la voie à quelques - unes des expériences qui parlent nous avons rencontré, et je me sens de la même
J'ai ces données, comme les graphiques à barres, des graphiques linéaires, des diagrammes circulaires peuvent indiquer ah, à la fin devrait choisir?
Graphique circulaire et presque circulaire, selon moi de faire autre contenu affiché au milieu de celui-ci?
des données cartographiques de cote de rayon peut I du diagramme circulaire
visualisation de données plus important est pas beau, mais comprendre ce tableau fait clairement donner une signification.
En fait, ce domaine est lié à l'école de infographies de base de connaissances pertinentes aurait pas fait ces erreurs. Alipay a un G2 il y a deux cartes pertinentes, pour apprendre les rudiments de l'introduction, je pense personnellement que cela est un peu plus de G2 que DossiÉ, l'un des points plus normalisé.
voir ici
base de visualisation - tracer les recommandations https: //antv.alipay.com/vis/d ...
base de visualisation - lignes directrices de conception graphique spécifications: HTTPS: //antv.alipay.com/vis/d ...
Ainsi que la littérature classique:
dans la recherche et la visualisation des données, la « visualisation des données », « Le Grammarof Graphics », « facile à comprendre les statistiques », « algorithmes outils géométriques graphiques informatiques expliquent », « Analyse Visualisation et Design » , « ggplot2: l' analyse des données et des arts graphiques ".
Tant à base Se plaindre sur le discours suivant à propos de certains développements pertinents et la sélection de la technologie dans la visualisation frontale
Nous avons d' abord besoin de comprendre un point de vue: la sélection de la technologie n'est pas une fois pour toutes, sera toujours en fonction de la situation réelle de votre projet et vos préférences personnelles et bases techniques pour faire la sélection.
Ici pour parler de quelque bibliothèque dressant une carte commune et technologies connexes:
1.echarts
echarts considéré graphique maison Curry meilleur. L' équipe technique EFE est aussi la plus puissante équipe de visualisation. Comme l'utilisation du conteneur de rendu de toile. Certaines mises en œuvre telles que zrender cadre sous-jacent de développer leurs propres événements de souris se habituer progressivement.
echart2.0 correspondant à différents composants, tels que la légende axe de coordonnées est différent de rendre la toile sont ensuite combinés en un echart3 intérieur de la toile, la conjecture cadre sous - jacent devrait être mis à jour
blog: http://efe.baidu.com/ , mon blog humble est la copie de leur peau. . . . . .
Ce blog plus très lent.
HTTP: //echarts.baidu.com/blog ... .
2.highcharts
Ce cadre avec beaucoup de personnes, est la principale IE6 également pris en charge. . . . . . . . . Toutefois, les œufs et Microsoft ne prennent pas en charge la IE6. Taobao même IE8 ne prennent pas en charge. . . . Les frais de bibliothèque, l'utilisation sous-jacente de SVG. Privé pensait qu'il n'a pas utilisé l'API Echart amicale.
3.G2- Alipay
Ant produits de vêtements d'or, le conteneur graphique comme toile, l'équipe de Yu Bo développés. Comment devrais-je dire. . Cette chose avait l'air assez bon, mais l'utilisation réelle de la majorité des gens ne serait pas utile de choisir les deux premiers, gros trucs open source Ali est un cas de fantômes. Les choses sont bonnes, peur de le faire faire sans l'équipe. Et leur site officiel qui ressemble le début de l'exemple qui est bleu tendre (ou vert clair?) Semble que les gens se sentent le produit était frivole, contrairement à l'encre noire echarts une entreprise vent régulier. Maintenant, il ressemble à un style plus calme se déplacer lentement. Continuer sentir bien.
4.d3.js
d3 peut être considéré comme un des produits plus anciens qualifiés, l'utilisation de la carte comme contenant svg. Au début de la variété étonnante de types de graphiques de comparaison d'animation sont également très riches, un sentiment echarts ont également commencé à se référant à plusieurs nouveaux types de graphique graphique Exemple.
D3 avantage d'une variété d'exemples de démonstration plus parfait ajustement apporté par démonstration inconvénient ne convient pas pour le développement secondaire, api familier, vous pouvez diriger votre propre peinture, il est une sorte de dom api et svg compatible de l'analogie jquery correspond au code HTML DOM.
autres:
Une mère il y a deux ans, Ali avait apparemment une bibliothèque graphique, je les avais d'un message à dire: Pourquoi ne pas d'abord sur une bibliothèque de cartographie marché terminal mobile peut-être plus. On dirait la dernière proie de KPI
Voici quelques-unes de la bibliothèque dressant une carte la plus commune, nous devons avoir besoin de faire une sélection de la technologie basée sur le projet réel.
bibliothèque graphique de fin mobile, echarts et G2 devraient pouvoir. fin pc dépend de la préférence personnelle. Rapports type de concepteurs du projet pour voir l'effet de la peinture projet il, echarts customizability maximale, G2 jamais utilisé, document Highcharts est pas parfait.
Surveiller les types de projets qui nécessitent des mises à jour de données fréquentes préférées choix de la performance de la toile devrait être mieux.
La conférence générale scénario d'application de visualisation des données
classe rapport, type de moniteur, le type mobile projet d'efficacité pr, le type de carte, système de visualisation de données.
rapport classe
classe rapport en utilisant la scène, des graphiques et plus faciles à utiliser echarts généraux à l'intérieur du tableau de l'échantillon sera en mesure de répondre,
catégorie surveillance
classe de surveillance un peu plus compliqué, en général en matière de performance et de robustesse en temps réel, la nécessité d'envisager le développement de la performance de l'interface back-end, et les problèmes de performance rendu des pages de tableau, après une grande quantité de données sur les extrémités avant et arrière sont très difficiles. Il est également plus intéressant de le faire, et peut faire des scénarios d'entreprise combinant un ensemble de produits et de systèmes de visualisation de données.
classe PR est délivré dongxiao
Ce type de projet a généralement une caractéristique: hyun aiguë, fatigué. Le cycle des projets effets impatients et animation à couper le souffle, et ont commencé à vivre très fatigué. De temps en temps débrouillez bien, n'a jamais été en mesure de se sentir le voyage est un peu biaisé, mais rarement peut trouver les bibliothèques et les cadres prêts à l'emploi, pré nécessite beaucoup de recherches techniques et les provisions techniques. Bibliothèques associées exigent généralement la bibliothèque d'effets de toile, WebGL bibliothèques, telles que: http://www.pixijs.com/ , threejs, exigeant peut avoir besoin des jeux pour aider à la bibliothèque tels que: HTTPS: //www.egret .com /, http://www.createjs.com/ et ainsi de suite .
carte classe
Une telle visualisation des données tout seul parce que maintenant besoin de plus en plus la scène de visualisation de données pour utiliser la carte. Ceci est la visualisation des données a été le plus difficile, le plus souvent , nous utilisons carte DossiÉ ou Baidu carte, cartes hautes morales pour développer, en fait, Baidu carte également une bibliothèque de visualisation de carte http://mapv.baidu.com/ , spectacle effet DossiÉ est pas bon. . . . besoins de développement personnalisé des élèves en fait peuvent directement prendre Baidu carte comme la Mongolie sur la carte puis recouverte d'une couche de classe, puis couvert dans cette classe pour remplir une toile pour faire des propres extensions voir Baidu carte démo, la carte derrière. . Css peut se cacher. . . . .
Système de visualisation des données
Cette catégorie est relativement importante, ont encore besoin de voir des scénarios d'affaires, un scénario d'affaires est particulièrement adapté pour un tas de données associées au système de visualisation. Le bon sens d'accomplissement ou complet.
================================================
A suivre
=======================================
Cet article est reproduit dans: singe 2048➺ https://www.mk2048.com/blog/blog.php?id=hacbcb2i00j