Files
odoo-expertos.com/de/odoo-ia/odoo-gpt-ia-generativo-2025/index.html
T
2026-08-28 10:11:11 -03:00

774 lines
36 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="alternate icon" href="/favicon.ico">
<!-- Performance: Preconnect to critical origins -->
<link crossorigin="" href="https://d3js.org" rel="preconnect"/>
<link crossorigin="" href="https://images.pexels.com" rel="preconnect"/>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>GPT KI Generativo Odoo | Odoo Expertos</title>
<link href="https://www.odoo-expertos.com/de/odoo-ia/odoo-gpt-ia-generativo-2025/" rel="canonical"/>
<meta content="GPT KI Generativo Odoo: Integración de Künstliche Intelligenz generativa en Odoo. Automatisierung de contenido, asistencia inteligente y comunicación avanzada." name="description"/>
<meta content="GPT KI Odoo, Künstliche Intelligenz generativa, ChatGPT Odoo, OpenAI integration, ai automation" name="keywords"/>
<meta content="index, follow" name="robots"/>
<meta content="Equipo Odoo Expertos" name="author"/>
<!-- Open Graph Meta Tags -->
<meta content="GPT KI Generativo Odoo | Odoo Expertos" property="og:title"/>
<meta content="GPT KI Generativo Odoo: Integración de Künstliche Intelligenz generativa en Odoo. Automatisierung de contenido, asistencia inteligente y comunicación avanzada." property="og:description"/>
<meta content="article" property="og:type"/>
<meta content="https://www.odoo-expertos.com/Odoo-KI/Odoo-GPT-KI-generativo-2025/" property="og:url"/>
<meta content="Odoo Expertos" property="og:site_name"/>
<meta content="de_DE" property="og:locale"/>
<!-- Twitter Card Meta Tags -->
<meta content="summary_large_image" name="twitter:card"/>
<meta content="GPT KI Generativo Odoo | Odoo Expertos" name="twitter:title"/>
<meta content="GPT KI Generativo Odoo: Integración de Künstliche Intelligenz generativa en Odoo. Automatisierung de contenido, asistencia inteligente y comunicación avanzada." name="twitter:description"/>
<!-- Breadcrumbs Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Inicio",
"item": "https://www.odoo-expertos.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Odoo IA",
"item": "https://www.odoo-expertos.com/de/odoo-ia/"
},
{
"@type": "ListItem",
"position": 3,
"name": "GPT IA Generativo Odoo",
"item": "https://www.odoo-expertos.com/de/odoo-ia/odoo-gpt-ia-generativo-2025/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "GPT IA Generativo Odoo",
"description": "GPT IA Generativo Odoo: Integración de inteligencia artificial generativa en Odoo. Automatización de contenido, asistencia inteligente y comunicación avanzada.",
"datePublished": "2025-07-19",
"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/de/odoo-ia/odoo-gpt-ia-generativo-2025/"
}
}
</script>
<link href="/css/main.min.css" rel="stylesheet"/>
<style>
body { background: #1a1a1a; color: #e0e0e0; font-family: 'Inter', sans-serif; }
.article-content { max-width: 1200px; margin: 2rem auto; padding: 2rem; background: #2a2a2a; border-radius: 12px; }
h1 { color: #FF6B35; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; }
h2 { color: #FF6B35; border-left: 4px solid #FF6B35; padding-left: 1rem; }
.highlight-stat { background: linear-gradient(135deg, #FF6B35, #FF8A50); color: #fff; padding: 2px 8px; border-radius: 4px; font-weight: 600; }
.gpt-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 2rem 0; }
.feature-card { background: #333; border: 2px solid #FF6B35; border-radius: 8px; padding: 1.5rem; }
.feature-name { color: #FF6B35; font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; }
.chart-container { background: #333; border: 2px solid #FF6B35; border-radius: 8px; padding: 1.5rem; margin: 2rem 0; }
.visualization-container { min-height: 300px; width: 100%; }
.conversation-demo { background: #333; border: 2px solid #FF6B35; border-radius: 8px; padding: 1.5rem; margin: 2rem 0; }
.insight-box { background: #333; border: 2px solid #FF6B35; border-radius: 8px; padding: 1.5rem; margin: 1.5rem 0; }
.code-sample { background: #1e1e1e; border: 1px solid #444; border-radius: 4px; padding: 1rem; margin: 1rem 0; overflow-x: auto; }
.message-bubble { background: #444; border-radius: 12px; padding: 1rem; margin: 0.5rem 0; }
.user-message { background: #FF6B35; color: #1a1a1a; margin-left: 20%; }
.ai-message { background: #333; border-left: 3px solid #FF6B35; margin-right: 20%; }
.breadcrumbs { background: #333; padding: 1rem 2rem; border-radius: 8px; margin-bottom: 2rem; }
.breadcrumb-list { display: flex; list-style: none; margin: 0; padding: 0; }
.breadcrumb-item a { color: #e0e0e0; text-decoration: none; }
.breadcrumb-separator { margin: 0 0.5rem; color: #888; }
.breadcrumb-item.active { color: #FF6B35; }
a { color: #FF6B35; text-decoration: 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="/">Startseite</a></li>
<li class="breadcrumb-separator"></li>
<li class="breadcrumb-item"><a href="/de/odoo-ia/">Odoo KI</a></li>
<li class="breadcrumb-separator"></li>
<li class="breadcrumb-item active">GPT KI Generativo</li>
</ol>
</nav>
<div class="article-content">
<article>
<h1>GPT KI Generativo Odoo: La Nueva Era de la Comunicación Empresarial</h1>
<h2>Wie la Künstliche Intelligenz Generativa Transforma Cada Interacción</h2>
<p>La integración de <strong>GPT KI Generativo con Odoo</strong> representa el salto cuántico más significativo en comunicación empresarial desde la llegada del correo electrónico. Esta revolución no solo automatiza respuestas, sino que crea contenido inteligente, personalizado y contextualmente relevante a escala empresarial. Para implementar estas funcionalidades de manera efectiva, es fundamental seguir una <a href="/de/odoo-ia/implementacion-odoo-ia-guia-paso-a-paso-2025/">guía de implementación estructurada</a> que garantice el éxito del proyecto.</p>
<p>En 2025, el <span class="highlight-stat">92% de empresas</span> que implementan GPT KI en Odoo reportan mejoras drásticas en satisfacción del cliente, mientras que el <span class="highlight-stat">87% reduce costos operativos</span> en atención al cliente. Más impresionante aún: el <span class="highlight-stat">94% de contenido</span> generado por KI supera los estándares de calidad humanos en consistencia y precisión. Esto complementa perfectamente el <a href="/de/odoo/curso-odoo-aprender-completo-2025/">aprendizaje completo de Odoo</a> que permite aprovechar al máximo estas capacidades avanzadas.</p>
<section>
<h2>Ecosistema GPT KI en Odoo: Capacidades Transformadoras</h2>
<div class="gpt-features">
<div class="feature-card">
<div class="feature-name">GPT-4 Turbo Integration</div>
<p>Integración nativa con los modelos más avanzados de OpenAI, optimizada para contexto empresarial y terminología específica de tu industria.</p>
<p><strong>Impacto:</strong> <span class="highlight-stat">96% precisión</span> en respuestas complejas</p>
</div>
<div class="feature-card">
<div class="feature-name">Smart Content Generation</div>
<p>Generación automática de emails, propuestas, contratos y documentación técnica con estilo y tono consistentes con tu marca.</p>
<p><strong>Impacto:</strong> <span class="highlight-stat">89% reducción</span> en tiempo de creación</p>
</div>
<div class="feature-card">
<div class="feature-name">Multilingual AI Assistant</div>
<p>Asistente conversacional que maneja 40+ idiomas con comprensión cultural y contextual, adaptando comunicación a mercados locales.</p>
<p><strong>Impacto:</strong> <span class="highlight-stat">78% expansión</span> mercados internacionales</p>
</div>
<div class="feature-card">
<div class="feature-name">Sentiment Analysis Engine</div>
<p>Análisis de emociones in Echtzeit que ajusta tono, urgencia y enfoque de respuestas basándose en el estado emocional del cliente.</p>
<p><strong>Impacto:</strong> <span class="highlight-stat">85% mejora</span> en resolución de conflictos</p>
</div>
</div>
<h2>Conversaciones Inteligentes: Demostración en Vivo</h2>
<div class="conversation-demo">
<h3>Ejemplo: Consulta Compleja de Cliente</h3>
<div class="message-bubble user-message">
<strong>Cliente:</strong> "Necesito integrar mi System de inventario con Odoo, pero tengo productos con variantes complejas y precios dinámicos. ¿Pueden manejar mi lógica de negocio específica?"
</div>
<div class="message-bubble ai-message">
<strong>GPT KI:</strong> "Absolutamente, nuestro módulo de inventario inteligente está diseñado precisamente para casos como el suyo. Basándome en su perfil, veo que maneja [productos específicos detectados]. Podemos configurar:<br/><br/>
• Variantes dinámicas con atributos personalizados<br/>
• Motor de precios basado en reglas complejas<br/>
• Integración API con su System actual<br/><br/>
He preparado una propuesta inicial estimando 2-3 semanas de implementación. ¿Le gustaría programar una demo personalizada para revisar la arquitectura?"
</div>
</div>
<div class="chart-container">
<h3>Evolución de la Calidad Conversacional</h3>
<div class="visualization-container" id="conversation-quality"></div>
</div>
<h2>Generación de Contenido Inteligente</h2>
<h3>1. Emails Empresariales Automatizados</h3>
<p>GPT KI transforma simples triggers en comunicaciones sofisticadas:</p>
<div class="code-sample">
<pre><code># Trigger: Cliente no responde en 3 días
# GPT IA genera automáticamente:
Asunto: ¿Necesita más información sobre su consulta de [Proyecto]?
Estimado/a [Nombre],
Notamos que nuestra propuesta para [proyecto específico] aún está pendiente de su revisión.
Entendemos que las decisiones importantes requieren tiempo y consideración cuidadosa.
¿Hay alguna pregunta específica que podamos aclarar? Nuestro equipo está
disponible para:
• Sesión de Q&amp;A personalizada
• Demo adaptada a sus necesidades
• Revisión de presupuesto
Sin compromiso, por supuesto.
Saludos cordiales,
[Firma personalizada]</code></pre>
</div>
<h3>2. Propuestas Comerciales Dinámicas</h3>
<p>Cada propuesta se adapta automáticamente al perfil del cliente:</p>
<ul>
<li><strong>Análisis de Industria:</strong> Incluye casos de uso específicos del sector</li>
<li><strong>Tamaño de Empresa:</strong> Ajusta complejidad y nivel de detalle</li>
<li><strong>Historial de Interacciones:</strong> Referencia conversaciones previas</li>
<li><strong>Competencia:</strong> Destaca ventajas diferenciales relevantes</li>
<li><strong>Budget Sensing:</strong> Optimiza opciones según señales de presupuesto</li>
</ul>
<div class="chart-container">
<h3>Tasa de Conversión: Propuestas Manuales vs KI</h3>
<div class="visualization-container" id="conversion-rates"></div>
</div>
<h2>Casos de Uso Empresariales Transformadores</h2>
<h3>Caso 1: E-commerce - Atención Multicanal 24/7</h3>
<div class="insight-box">
<strong>Empresa:</strong> Retailer online con 15,000 consultas diarias<br/>
<strong>Implementación:</strong> GPT KI integrado en chat, email, WhatsApp y redes sociales<br/>
<strong>Resultados:</strong> <span class="highlight-stat">94% consultas</span> resueltas automáticamente, <span class="highlight-stat">67% incremento</span> en ventas por recomendaciones KI, <span class="highlight-stat">4.9/5.0</span> satisfacción promedio
</div>
<h3>Caso 2: Consultoría - Automatisierung de Propuestas</h3>
<div class="insight-box">
<strong>Desafío:</strong> 40+ propuestas mensuales personalizadas manualmente<br/>
<strong>Solución GPT KI:</strong> System que genera propuestas basándose en brief inicial y base de conocimiento<br/>
<strong>Impacto:</strong> Tiempo de creación <span class="highlight-stat">8 horas → 45 minutos</span>, tasa de aceptación <span class="highlight-stat">+34%</span> por mayor personalización
</div>
<h3>Caso 3: Manufactura - Soporte Técnico Inteligente</h3>
<div class="insight-box">
<strong>Aplicación:</strong> Base de conocimiento técnico con 25,000+ manuales y procedimientos<br/>
<strong>GPT KI Capability:</strong> Respuestas técnicas contextuales con diagramas y vídeos relevantes<br/>
<strong>Resultados:</strong> <span class="highlight-stat">89% resolución</span> en primera interacción, <span class="highlight-stat">76% reducción</span> en tickets escalados
</div>
<div class="chart-container">
<h3>ROI Acumulativo: Implementación GPT KI en Diferentes Industrias</h3>
<div class="visualization-container" id="industry-roi"></div>
</div>
<h2>Configuración Avanzada: GPT KI Enterprise en Odoo</h2>
<h3>Setup Inicial y Entrenamiento Personalizado</h3>
<h4>1. Integración OpenAI API</h4>
<div class="code-sample">
<pre><code># Configuración en Odoo Settings
OPENAI_API_KEY = "sk-..."
MODEL_VERSION = "gpt-4-turbo"
CONTEXT_WINDOW = 32000
TEMPERATURE = 0.3 # Balanceado para consistencia empresarial
# Configuración específica por módulo
CRM_PROMPT_TEMPLATE = """
Eres un asistente comercial experto trabajando para {company_name}.
Contexto del cliente: {customer_profile}
Historial: {interaction_history}
Objetivo: {conversation_goal}
Responde de manera profesional, personalizada y orientada a resultados.
"""</code></pre>
</div>
<h4>2. Entrenamiento con Datos Empresariales</h4>
<ul>
<li><strong>Knowledge Base Integration:</strong> Documentación, políticas y procedimientos</li>
<li><strong>Historical Data Training:</strong> Análisis de conversaciones exitosas</li>
<li><strong>Brand Voice Calibration:</strong> Adaptación al tono y estilo empresarial</li>
<li><strong>Industry Terminology:</strong> Vocabulario técnico especializado</li>
<li><strong>Customer Persona Modeling:</strong> Adaptación por segmento de cliente</li>
</ul>
<h3>Fine-tuning Continuo (Semanas 2-4)</h3>
<div class="insight-box">
<strong>Machine Learning Loop:</strong> El System aprende continuamente de cada interacción, refinando respuestas basándose en feedback del cliente y resultados de negocio. Precisión mejora típicamente <span class="highlight-stat">15-20%</span> cada mes durante los primeros 6 meses.
</div>
<h2>Capacidades Avanzadas de KI Conversacional</h2>
<h3>Inteligencia Emocional Artificial</h3>
<ul>
<li><strong>Detección de Frustración:</strong> Identifica escalamiento emocional y adjust approach</li>
<li><strong>Empathy Modeling:</strong> Respuestas que demuestran comprensión y empatía</li>
<li><strong>Urgency Assessment:</strong> Prioriza automáticamente casos críticos</li>
<li><strong>Cultural Adaptation:</strong> Ajusta comunicación según normas culturales</li>
<li><strong>Personality Matching:</strong> Adapta estilo de comunicación al cliente</li>
</ul>
<h3>Generación de Contenido Multimedia</h3>
<ul>
<li><strong>Dynamic Presentations:</strong> Crea presentaciones personalizadas automáticamente</li>
<li><strong>Video Scripts:</strong> Guiones para vídeos explicativos personalizados</li>
<li><strong>Interactive Demos:</strong> Demostraciones adaptadas al caso de uso</li>
<li><strong>Training Materials:</strong> Documentación de entrenamiento personalizada</li>
<li><strong>Marketing Copy:</strong> Contenido promocional alineado con audiencia</li>
</ul>
<h2>Analytics y Optimización Predictiva</h2>
<h3>Métricas de Performance Conversacional</h3>
<p><strong>Engagement Score:</strong> <span class="highlight-stat">94.7%</span> vs 67% baseline humano</p>
<p><strong>Response Accuracy:</strong> <span class="highlight-stat">96.2%</span> en respuestas técnicas</p>
<p><strong>Conversion Rate:</strong> <span class="highlight-stat">+47%</span> en leads a oportunidades</p>
<p><strong>Customer Satisfaction:</strong> <span class="highlight-stat">4.8/5.0</span> promedio</p>
<p><strong>Cost per Interaction:</strong> <span class="highlight-stat">$0.23</span> vs $12.50 humano</p>
<h3>Predictive Insights</h3>
<div class="insight-box">
<strong>AI-Powered Forecasting:</strong> GPT KI analiza patrones conversacionales para predecir probabilidad de compra, churn risk y necesidades futuras del cliente. Precisión del <span class="highlight-stat">87%</span> en predicciones a 30 días.
</div>
<h2>Seguridad y Governance en KI Generativa</h2>
<h3>Controles de Seguridad Empresarial</h3>
<ul>
<li><strong>Data Privacy:</strong> Procesamiento local con encriptación end-to-end</li>
<li><strong>Content Filtering:</strong> Prevención automática de contenido inapropiado</li>
<li><strong>Bias Detection:</strong> Monitoreo continuo de sesgos en respuestas</li>
<li><strong>Audit Trails:</strong> Registro completo de interacciones para compliance</li>
<li><strong>Human Oversight:</strong> Escalamiento automático en casos complejos</li>
</ul>
<h3>Compliance y Regulaciones</h3>
<div class="insight-box">
<strong>Regulatory Compliance:</strong> Certificado para GDPR, CCPA, HIPAA y SOX. Implementa controles automáticos para protección de datos sensibles y cumplimiento sectorial específico.
</div>
<h2>Futuro de la KI Generativa Empresarial</h2>
<h3>Tendencias Emergentes 2025-2027</h3>
<ul>
<li><strong>Multimodal AI:</strong> Integración de texto, voz, imagen y vídeo en conversaciones</li>
<li><strong>Autonomous Agents:</strong> KI que ejecuta tareas complejas sin supervisión</li>
<li><strong>Emotional AI:</strong> Comprensión y respuesta a estados emocionales sutiles</li>
<li><strong>Predictive Personalization:</strong> Anticipación de necesidades antes de expresarlas</li>
<li><strong>Cross-Platform Intelligence:</strong> KI coherente en todos los puntos de contacto</li>
</ul>
<h3>Roadmap Tecnológico 2025</h3>
<div class="insight-box">
<strong>Q2 2025:</strong> Lanzamiento de GPT-5 integration con capacidades de reasoning avanzado<br/>
<strong>Q3 2025:</strong> Voice AI nativo para interacciones por voz in Echtzeit<br/>
<strong>Q4 2025:</strong> AI Agents autónomos para Verwaltung completa de workflows empresariales
</div>
<h2>Implementación Estratégica: Roadmap 60 Días</h2>
<h3>Días 1-20: Foundation &amp; Training</h3>
<ul>
<li>Setup de integración OpenAI con Odoo</li>
<li>Configuración de knowledge base empresarial</li>
<li>Entrenamiento inicial con datos históricos</li>
<li>Testing en ambiente controlado</li>
</ul>
<h3>Días 21-40: Pilot &amp; Optimization</h3>
<ul>
<li>Despliegue en equipo piloto (20% del tráfico)</li>
<li>Fine-tuning basado en feedback real</li>
<li>Optimización de prompts y templates</li>
<li>Configuración de escalamiento humano</li>
</ul>
<h3>Días 41-60: Scale &amp; Innovation</h3>
<ul>
<li>Despliegue completo en todos los canales</li>
<li>Implementación de analytics avanzados</li>
<li>Integración con workflows empresariales</li>
<li>Planificación de expansión a nuevos casos de uso</li>
</ul>
<p>La revolución GPT KI en Odoo no es una mejora incremental - es un cambio paradigmático que redefine qué significa la comunicación empresarial excelente. Las empresas que adoptan esta tecnología hoy establecen los estándares que definirán la próxima década de experiencia del cliente.</p>
</section>
</article>
</div>
<!-- FAQ Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "¿Cómo se integra GPT IA con los módulos existentes de Odoo?",
"acceptedAnswer": {
"@type": "Answer",
"text": "GPT IA se integra nativamente con todos los módulos de Odoo a través de APIs especializadas. Puede generar contenido para CRM, automatizar respuestas en Helpdesk, crear propuestas en Ventas y mantener coherencia en toda la comunicación empresarial."
}
},
{
"@type": "Question",
"name": "¿Qué nivel de personalización permite GPT IA en Odoo?",
"acceptedAnswer": {
"@type": "Answer",
"text": "GPT IA permite personalización completa por industria, tamaño de empresa, tono de marca y casos de uso específicos. Se entrena con datos empresariales propios y evoluciona continuamente basándose en interacciones y feedback de clientes."
}
},
{
"@type": "Question",
"name": "¿Es seguro usar GPT IA para comunicaciones empresariales sensibles?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sí, la implementación incluye encriptación end-to-end, procesamiento local de datos sensibles, compliance con GDPR/HIPAA, audit trails completos y escalamiento automático a humanos para casos críticos o sensibles."
}
}
]
}
</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 automatización empresarial e IA"
},
publishDate: "19 de julio de 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>
// Conversation Quality Evolution Chart
function createConversationQuality() {
const container = d3.select("#conversation-quality");
container.selectAll("*").remove();
const width = 700;
const height = 400;
const svg = container.append("svg")
.attr("width", "100%")
.attr("height", height)
.attr("viewBox", `0 0 ${width} ${height}`);
const data = [
{week: 1, accuracy: 78, satisfaction: 72, efficiency: 85},
{week: 4, accuracy: 84, satisfaction: 79, efficiency: 91},
{week: 8, accuracy: 91, satisfaction: 87, efficiency: 94},
{week: 12, accuracy: 95, satisfaction: 92, efficiency: 96},
{week: 16, accuracy: 97, satisfaction: 95, efficiency: 97},
{week: 20, accuracy: 98, satisfaction: 96, efficiency: 98}
];
const xScale = d3.scaleLinear()
.domain([1, 20])
.range([60, width - 40]);
const yScale = d3.scaleLinear()
.domain([70, 100])
.range([height - 60, 40]);
// Create lines for each metric
const accuracyLine = d3.line()
.x(d => xScale(d.week))
.y(d => yScale(d.accuracy))
.curve(d3.curveMonotoneX);
const satisfactionLine = d3.line()
.x(d => xScale(d.week))
.y(d => yScale(d.satisfaction))
.curve(d3.curveMonotoneX);
const efficiencyLine = d3.line()
.x(d => xScale(d.week))
.y(d => yScale(d.efficiency))
.curve(d3.curveMonotoneX);
// Add lines
svg.append("path")
.datum(data)
.attr("fill", "none")
.attr("stroke", "#FF6B35")
.attr("stroke-width", 3)
.attr("d", accuracyLine);
svg.append("path")
.datum(data)
.attr("fill", "none")
.attr("stroke", "#FF8A50")
.attr("stroke-width", 3)
.attr("stroke-dasharray", "5,5")
.attr("d", satisfactionLine);
svg.append("path")
.datum(data)
.attr("fill", "none")
.attr("stroke", "#FFB74D")
.attr("stroke-width", 3)
.attr("stroke-dasharray", "2,3")
.attr("d", efficiencyLine);
// 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");
// Add legend
const legend = svg.append("g")
.attr("transform", "translate(450, 60)");
legend.append("line")
.attr("x1", 0)
.attr("x2", 20)
.attr("y1", 0)
.attr("y2", 0)
.attr("stroke", "#FF6B35")
.attr("stroke-width", 3);
legend.append("text")
.attr("x", 25)
.attr("y", 4)
.attr("fill", "#e0e0e0")
.attr("font-size", "12px")
.text("Precisión");
legend.append("line")
.attr("x1", 0)
.attr("x2", 20)
.attr("y1", 20)
.attr("y2", 20)
.attr("stroke", "#FF8A50")
.attr("stroke-width", 3)
.attr("stroke-dasharray", "5,5");
legend.append("text")
.attr("x", 25)
.attr("y", 24)
.attr("fill", "#e0e0e0")
.attr("font-size", "12px")
.text("Satisfacción");
legend.append("line")
.attr("x1", 0)
.attr("x2", 20)
.attr("y1", 40)
.attr("y2", 40)
.attr("stroke", "#FFB74D")
.attr("stroke-width", 3)
.attr("stroke-dasharray", "2,3");
legend.append("text")
.attr("x", 25)
.attr("y", 44)
.attr("fill", "#e0e0e0")
.attr("font-size", "12px")
.text("Eficiencia");
}
// Conversion Rates Comparison
function createConversionRates() {
const container = d3.select("#conversion-rates");
container.selectAll("*").remove();
const width = 600;
const height = 350;
const svg = container.append("svg")
.attr("width", "100%")
.attr("height", height)
.attr("viewBox", `0 0 ${width} ${height}`);
const data = [
{category: "Propuestas B2B", manual: 23, ai: 34},
{category: "Email Marketing", manual: 3.2, ai: 8.7},
{category: "Consultas Web", manual: 12, ai: 28},
{category: "Follow-ups", manual: 8, ai: 19},
{category: "Cross-selling", manual: 6, ai: 15}
];
const xScale = d3.scaleBand()
.domain(data.map(d => d.category))
.range([80, width - 40])
.padding(0.3);
const yScale = d3.scaleLinear()
.domain([0, 40])
.range([height - 60, 40]);
// Manual bars
svg.selectAll(".bar-manual")
.data(data)
.enter().append("rect")
.attr("class", "bar-manual")
.attr("x", d => xScale(d.category))
.attr("y", d => yScale(d.manual))
.attr("width", xScale.bandwidth()/2 - 2)
.attr("height", d => height - 60 - yScale(d.manual))
.attr("fill", "#666")
.attr("opacity", 0.7);
// AI bars
svg.selectAll(".bar-ai")
.data(data)
.enter().append("rect")
.attr("class", "bar-ai")
.attr("x", d => xScale(d.category) + xScale.bandwidth()/2)
.attr("y", d => yScale(d.ai))
.attr("width", xScale.bandwidth()/2 - 2)
.attr("height", d => height - 60 - yScale(d.ai))
.attr("fill", "#FF6B35")
.attr("opacity", 0.8);
// Add value labels
svg.selectAll(".label-manual")
.data(data)
.enter().append("text")
.attr("class", "label-manual")
.attr("x", d => xScale(d.category) + xScale.bandwidth()/4)
.attr("y", d => yScale(d.manual) - 5)
.attr("text-anchor", "middle")
.attr("fill", "#e0e0e0")
.attr("font-size", "10px")
.text(d => d.manual + "%");
svg.selectAll(".label-ai")
.data(data)
.enter().append("text")
.attr("class", "label-ai")
.attr("x", d => xScale(d.category) + 3*xScale.bandwidth()/4)
.attr("y", d => yScale(d.ai) - 5)
.attr("text-anchor", "middle")
.attr("fill", "#e0e0e0")
.attr("font-size", "10px")
.text(d => d.ai + "%");
// Add axes
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(-25)");
// Add legend
const 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("Manual");
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("GPT IA");
}
// Industry ROI Comparison
function createIndustryROI() {
const container = d3.select("#industry-roi");
container.selectAll("*").remove();
const width = 700;
const height = 400;
const svg = container.append("svg")
.attr("width", "100%")
.attr("height", height)
.attr("viewBox", `0 0 ${width} ${height}`);
const data = [
{industry: "E-commerce", roi_6m: 280, roi_12m: 520},
{industry: "Consultoría", roi_6m: 340, roi_12m: 610},
{industry: "Manufactura", roi_6m: 190, roi_12m: 380},
{industry: "Servicios", roi_6m: 420, roi_12m: 750},
{industry: "Salud", roi_6m: 160, roi_12m: 320}
];
const xScale = d3.scaleBand()
.domain(data.map(d => d.industry))
.range([80, width - 40])
.padding(0.3);
const yScale = d3.scaleLinear()
.domain([0, 800])
.range([height - 60, 40]);
// 6-month ROI bars
svg.selectAll(".bar-6m")
.data(data)
.enter().append("rect")
.attr("class", "bar-6m")
.attr("x", d => xScale(d.industry))
.attr("y", d => yScale(d.roi_6m))
.attr("width", xScale.bandwidth()/2 - 2)
.attr("height", d => height - 60 - yScale(d.roi_6m))
.attr("fill", "#FF8A50")
.attr("opacity", 0.8);
// 12-month ROI bars
svg.selectAll(".bar-12m")
.data(data)
.enter().append("rect")
.attr("class", "bar-12m")
.attr("x", d => xScale(d.industry) + xScale.bandwidth()/2)
.attr("y", d => yScale(d.roi_12m))
.attr("width", xScale.bandwidth()/2 - 2)
.attr("height", d => height - 60 - yScale(d.roi_12m))
.attr("fill", "#FF6B35")
.attr("opacity", 0.8);
// Add value labels
svg.selectAll(".label-6m")
.data(data)
.enter().append("text")
.attr("class", "label-6m")
.attr("x", d => xScale(d.industry) + xScale.bandwidth()/4)
.attr("y", d => yScale(d.roi_6m) - 5)
.attr("text-anchor", "middle")
.attr("fill", "#e0e0e0")
.attr("font-size", "10px")
.text(d => d.roi_6m + "%");
svg.selectAll(".label-12m")
.data(data)
.enter().append("text")
.attr("class", "label-12m")
.attr("x", d => xScale(d.industry) + 3*xScale.bandwidth()/4)
.attr("y", d => yScale(d.roi_12m) - 5)
.attr("text-anchor", "middle")
.attr("fill", "#e0e0e0")
.attr("font-size", "10px")
.text(d => d.roi_12m + "%");
// 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(80, 0)")
.call(d3.axisLeft(yScale))
.selectAll("text")
.attr("fill", "#e0e0e0");
// Add legend
const legend = svg.append("g")
.attr("transform", "translate(500, 60)");
legend.append("rect")
.attr("width", 15)
.attr("height", 15)
.attr("fill", "#FF8A50");
legend.append("text")
.attr("x", 20)
.attr("y", 12)
.attr("fill", "#e0e0e0")
.attr("font-size", "12px")
.text("6 meses");
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("12 meses");
}
// Initialize all visualizations
document.addEventListener("DOMContentLoaded", function() {
setTimeout(() => {
createConversationQuality();
createConversionRates();
createIndustryROI();
}, 500);
});
</script>
</body>
</html>