Cree gráficos de datos basados en JavaScript con Billboard.js
Los gráficos y visuales desempeñan un papel vital en la mejora del contenido web. Con la tecnología moderna es tan fácil agregar imágenes personalizadas como íconos SVG en su página.
Pero otra imagen sorprendente que puedes crear desde cero es un gráfico web..
Esto te puede ayudar graficar los datos visualmente para que sus visitantes puedan rápidamente hojear información pertinente. Y en lugar de codificar un gráfico, puedes usar una biblioteca como Billboard.js para hacer todo el trabajo pesado.
En realidad, esto se construye sobre D3, que es una biblioteca de visualización de datos de JavaScript. Es fácilmente el más popular que existe, lo que lo convierte en la dependencia más segura que puede pedir.
Con Billboard.js puede acceder a la API D3 de forma rápida y sencilla. El objetivo principal de Billboard es Facilidad de uso, haciéndolo accesible a cualquier persona.. Aunque ayuda tener alguna experiencia con JavaScript, ciertamente no es necesario ser un experto..
Solo tenga en cuenta que la base de código completa utiliza la sintaxis ES6, que puede ser confusa para los desarrolladores de JS con menos experiencia.
Siempre y cuando tu saber como compilar el codigo deberias estar bien En realidad, cubrimos algunas características importantes de ES6 si desea obtener más información..
Todos los detalles técnicos de este plugin pueden parecer buenos. Pero probablemente solo quieras saber que puede hacer esto.
Eche un vistazo a la página de demostración y haga clic en algunos de los ejemplos en vivo..
Encontrará de todo, desde gráficos circulares a gráficos de dispersión y gráficos de barras animados personalizados..
Con Billboard.js tienes Control total sobre tus datos.. Usted controla cómo aparece en la página, cómo está estructurada y qué tipo de funciones de UI / UX agrega (si corresponde).
Es realmente una biblioteca de gráficos fantástica y es una de las más fáciles de aprender. Echa un vistazo al repositorio de GitHub del proyecto para obtener más información..
También puedes profundizar en este fragmento de código en CodePen si quieres jugar con el código en tu navegador.
