Skip to content

Daniel-Humberto/Data-Analysis-DashBoard-Chart.JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📊 Dashboard Web de Data Analysis echo en HTML, CSS, JS, y Chart.js

Imagen 1

Imagen 2

📌 Características Principales

Este proyecto es un Dashboard de Data Analysis para el análisis de datos financieros y de usuario. Permite visualizar información clave a través de tarjetas y gráficos, facilitando la toma de decisiones basadas en datos.


🎨 Detalles del Diseño

  • Tema oscuro con colores contrastantes para mejor visibilidad.
  • Navegación lateral dinámica que se oculta y expande automáticamente.
  • Diseño responsivo con media queries en CSS para adaptabilidad a distintos dispositivos.
  • Sombreado y transiciones suaves para una experiencia visual atractiva.

📊 Gráficos Disponibles

Los datos del dashboard se presentan en distintos gráficos creados con Chart.js:

  • 📈 Ventas del Último Mes (Gráfico de Líneas)
  • 🌍 Principales Países (Gráfico de Pastel)
  • 💰 Gastos Anuales (Gráfico de Barras)
  • 📊 Experiencia del Usuario (Gráfico Polar)
  • 🏦 Ingresos Anuales (Gráfico de Barras)
  • 🗣 Retroalimentación del Usuario (Gráfico de Radar)
  • 📊 Especulación de Ventas (Gráfico Mixto - Barras y Líneas)
  • 📉 Quejas de Usuarios (Gráfico de Barras)

⚙️ Archivos del Proyecto

📄 Index.html

Define la estructura del dashboard:

  • Barra de navegación lateral.
  • Tarjetas de información financiera.
  • Contenedores para los gráficos.
  • Pie de página con enlaces sociales.

🎨 Style.css

Gestiona los estilos y la responsividad:

  • Paleta de colores oscuros.
  • Transiciones suaves en la barra de navegación.
  • Tarjetas y widgets con efectos visuales.

📜 Index.js

Añade interactividad y funcionalidad:

  • Inicialización de los gráficos con datos.
  • Eventos para mejorar la experiencia del usuario.
  • Posible integración con bases de datos para datos dinámicos.

🌐 Demo en línea

https://codepen.io/Daniel-Humberto/pen/yLmBOxJ


📝 Licencia

Este proyecto está licenciado bajo la Licencia GNU.


About

DashBoard de Data Analysis echo con HTML, CSS, JS, y Charts.JS

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published