Oliver/odoo-expertos.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new site

Browse Source
This commit is contained in:
oliver
2026-08-28 10:11:11 -03:00
parent f533ff8e36
commit 585951c8ce
1380 changed files with 1540268 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
en/odoo-ia/odoo-bot-ia-automatizacion-2025/index.html
+641
View File
@@ -0,0 +1,641 @@
<!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">&lt;2 segundos</span><br>
- Satisfaction score: <span class="highlight-stat">4.7/5.0</span><br>
- Escalamiento a humanos: <span class="highlight-stat">&lt;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>