Analytics Dashboard - Copy this React, Tailwind Component to your project

Si tuvieras que construir un dashboard de analiticas con esta informacion, de los endpoints para la gente de negocios que graficas sacarias en el dashboard?. es para una campaña { "campaign_id": 22, "total_conversations": 6, "emotions_distribution": { "surprise": 1, "neutral": 13, "confusion": 4, "joy": 1, "sadness": 1 }, "average_confidence": { "surprise": 0.8, "neutral": 0.7958333333333334, "confusion": 0.8125, "joy": 0.8, "sadness": 0.6 }, "example_messages": { "surprise": [ "Ah cabrón." ], "neutral": [ "Halo.", "Claro, cuéntame de ella.", "Tengo una.", "Aló.", "Alo." ], "confusion": [ "¿Sí, por favor, explícame cuál es la diferencia entre el interés compuesto y simple y cómo se relaciona con el sistema alemán?", "Que abrir una cuenta bancaria o acercarme de manera física.", "Perdón, estoy confundido que tarjeta.", "¿Cuánto de cupo tengo?" ], "joy": [ "Pero es que estaba con el interés que tenías entradas. Muchas gracias." ], "sadness": [ "Tímido." ] }, "timestamp": "2024 12 18T18:32:49.870547" }{ "main_states": { "EFFECTIVE": { "count": 0, // No hay llamadas contestadas exitosamente "percentage": 0 // 0% de efectividad }, "FAILED": { "count": 5, // 5 llamadas fallidas/pendientes "percentage": 83.33 // Representa el 83.33% del total de llamadas }, "NO_ANSWER": { "count": 1, // 1 llamada donde no hubo respuesta "percentage": 16.67 // Representa el 16.67% del total de llamadas } }, "detailed_states": { "PENDIENTE": { // Estado detallado que se mapea a FAILED "count": 5, // 5 llamadas aún no intentadas "percentage": 83.33 }, "NO_CONTESTADA": { // Estado detallado que se mapea a NO_ANSWER "count": 1, // 1 llamada intentada sin éxito "percentage": 16.67 } }, "total_calls": 6 // Total de llamadas en la campaña }{ "calls_answered_percentage": 12.5, "average_call_duration": "00:00:33", "longest_call_duration": "00:02:01", "shortest_call_duration": "00:00:00", "total_calls_answered": 19, "total_calls": 152, "objective_completed": 12.5 } Reaccionar Responder 14:11 ese json es para las tarjetas 14:13 { 'total_calls': 152, # Total de llamadas en la campaña 'answered_calls': 19, # Llamadas que fueron contestadas 'average_duration': '00:00:33', # Duración promedio en formato HH:MM:SS 'longest_call': '00:02:01', # Llamada más larga (121 segundos) 'shortest_call': '00:00:05', # Llamada más corta (5 segundos) 'objective_completed': 12.5 # Porcentaje de llamadas contestadas (19/152 * 100) }