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
@@ -0,0 +1,774 @@
<!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>