ce este D3?

posted in: Articles | 0

D3 standuri pentru documente bazate pe date. Este o bibliotecă JavaScript open-source dezvoltată de Mike Bostock pentru a crea vizualizări interactive de date personalizate în browserul web folosind SVG, HTML și CSS. cu cantitatea masivă de date generate astăzi, comunicarea acestor informații devine dificilă. Reprezentările vizuale ale datelor sunt cele mai eficiente mijloace de transmitere a informațiilor semnificative, iar D3 oferă o mare ușurință și flexibilitate pentru a crea aceste vizualizări de date. Este dinamic, intuitiv și are nevoie de o cantitate minimă de efort.,

este similar cu Protovis în concept, dar în timp ce Protovis este folosit pentru static vizualizări, D3 se concentrează mai mult pe interacțiunile, tranziții și transformări.

site-ul Oficial: d3js.org

D3 codul Sursa: https://github.com/d3/d3

D3 Caracteristici

  • Utilizează Standardele Web: D3 este un extrem de puternic instrument de vizualizare pentru a crea vizualizări de date interactive. Exploatează standardele web moderne: SVG, HTML și CSS pentru a crea vizualizarea datelor.
  • date Driven: D3 este condus de date., Poate utiliza date statice sau le poate prelua de pe serverul de la distanță în diferite formate, cum ar fi matrice, obiecte, CSV, JSON, XML etc. pentru a crea diferite tipuri de diagrame.
  • Dom manipulare: D3 vă permite să manipuleze modelul de obiect Document (DOM) pe baza datelor.
  • elemente bazate pe date: permite datelor dvs. să genereze dinamic elemente și să aplice stiluri elementelor, fie că este vorba de un tabel, un grafic sau orice alt element HTML și/sau grup de elemente.
  • proprietăți dinamice: D3 oferă flexibilitatea de a oferi proprietăți dinamice pentru majoritatea funcțiilor sale., Proprietățile pot fi specificate ca funcții ale datelor. Aceasta înseamnă că datele dvs. vă pot conduce stilurile și atributele.
  • tipuri de vizualizare: cu D3, nu există formate standard de vizualizare. Dar vă permite să creați ceva de la un tabel HTML la o diagramă radială, de la grafice și diagrame de bare la hărți geospațiale.
  • vizualizări personalizate: deoarece D3 funcționează cu standardele web, vă oferă un control complet asupra funcțiilor dvs. de vizualizare.
  • tranziții: D3 oferă funcția de tranziție ()., Acest lucru este destul de puternic, deoarece pe plan intern, D3 elaborează logica de a interpola între valorile dvs. și de a găsi stările intermitente.
  • interacțiune și animație: D3 oferă un suport excelent pentru animație cu funcții precum duration (), delay () și ease (). Animațiile de la o stare la alta sunt rapide și receptive la interacțiunile utilizatorilor.

avantajele D3

  • D3.js este o bibliotecă Javascript. Deci, poate fi folosit cu orice cadru JS la alegere, cum ar fi Angular.JS, reacționează.js sau Ember.J. S.,
  • D3 se concentrează pe date, deci este instrumentul cel mai potrivit și specializat pentru vizualizările de date.
  • D3 este open-source. Deci, puteți lucra cu codul sursă și puteți adăuga propriile caracteristici.
  • Acesta funcționează cu standardele web, astfel încât să nu aveți nevoie de orice altă tehnologie sau plugin, altele decât un browser pentru a face uz de D3.
  • D3 funcționează cu standarde web, cum ar fi HTML, CSS și SVG, nu există nici un nou instrument de învățare sau depanare necesare pentru a lucra la D3.
  • D3 nu oferă nicio caracteristică specifică, deci vă oferă un control complet asupra vizualizării dvs. pentru a o personaliza așa cum doriți., Acest lucru îi conferă un avantaj față de alte instrumente populare precum Tableau sau QlikView. deoarece D3 este ușor și funcționează direct cu standardele web, este extrem de rapid și funcționează bine cu seturi de date mari.,li>
ADVERTISEMENT

The Power of D3: Few Visualization Examples

Bar Chart

Bubble Chart

Circle Packing

Stream Graph

Visit D3 Gallery for more visualization examples.,

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *