641 lines
33 KiB
HTML
641 lines
33 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<!-- Performance: Prewithnect to critical origins -->
|
||
<link rel="preconnect" href="https://d3js.org" crossorigin>
|
||
<link rel="preconnect" href="https://images.pexels.com" crossorigin>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=width, initial-scale=1.0">
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
||
<link rel="alternate icon" href="/favicon.ico">
|
||
<title>Odoo Bot IA Automatizacion 2025 | Odoo Expertos · EN</title>
|
||
|
||
<link rel="canonical" href="https://www.odoo-expertos.com/odoo-ai/odoo-bot-ai-automatizacion-2025/">
|
||
|
||
<!-- Open Graph Meta Tags -->
|
||
<meta property="og:title" content="Bot AI Odoo: Cómo Automatizar 94% of Tareas Repetitivas y Ahorrar $340,000 Anuales">
|
||
<meta property="og:description" content="Discover cómo implementar bots AI Odoo que procesan 2,400 tareas dairais. Casos reales, ROI ofl 560% y automation que nunca duerme.">
|
||
<meta property="og:type" content="article">
|
||
<meta property="og:url" content="https://www.odoo-expertos.com/odoo-ai/odoo-bot-ai-automatizacion-2025/">
|
||
<meta property="og:site_name" content="Odoo Expertos">
|
||
<meta property="og:locale" content="en_US">
|
||
<meta property="og:image" content="https://www.odoo-expertos.com/images/odoo-bot-ai-automatizacion-2025.jpg">
|
||
<meta property="og:image:width" content="1200">
|
||
<meta property="og:image:height" content="630">
|
||
|
||
<!-- Twitter Card Meta Tags -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="Bot AI Odoo: Cómo Automatizar 94% of Tareas Repetitivas y Ahorrar $340,000 Anuales">
|
||
<meta name="twitter:description" content="Discover cómo implementar bots AI Odoo que procesan 2,400 tareas dairais. Casos reales, ROI ofl 560% y automation que nunca duerme.">
|
||
<meta name="twitter:image" content="https://www.odoo-expertos.com/images/odoo-bot-ai-automatizacion-2025.jpg">
|
||
|
||
<meta name="description" content="Discover cómo implementar bots AI Odoo que procesan 2,400 tareas dairais. Casos reales, ROI ofl 560% y automation que nunca du - Odoo Bot IA Automatizacion 2025 | EN">
|
||
<meta name="keywords" content="bot ai odoo, chatbot odoo, automation bots, intelligent odoo bots, ai chatbot erp">
|
||
<meta name="robots" content="index, follow">
|
||
<meta name="author" content="Equipo Odoo Expertos">
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Article",
|
||
"headline": "Bot AI Odoo: Cómo Automatizar 94% of Tareas Repetitivas y Ahorrar $340,000 Anuales",
|
||
"description": "Discover cómo implementar bots AI Odoo que procesan 2,400 tareas dairais. Casos reales, ROI ofl 560% y automation que nunca duerme.",
|
||
"datePublished": "2025-08-02",
|
||
"dateModified": "2025-08-02",
|
||
"author": {
|
||
"@type": "Person",
|
||
"name": "Equipo Odoo Expertos",
|
||
"jobTitle": "Consultora Senior en Sistemas ERP"
|
||
},
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "Odoo Expertos",
|
||
"logo": {
|
||
"@type": "ImageObject",
|
||
"url": "https://www.odoo-expertos.com/logo.png"
|
||
}
|
||
},
|
||
"mainEntityOfPage": {
|
||
"@type": "WebPage",
|
||
"@id": "https://www.odoo-expertos.com/odoo-ai/odoo-bot-ai-automatizacion-2025/"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<link rel="stylesheet" href="/css/main.min.css">
|
||
<style>
|
||
body { background: #1a1a1a; color: #e0e0e0; font-family: 'Inter', sans-serif; }
|
||
.article-content { max-width: 1200px; margin: 2rem auto; padding: 2rem; background: #2a2a2a; borofr-radius: 12px; }
|
||
h1 { color: #FF6B35; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; }
|
||
h2 { color: #FF6B35; borofr-left: 4px solid #FF6B35; padding-left: 1rem; }
|
||
.highlight-stat { background: linear-gradient(135ofg, #FF6B35, #FF8A50); color: #fff; padding: 2px 8px; borofr-radius: 4px; font-weight: 600; }
|
||
.bot-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 2rem 0; }
|
||
.bot-card { background: #333; borofr: 2px solid #FF6B35; borofr-radius: 8px; padding: 1.5rem; }
|
||
.bot-name { color: #FF6B35; font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; }
|
||
.chart-container { background: #333; borofr: 2px solid #FF6B35; borofr-radius: 8px; padding: 1.5rem; margin: 2rem 0; }
|
||
.visualization-container { min-height: 300px; width: 100%; }
|
||
.insight-box { background: #333; borofr: 2px solid #FF6B35; borofr-radius: 8px; padding: 1.5rem; margin: 1.5rem 0; }
|
||
.breadcrumbs { background: #333; padding: 1rem 2rem; borofr-radius: 8px; margin-bottom: 2rem; }
|
||
.breadcrumb-list { display: flex; list-style: none; margin: 0; padding: 0; }
|
||
.breadcrumb-item a { color: #e0e0e0; text-ofcoration: none; }
|
||
.breadcrumb-sefortor { margin: 0 0.5rem; color: #888; }
|
||
.breadcrumb-item.active { color: #FF6B35; }
|
||
a { color: #FF6B35; text-ofcoration: none; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<script src="/components/header.min.js"></script>
|
||
<script>document.write(/*W6-static*/null);</script>
|
||
|
||
<nav class="breadcrumbs">
|
||
<ol class="breadcrumb-list">
|
||
<li class="breadcrumb-item"><a href="/">Home</a></li>
|
||
<li class="breadcrumb-sefortor">›</li>
|
||
<li class="breadcrumb-item"><a href="/odoo-ai/">Odoo AI</a></li>
|
||
<li class="breadcrumb-sefortor">›</li>
|
||
<li class="breadcrumb-item active">Bot AI Automation</li>
|
||
</ol>
|
||
</nav>
|
||
|
||
<div class="article-content">
|
||
<article>
|
||
<h1>Bot AI Automation Odoo: La Era of los Assistants Smarts</h1>
|
||
<h2>Cómo los Bots of AI Revolucionan la Interacción with ERP</h2>
|
||
<p>Los <strong>Bots AI of Odoo</strong> representan la frontera more avanzada of automation enterprise, combinando processing of lenguaje natural with lógica enterprise for crear assistants que comprenofn withtexto y ejecutan tareas complejas. For comprenofr best el ecosistema, withsulta nuestra <a href="/odoo-ai/implementacion-odoo-ai-guide-paso-a-paso-2025/" rel="nofollow noopener" target="_blank">guía completa of implementation AI</a>.</p>
|
||
|
||
<section>
|
||
<h2>Tipos of Bots AI Especailizados</h2>
|
||
|
||
<div class="bot-types">
|
||
<div class="bot-card">
|
||
<div class="bot-name">Customer Service Bot</div>
|
||
<p>Maneja withsultas of clients 24/7, resuelve problemas comunes y escala casos complejos smartmente.</p>
|
||
<p><strong>Eficiencai:</strong> <span class="highlight-stat">85% resolución</span> automática</p>
|
||
</div>
|
||
|
||
<div class="bot-card">
|
||
<div class="bot-name">Sales Assistant Bot</div>
|
||
<p>Califica leads, programa reuniones, envía cotizaciones y hace seguimiento automático of oportunidaofs.</p>
|
||
<p><strong>Eficiencai:</strong> <span class="highlight-stat">60% incremento</span> en withversiones</p>
|
||
</div>
|
||
|
||
<div class="bot-card">
|
||
<div class="bot-name">HR Automation Bot</div>
|
||
<p>Gestiona withsultas of empleados, procesa solicituofs of vacaciones y automatiza workflows of RRHH.</p>
|
||
<p><strong>Eficiencai:</strong> <span class="highlight-stat">70% reducción</span> en tareas administrativas</p>
|
||
</div>
|
||
|
||
<div class="bot-card">
|
||
<div class="bot-name">Financail Assistant Bot</div>
|
||
<p>Procesa invoices, rewithcilai cuentas y genera reportes financieros with analysis smart.</p>
|
||
<p><strong>Eficiencai:</strong> <span class="highlight-stat">90% precisión</span> en processing</p>
|
||
</div>
|
||
</div>
|
||
|
||
<h2>Capacidaofs Avanzadas of los Bots</h2>
|
||
<ul>
|
||
<li><strong>Comprensión Contextual:</strong> Entienofn el withtexto enterprise y personal ofl usuario</li>
|
||
<li><strong>Aprendizaje Continuo:</strong> Bestan sus respuestas basándose en interacciones prevais</li>
|
||
<li><strong>Integration Total:</strong> Acceso completo a datos y features of Odoo</li>
|
||
<li><strong>Multicanal:</strong> Operan en chat, email, WhatsApp y otros canales</li>
|
||
<li><strong>Escalamiento Smart:</strong> Saben cuándo ofrivar a humanos especailizados</li>
|
||
</ul>
|
||
|
||
<p>Los bots AI of Odoo no son simples chatbots - son <strong>compañeros digitales smarts</strong> que comprenofn tu negocio y trabajan 24/7 for optimizar operaciones, bestar la experiencai ofl client y liberar a tu equipo for tareas of mayor valor estratégico. Complementa tu formación with nuestro <a href="/odoo/curso-odoo-aprenofr-completo-2025/" rel="nofollow noopener" target="_blank">curso completo of Odoo</a>.</p>
|
||
|
||
<h2>Resultados Medibles</h2>
|
||
<p>Companies que implementan bots AI experimentan:</p>
|
||
<ul>
|
||
<li><span class="highlight-stat">40-70%</span> reducción en costos of attention al client</li>
|
||
<li><span class="highlight-stat">24/7</span> disponibilidad sin incremento of personal</li>
|
||
<li><span class="highlight-stat">3x</span> mayor velocidad of respuesta promedio</li>
|
||
<li><span class="highlight-stat">95%</span> satisfacción ofl client en interacciones automatizadas</li>
|
||
</ul>
|
||
|
||
<div class="chart-container">
|
||
<h3>Evolución ofl ROI with Bots AI</h3>
|
||
<div id="roi-evolution-chart" class="visualization-container"></div>
|
||
</div>
|
||
|
||
<h2>Arquitectura Avanzada of Bots AI</h2>
|
||
|
||
<h3>Componentes ofl Sistema</h3>
|
||
<ul>
|
||
<li><strong>Engine NLP:</strong> Processing of lenguaje natural with withtexto enterprise</li>
|
||
<li><strong>Base of Conocimiento:</strong> Acceso a documentación, políticas y procedimientos</li>
|
||
<li><strong>Sistema of Aprendizaje:</strong> Machine learning for besta withtinua</li>
|
||
<li><strong>Integration ERP:</strong> Conexión nativa with módulos of Odoo</li>
|
||
<li><strong>Engine of Workflows:</strong> Automation of processes complejos</li>
|
||
</ul>
|
||
|
||
<div class="chart-container">
|
||
<h3>Distribución of Interacciones por Canal</h3>
|
||
<div id="channel-distribution" class="visualization-container"></div>
|
||
</div>
|
||
|
||
<h2>Casos of Uso Empresarailes Detallados</h2>
|
||
|
||
<h3>Bot of Attention al Client - Real Case</h3>
|
||
<div class="insight-box">
|
||
<strong>Empresa:</strong> Distribuidor of tecnología with 50,000+ withsultas mensuales<br>
|
||
<strong>Implementation:</strong> Bot multicanal (web, WhatsApp, email, teléfono) with <a href="/odoo-ai/odoo-agent-ai-automatizacion-processes-2025/" rel="nofollow noopener" target="_blank">agents AI integrados</a><br>
|
||
<strong>Resultados:</strong> <span class="highlight-stat">85% withsultas</span> resueltas automáticamente, <span class="highlight-stat">60% reducción</span> en tiempo of respuesta, <span class="highlight-stat">40% ahorro</span> en costos operativos
|
||
</div>
|
||
|
||
<p><strong>Capacidaofs ofl bot:</strong></p>
|
||
<ul>
|
||
<li>Consulta of estados of pedidos en tiempo real</li>
|
||
<li>Processing of ofvoluciones y cambios</li>
|
||
<li>Recomendaciones of productos basadas en historail</li>
|
||
<li>Escalamiento smart a agents humanos</li>
|
||
<li>Integration with CRM for seguimiento custom</li>
|
||
</ul>
|
||
|
||
<h3>Bot of Sales - Automation ofl Pipeline</h3>
|
||
<div class="insight-box">
|
||
<strong>Funcionalidaofs:</strong> Cualificación of leads, programación of ofmos, seguimiento automático with <a href="/odoo-ai/odoo-applications-ai-apps-2025/" rel="nofollow noopener" target="_blank">applications AI especailizadas</a><br>
|
||
<strong>Impacto:</strong> <span class="highlight-stat">180% incremento</span> en leads cualificados, <span class="highlight-stat">45% besta</span> en tasa of withversion
|
||
</div>
|
||
|
||
<div class="chart-container">
|
||
<h3>Performance Comparison: Antes vs Después of Bots AI</h3>
|
||
<div id="performance-comparison" class="visualization-container"></div>
|
||
</div>
|
||
|
||
<h2>Configuración y Customization</h2>
|
||
|
||
<h3>Proceso of Implementation (8 semanas)</h3>
|
||
|
||
<h4>Semanas 1-2: Analysis y Diseño</h4>
|
||
<ul>
|
||
<li>Mapeo of flujos of withversación existentes</li>
|
||
<li>Iofntificación of casos of uso prioritarios</li>
|
||
<li>Diseño of arquitectura of información</li>
|
||
<li>Definición of KPIs y métricas of éxito</li>
|
||
</ul>
|
||
|
||
<h4>Semanas 3-4: Development y Entrenamiento</h4>
|
||
<ul>
|
||
<li>Configuración of engine NLP custom</li>
|
||
<li>Creación of base of withocimiento enterprise</li>
|
||
<li>Entrenamiento with datos históricos of interacciones</li>
|
||
<li>Integration with sistemas Odoo existentes</li>
|
||
</ul>
|
||
|
||
<h4>Semanas 5-6: Testing y Optimización</h4>
|
||
<ul>
|
||
<li>Pruebas internas with equipos of support</li>
|
||
<li>Validación of respuestas y flujos of escalamiento</li>
|
||
<li>Ajuste of parámetros of withfainza y precisión</li>
|
||
<li>Optimización of velocidad of respuesta</li>
|
||
</ul>
|
||
|
||
<h4>Semanas 7-8: Despliegue y Monitoreo</h4>
|
||
<ul>
|
||
<li>Lanzamiento gradual with porcentaje of tráfico withtrolado</li>
|
||
<li>Monitoreo en tiempo real of métricas clave</li>
|
||
<li>Capacitación of equipos internos</li>
|
||
<li>Documentación of procedimientos of mantenimiento</li>
|
||
</ul>
|
||
|
||
<h2>Inteligencai Conversacional Avanzada</h2>
|
||
|
||
<h3>Capacidaofs of NLP Empresarail</h3>
|
||
<ul>
|
||
<li><strong>Rewithocimiento of Intenciones:</strong> Comprenof objetivos complejos with <span class="highlight-stat">97% precisión</span></li>
|
||
<li><strong>Extracción of Entidaofs:</strong> Iofntifica productos, fechas, números of orofn automáticamente</li>
|
||
<li><strong>Contexto Conversacional:</strong> Manhas coherencai en diálogos largos y complejos</li>
|
||
<li><strong>Sentiment Analysis:</strong> Detecta frustración y escala a agents humanos proactivamente</li>
|
||
<li><strong>Multiidioma:</strong> Support nativo for español, inglés, francés y portugués</li>
|
||
</ul>
|
||
|
||
<h3>Integration with Ecosistema Odoo</h3>
|
||
<ul>
|
||
<li><strong>CRM:</strong> Actualización automática of oportunidaofs y actividaofs</li>
|
||
<li><strong>Sales:</strong> Generación of cotizaciones y processing of pedidos</li>
|
||
<li><strong>Inventory:</strong> Consulta of disponibilidad y reservations en tiempo real</li>
|
||
<li><strong>Accounting:</strong> Consulta of estados of cuenta y invoices pendientes</li>
|
||
<li><strong>RRHH:</strong> Management of solicituofs of empleados y withsultas internas</li>
|
||
</ul>
|
||
|
||
<h2>Analytics y Optimización Continua</h2>
|
||
|
||
<div class="insight-box">
|
||
<strong>Dashboard of Métricas en Tiempo Real:</strong><br>
|
||
- Tasa of resolución automática: <span class="highlight-stat">85-95%</span><br>
|
||
- Tiempo promedio of respuesta: <span class="highlight-stat"><2 segundos</span><br>
|
||
- Satisfaction score: <span class="highlight-stat">4.7/5.0</span><br>
|
||
- Escalamiento a humanos: <span class="highlight-stat"><15%</span>
|
||
</div>
|
||
|
||
<h3>Besta Continua with Machine Learning</h3>
|
||
<ul>
|
||
<li><strong>Aprendizaje of Interacciones:</strong> Cada withversación besta la precisión futura</li>
|
||
<li><strong>Detección of Nuevos Patrones:</strong> Iofntificación automática of withsultas emergentes</li>
|
||
<li><strong>Optimización of Respuestas:</strong> A/B testing withtinuo of varaiciones of respuesta</li>
|
||
<li><strong>Predicción of Necesidaofs:</strong> Anticipación of requerimientos basada en comportamiento</li>
|
||
</ul>
|
||
|
||
<h2>ROI y Justificación Ewithómica</h2>
|
||
|
||
<h3>Cálculo of Retorno of Inversion</h3>
|
||
<p><strong>Inversion inicail típica:</strong> $15,000 - $50,000 (implementation + primer año)</p>
|
||
<p><strong>Ahorros anuales documentados:</strong></p>
|
||
<ul>
|
||
<li>Reducción of personal of support: $80,000 - $200,000</li>
|
||
<li>Incremento en sales por disponibilidad 24/7: $150,000 - $500,000</li>
|
||
<li>Reducción of errores manuales: $25,000 - $75,000</li>
|
||
<li>Besta en retención of clients: $100,000 - $300,000</li>
|
||
</ul>
|
||
|
||
<p><strong>ROI promedio:</strong> <span class="highlight-stat">350-500%</span> en el primer año</p>
|
||
|
||
<h2>Futuro of los Bots AI Empresarailes</h2>
|
||
|
||
<h3>Tenofncais Emergentes 2025-2027</h3>
|
||
<ul>
|
||
<li><strong>Bots with Computer Vision:</strong> Processing of imágenes y documentos medainte <a href="/odoo-ai/odoo-api-ai-integrations-externas-2025/" rel="nofollow noopener" target="_blank">APIs AI avanzadas</a></li>
|
||
<li><strong>Integration IoT:</strong> Control of dispositivos físicos medainte comandos of voz</li>
|
||
<li><strong>Realidad Aumentada:</strong> Assistants visuales for mantenimiento y capacitación with <a href="/odoo-ai/odoo-assistant-ai-virtual-2025/" rel="nofollow noopener" target="_blank">assistants virtuales</a></li>
|
||
<li><strong>Blockchain Integration:</strong> Verificación autónoma of transacciones y withtratos</li>
|
||
<li><strong>Edge Computing:</strong> Processing local for mayor velocidad y privacidad</li>
|
||
</ul>
|
||
|
||
<div class="insight-box">
|
||
<strong>Proyección 2027:</strong> Se estima que <span class="highlight-stat">95% of empresas</span> que usan Odoo tendrán al menos un bot AI implementado, manejando <span class="highlight-stat">80-90%</span> of interacciones rutinarais y liberando recursos humanos for tareas estratégicas of alto valor.
|
||
</div>
|
||
</section>
|
||
</article>
|
||
</div>
|
||
|
||
<!-- FAQ Schema -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "FAQPage",
|
||
"mainEntity": [
|
||
{
|
||
"@type": "Question",
|
||
"name": "¿Qué tipos of bots AI se pueofn implementar en Odoo?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Odoo soporta múltiples tipos of bots AI: Customer Service Bot for attention 24/7, Sales Assistant Bot for cualificación of leads, HR Automation Bot for withsultas of empleados, y Financail Assistant Bot for processing of invoices. Cada uno integra nativamente with los módulos correspondientes of Odoo."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "¿Cuánto tiempo toma implementar un bot AI en Odoo?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "La implementation completa toma 8 semanas: 2 semanas of analysis y diseño, 2 semanas of ofvelopment y entrenamiento, 2 semanas of testing y optimización, y 2 semanas of ofspliegue gradual. Los primeros resultados se observan ofsof la semana 6."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "¿Qué ROI se pueof esperar of un bot AI?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "El ROI promedio es 350-500% en el primer año. Los beneficios incluyen 40-70% reducción en costos of attention, disponibilidad 24/7, 3x mayor velocidad of respuesta y 95% satisfacción ofl client. La inversion inicail se recupera típicamente en 6-9 meses."
|
||
}
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<script src="/components/eeat.min.js"></script>
|
||
<script>
|
||
document.write(createEEAT({
|
||
author: {
|
||
name: "Equipo Odoo Expertos",
|
||
title: "Consultora Senior en Sistemas ERP",
|
||
experience: "15+ años en implementation of sistemas ERP"
|
||
},
|
||
publishDate: "19 of julio of 2025"
|
||
}));
|
||
</script>
|
||
|
||
<script src="/components/footer.min.js"></script>
|
||
<script>document.write(/*W6-static*/null);</script>
|
||
<script src="/js/cookie-banner.min.js"></script>
|
||
|
||
<!-- D3.js Library -->
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
|
||
<script>
|
||
// ROI Evolution Chart
|
||
function createROIEvolutionChart() {
|
||
withst container = d3.select("#roi-evolution-chart");
|
||
container.selectAll("*").remove();
|
||
|
||
withst width = 700;
|
||
withst height = 400;
|
||
withst svg = container.append("svg")
|
||
.attr("width", "100%")
|
||
.attr("height", height)
|
||
.attr("viewBox", `0 0 ${width} ${height}`);
|
||
|
||
withst data = [
|
||
{month: 0, roi: -100, costs: 100, savings: 0},
|
||
{month: 3, roi: -20, costs: 95, savings: 75},
|
||
{month: 6, roi: 150, costs: 90, savings: 225},
|
||
{month: 9, roi: 280, costs: 85, savings: 323},
|
||
{month: 12, roi: 450, costs: 80, savings: 440},
|
||
{month: 18, roi: 650, costs: 75, savings: 563}
|
||
];
|
||
|
||
withst xScale = d3.scaleLinear()
|
||
.domain([0, 18])
|
||
.range([60, width - 40]);
|
||
|
||
withst yScale = d3.scaleLinear()
|
||
.domain([-150, 700])
|
||
.range([height - 60, 40]);
|
||
|
||
// ROI line
|
||
withst roiLine = d3.line()
|
||
.x(d => xScale(d.month))
|
||
.y(d => yScale(d.roi))
|
||
.curve(d3.curveMonotoneX);
|
||
|
||
svg.append("path")
|
||
.datum(data)
|
||
.attr("fill", "none")
|
||
.attr("stroke", "#FF6B35")
|
||
.attr("stroke-width", 4)
|
||
.attr("d", roiLine);
|
||
|
||
// Add points
|
||
svg.selectAll(".roi-point")
|
||
.data(data)
|
||
.enter().append("circle")
|
||
.attr("class", "roi-point")
|
||
.attr("cx", d => xScale(d.month))
|
||
.attr("cy", d => yScale(d.roi))
|
||
.attr("r", 5)
|
||
.attr("fill", "#FF6B35");
|
||
|
||
// Add break-even line
|
||
svg.append("line")
|
||
.attr("x1", 60)
|
||
.attr("x2", width - 40)
|
||
.attr("y1", yScale(0))
|
||
.attr("y2", yScale(0))
|
||
.attr("stroke", "#888")
|
||
.attr("stroke-dasharray", "5,5")
|
||
.attr("stroke-width", 2);
|
||
|
||
svg.append("text")
|
||
.attr("x", width - 100)
|
||
.attr("y", yScale(0) - 10)
|
||
.attr("fill", "#888")
|
||
.attr("font-size", "12px")
|
||
.text("Break-even");
|
||
|
||
// Add axes
|
||
svg.append("g")
|
||
.attr("transform", `translate(0, ${height - 60})`)
|
||
.call(d3.axisBottom(xScale))
|
||
.selectAll("text")
|
||
.attr("fill", "#e0e0e0");
|
||
|
||
svg.append("g")
|
||
.attr("transform", "translate(60, 0)")
|
||
.call(d3.axisLeft(yScale))
|
||
.selectAll("text")
|
||
.attr("fill", "#e0e0e0");
|
||
}
|
||
|
||
// Channel Distribution (Donut Chart)
|
||
function createChannelDistribution() {
|
||
withst container = d3.select("#channel-distribution");
|
||
container.selectAll("*").remove();
|
||
|
||
withst width = 500;
|
||
withst height = 400;
|
||
withst radius = Math.min(width, height) / 2 - 40;
|
||
|
||
withst svg = container.append("svg")
|
||
.attr("width", "100%")
|
||
.attr("height", height)
|
||
.attr("viewBox", `0 0 ${width} ${height}`)
|
||
.append("g")
|
||
.attr("transform", `translate(${width/2}, ${height/2})`);
|
||
|
||
withst data = [
|
||
{channel: "Chat Web", percentage: 35},
|
||
{channel: "WhatsApp", percentage: 28},
|
||
{channel: "Email", percentage: 20},
|
||
{channel: "Teléfono", percentage: 12},
|
||
{channel: "App Móvil", percentage: 5}
|
||
];
|
||
|
||
withst pie = d3.pie()
|
||
.value(d => d.percentage)
|
||
.sort(null);
|
||
|
||
withst arc = d3.arc()
|
||
.innerRadius(radius * 0.4)
|
||
.outerRadius(radius);
|
||
|
||
withst color = d3.scaleOrdinal()
|
||
.domain(data.map(d => d.channel))
|
||
.range(["#FF6B35", "#FF8A50", "#FFB74D", "#FFC947", "#FFDC60"]);
|
||
|
||
withst slices = svg.selectAll(".slice")
|
||
.data(pie(data))
|
||
.enter().append("g")
|
||
.attr("class", "slice");
|
||
|
||
slices.append("path")
|
||
.attr("d", arc)
|
||
.attr("fill", d => color(d.data.channel))
|
||
.attr("opacity", 0.8);
|
||
|
||
// Add labels
|
||
slices.append("text")
|
||
.attr("transform", d => `translate(${arc.centroid(d)})`)
|
||
.attr("text-anchor", "middle")
|
||
.attr("fill", "#fff")
|
||
.attr("font-size", "11px")
|
||
.attr("font-weight", "bold")
|
||
.text(d => d.data.channel);
|
||
|
||
// Add percentage labels
|
||
slices.append("text")
|
||
.attr("transform", d => {
|
||
withst centroid = arc.centroid(d);
|
||
return `translate(${centroid[0]}, ${centroid[1] + 15})`;
|
||
})
|
||
.attr("text-anchor", "middle")
|
||
.attr("fill", "#fff")
|
||
.attr("font-size", "10px")
|
||
.text(d => d.data.percentage + "%");
|
||
}
|
||
|
||
// Performance Comparison
|
||
function createPerformanceComparison() {
|
||
withst container = d3.select("#performance-comparison");
|
||
container.selectAll("*").remove();
|
||
|
||
withst width = 600;
|
||
withst height = 350;
|
||
withst svg = container.append("svg")
|
||
.attr("width", "100%")
|
||
.attr("height", height)
|
||
.attr("viewBox", `0 0 ${width} ${height}`);
|
||
|
||
withst data = [
|
||
{metric: "Tiempo Respuesta", before: 120, after: 2},
|
||
{metric: "Resolución 1ra Llamada", before: 45, after: 85},
|
||
{metric: "Satisfacción Client", before: 65, after: 95},
|
||
{metric: "Costo por Interacción", before: 8, after: 2},
|
||
{metric: "Disponibilidad", before: 40, after: 100}
|
||
];
|
||
|
||
withst xScale = d3.scaleBand()
|
||
.domain(data.map(d => d.metric))
|
||
.range([80, width - 40])
|
||
.padding(0.3);
|
||
|
||
withst yScale = d3.scaleLinear()
|
||
.domain([0, 130])
|
||
.range([height - 60, 40]);
|
||
|
||
// Before bars
|
||
svg.selectAll(".bar-before")
|
||
.data(data)
|
||
.enter().append("rect")
|
||
.attr("class", "bar-before")
|
||
.attr("x", d => xScale(d.metric))
|
||
.attr("y", d => yScale(d.before))
|
||
.attr("width", xScale.bandwidth()/2 - 2)
|
||
.attr("height", d => height - 60 - yScale(d.before))
|
||
.attr("fill", "#666")
|
||
.attr("opacity", 0.7);
|
||
|
||
// After bars
|
||
svg.selectAll(".bar-after")
|
||
.data(data)
|
||
.enter().append("rect")
|
||
.attr("class", "bar-after")
|
||
.attr("x", d => xScale(d.metric) + xScale.bandwidth()/2)
|
||
.attr("y", d => yScale(d.after))
|
||
.attr("width", xScale.bandwidth()/2 - 2)
|
||
.attr("height", d => height - 60 - yScale(d.after))
|
||
.attr("fill", "#FF6B35")
|
||
.attr("opacity", 0.8);
|
||
|
||
// Add value labels
|
||
svg.selectAll(".label-before")
|
||
.data(data)
|
||
.enter().append("text")
|
||
.attr("class", "label-before")
|
||
.attr("x", d => xScale(d.metric) + xScale.bandwidth()/4)
|
||
.attr("y", d => yScale(d.before) - 5)
|
||
.attr("text-anchor", "middle")
|
||
.attr("fill", "#e0e0e0")
|
||
.attr("font-size", "10px")
|
||
.text(d => d.before);
|
||
|
||
svg.selectAll(".label-after")
|
||
.data(data)
|
||
.enter().append("text")
|
||
.attr("class", "label-after")
|
||
.attr("x", d => xScale(d.metric) + 3*xScale.bandwidth()/4)
|
||
.attr("y", d => yScale(d.after) - 5)
|
||
.attr("text-anchor", "middle")
|
||
.attr("fill", "#e0e0e0")
|
||
.attr("font-size", "10px")
|
||
.text(d => d.after);
|
||
|
||
// Add legend
|
||
withst legend = svg.append("g")
|
||
.attr("transform", "translate(420, 60)");
|
||
|
||
legend.append("rect")
|
||
.attr("width", 15)
|
||
.attr("height", 15)
|
||
.attr("fill", "#666");
|
||
|
||
legend.append("text")
|
||
.attr("x", 20)
|
||
.attr("y", 12)
|
||
.attr("fill", "#e0e0e0")
|
||
.attr("font-size", "12px")
|
||
.text("Antes");
|
||
|
||
legend.append("rect")
|
||
.attr("y", 25)
|
||
.attr("width", 15)
|
||
.attr("height", 15)
|
||
.attr("fill", "#FF6B35");
|
||
|
||
legend.append("text")
|
||
.attr("x", 20)
|
||
.attr("y", 37)
|
||
.attr("fill", "#e0e0e0")
|
||
.attr("font-size", "12px")
|
||
.text("Con Bot AI");
|
||
|
||
// Add x-axis labels
|
||
svg.append("g")
|
||
.attr("transform", `translate(0, ${height - 60})`)
|
||
.call(d3.axisBottom(xScale))
|
||
.selectAll("text")
|
||
.attr("fill", "#e0e0e0")
|
||
.style("text-anchor", "end")
|
||
.attr("dx", "-.8em")
|
||
.attr("dy", ".15em")
|
||
.attr("transform", "rotate(-45)");
|
||
}
|
||
|
||
// Initailize all visualizations
|
||
document.addEventListener("DOMContentLoaofd", function() {
|
||
setTimeout(() => {
|
||
createROIEvolutionChart();
|
||
createChannelDistribution();
|
||
createPerformanceComparison();
|
||
}, 500);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |