Chart.js

Chart.js es una librería de JavaScript que permite crear gráficos interactivos y visualizaciones de datos en aplicaciones web de manera sencilla y flexible.

🎨 Soporta gráficos de líneas, barras, pastel, radar y más, con animaciones y personalización completa.

• 📈 Gráficos interactivos → animaciones y eventos de hover/click.

• 🎨 Personalización completa → colores, estilos, etiquetas y más.

• 🔄 Responsive → se adapta automáticamente a distintos tamaños de pantalla.

• 🛠 Fácil integración → funciona con HTML, Canvas y frameworks como React, Vue o Angular.

• 📦 Módulos extensibles → plugins y soporte para gráficos avanzados.

                        

                             
                             
                             
                        
                        
                            
    <canvas id="miGrafico" width="400" height="200"></canvas>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script>
    const ctx = document.getElementById('miGrafico').getContext('2d');
    const miGrafico = new Chart(ctx, {
        type: 'bar', // tipo de gráfico: bar, line, pie...
        data: {
        labels: ['Enero', 'Febrero', 'Marzo', 'Abril'],
        datasets: [{
            label: 'Ventas',
            data: [12, 19, 3, 5],
            backgroundColor: 'rgba(54, 162, 235, 0.5)',
            borderColor: 'rgba(54, 162, 235, 1)',
            borderWidth: 1
        }]
        },
        options: {
        responsive: true,
        plugins: {
            legend: { display: true },
            tooltip: { enabled: true }
        }
        }
    });
    </script>
                    
                    

• Gráfico de líneas

• Gráfico de barras

• Gráfico circular

• Gráfico de radar

• Gráfico de dispersión

• Gráfico de área

• ✅ Fácil de usar e integrar

• ✅ Gráficos interactivos y responsivos

• ✅ Amplia variedad de tipos de gráficos

• ✅ Personalización completa

• ✅ Compatible con cualquier framework o proyecto vanilla JS