Si alguna vez has entrado a un sitio web y has visto gráficos de barras, Graphs, Mapas interactivos, histogramas, Tree Maps o Pie charts. Es bastante probable que ese sitio esta haciendo uso de D3 de algún modo
D3.js (Data Drive Document) es una biblioteca de Javascript para crear visualizaciones interactivas a partir de tus datos, haciendo usos de SVG (Scalable Vector Graphics) y estándares web como HTML, CSS y Javascript con el fin de crear graficos interactivos.
Y la razon de que D3js exista es debido a que crear graficos dese cero en la web es dificil, es por eso que D3 te permite leer tus datos y con unas cuantas líneas de código de Javascript puede generar gráficos rápidamente y controlar su comportamiento, como animaciones, interactividad con controles, o incluso te permite manipular el DOM (Document Object Model) similar al selector que posee jQuery.
Además Lo genial de D3 es que incluso cuando tus datos cambian, este generar mas elementos en el DOM, animándolos y creando graficos interactivos que lucen bien a la vista del usuario Y al ser una biblioteca con muchos años de desarrollo, es ligera y puedes integrarlo en cualquier proyecto web
#d3js #d3 #javascript #desarrolloweb #frontend
Algunos ejemplos de uso de D3
https://raw.githubusercontent.com/measrainsey/nuclear-map/master/map-animation.gif
https://cdn.analyticsvidhya.com/wp-content/uploads/2017/07/18163727/2.gif
https://d3-graph-gallery.com/img/graph/pie_changeData.gif
https://idoc-projets.ias.u-psud.fr/redmine/attachments/download/121/sunburst.gif