es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Cree gráficos dinámicos rápidamente en D3 con Plottable.js

La biblioteca gratuita D3.js es solo una de muchas que le permite crear gráficos interactivos en la página. Si bien D3 es quizás el más popular del grupo, aprender a usarlo no es una tarea fácil.

Es por eso que Plottable.js es una biblioteca tan valiosa. Es un proyecto gratuito de código abierto construido sobre D3.js, lo que facilita a cualquier persona la creación de gráficos de datos interactivos desde cero .

Esta biblioteca maneja todo el trabajo sucio, por lo que puede centrarse en los detalles, como los datos. Plottable genera el código adecuado para el tamaño y la posición de cualquier gráfico que elija.

Cada gráfico tiene su propio Componente en Plottable donde puede copiar / pegar el código de la plantilla para reconstruir el gráfico por su cuenta. Al escribir estas líneas, puede seleccionar entre 10 estilos de gráfico de trazado, incluyendo gráficos de barras, gráficos circulares, diagramas de dispersión y diagramas de área.

Puede reconstruir Componentes individualmente y personalizar su configuración de forma dinámica . De esta manera, puede cambiar fácilmente elementos interactivos, colores, animaciones, posicionamientos, tamaños y todo lo que necesite.

La biblioteca completa está disponible en GitHub si desea navegar por el código fuente y descargar una copia.

Pero, la mejor manera de aprender es a través del ejemplo. Es por eso que debería echar un vistazo a sus gráficos de muestra ejecutando Plottable para ver cómo funciona en acción.

Cada gráfico es completamente interactivo, con el código fuente para arrancar. Si quiere reconstruir un gráfico similar simplemente copie / pegue el código JS y vuelva a formatearlo según sea necesario.

Tengo dos favoritos personales de su sitio: el Heatmap del calendario modelado según la tabla de actividades de GitHub y los Gráficos Sincronizados con funciones de selección dinámica.

Si nunca antes has usado D3.js, tendrás dificultades para aprender esta biblioteca. Especialmente, porque está escrito en TypeScript, por lo que es probable que desee recogerlo también. El código final está compilado en ES5 JavaScript, por lo que debería funcionar en todos los principales navegadores .

Si está dispuesto a bucear, eche un vistazo a su página de Tutoriales llena de recursos útiles. Aprenderá todo lo que necesita para comenzar con Plottable y crear gráficos dinámicos basados ​​en web desde cero.

Resumen de la historia: 30 años de Windows [Infografía]

Resumen de la historia: 30 años de Windows [Infografía]

La última versión de Windows se lanzará a fines de este mes en casi 190 mercados en todo el mundo. Windows 10 es algo que muchos están siguiendo: ¿redimirá o no a Windows por lo que los usuarios envían en Windows 8? (En caso de que se lo haya perdido, uno de los nuestros, Thoriq Firdaus compró Windows 10 en el programa Windows Insider).El lanz

(Consejos de tecnología y diseño)

Herramientas y consejos útiles para interfaces fáciles de usar

Herramientas y consejos útiles para interfaces fáciles de usar

Lograr la excelencia en la presentación de un sitio web (UI) y su capacidad para proporcionar una buena experiencia de usuario (UX) son objetivos obvios. Tener las herramientas adecuadas para lograr la excelencia que busca es la clave para satisfacer esos objetivos.Para utilizar las herramientas de UI y UX de manera efectiva, debe comprender claramente en qué consisten estas dos entidades y cuáles son las mejores formas de abordarlas . A

(Consejos de tecnología y diseño)