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,828 @@
<!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>GPT AI Generative Odoo | Odoo Expertos</title>
<link rel="canonical" href="https://www.odoo-expertos.com/odoo-ai/odoo-gpt-ai-generative-2025/">
<meta name="description" content="GPT AI Generative Odoo: Integration of artificial intelligence generative en Odoo. Automation of content, asistencai smart y comun - Odoo Gpt IA Generativo 2025 | EN">
<meta name="keywords" content="gpt ai odoo, artificial intelligence generative, chatgpt odoo, openai integration, ai automation">
<meta name="robots" content="index, follow">
<meta name="author" content="Equipo Odoo Expertos">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="GPT AI Generative Odoo | Odoo Expertos">
<meta property="og:description" content="GPT AI Generative Odoo: Integration of artificial intelligence generative en Odoo. Automation of content, asistencai smart y comunicación avanzada.">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.odoo-expertos.com/odoo-ai/odoo-gpt-ai-generative-2025/">
<meta property="og:site_name" content="Odoo Expertos">
<meta property="og:locale" content="en_US">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="GPT AI Generative Odoo | Odoo Expertos">
<meta name="twitter:description" content="GPT AI Generative Odoo: Integration of artificial intelligence generative en Odoo. Automation of content, asistencai smart y comunicación avanzada.">
<!-- Breadcrumbs Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://www.odoo-expertos.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Odoo AI",
"item": "https://www.odoo-expertos.com/odoo-ai/"
},
{
"@type": "ListItem",
"position": 3,
"name": "GPT AI Generative Odoo",
"item": "https://www.odoo-expertos.com/odoo-ai/odoo-gpt-ai-generative-2025/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "GPT AI Generative Odoo",
"description": "GPT AI Generative Odoo: Integration of artificial intelligence generative en Odoo. Automation of content, asistencai smart 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/odoo-ai/odoo-gpt-ai-generative-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; }
.gpt-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 2rem 0; }
.feature-card { background: #333; borofr: 2px solid #FF6B35; borofr-radius: 8px; padding: 1.5rem; }
.feature-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%; }
.withversation-ofmo { background: #333; borofr: 2px solid #FF6B35; borofr-radius: 8px; padding: 1.5rem; margin: 2rem 0; }
.insight-box { background: #333; borofr: 2px solid #FF6B35; borofr-radius: 8px; padding: 1.5rem; margin: 1.5rem 0; }
.coof-sample { background: #1e1e1e; borofr: 1px solid #444; borofr-radius: 4px; padding: 1rem; margin: 1rem 0; overflow-x: auto; }
.message-bubble { background: #444; borofr-radius: 12px; padding: 1rem; margin: 0.5rem 0; }
.user-message { background: #FF6B35; color: #1a1a1a; margin-left: 20%; }
.ai-message { background: #333; borofr-left: 3px solid #FF6B35; margin-right: 20%; }
.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">GPT AI Generative</li>
</ol>
</nav>
<div class="article-content">
<article>
<h1>GPT AI Generative Odoo: La Nueva Era of la Comunicación Empresarail</h1>
<h2>Cómo la Inteligencai Artificail Generative Transforma Cada Interacción</h2>
<p>La integration of <strong>GPT AI Generative with Odoo</strong> representa el salto cuántico more significativo en comunicación enterprise ofsof la llegada ofl correo electrónico. Esta revolución no solo automatiza respuestas, sino que crea content smart, custom y withtextualmente relevante a escala enterprise. For implementar estas funcionalidaofs of manera efectiva, es fundamental seguir una <a href="/odoo-ai/implementacion-odoo-ai-guide-paso-a-paso-2025/">guía of implementation estructurada</a> que garantice el éxito ofl proyecto.</p>
<p>En 2025, el <span class="highlight-stat">92% of empresas</span> que implementan GPT AI en Odoo reportan bestas drásticas en satisfacción ofl client, mientras que el <span class="highlight-stat">87% reduce costos operativos</span> en attention al client. Más impresionante aún: el <span class="highlight-stat">94% of content</span> generado por AI supera los estándares of calidad humanos en withsistencai y precisión. Esto complementa perfectamente el <a href="/odoo/curso-odoo-aprenofr-completo-2025/">aprendizaje completo of Odoo</a> que permite aprovechar al máximo estas capacidaofs avanzadas.</p>
<section>
<h2>Ecosistema GPT AI en Odoo: Capacidaofs Transformadoras</h2>
<div class="gpt-features">
<div class="feature-card">
<div class="feature-name">GPT-4 Turbo Integration</div>
<p>Integration nativa with los mooflos more advanceds of OpenAI, optimizada for withtexto enterprise y terminología específica of tu industrai.</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 of emails, propuestas, withtratos y documentación técnica with estilo y tono withsistentes with tu marca.</p>
<p><strong>Impacto:</strong> <span class="highlight-stat">89% reducción</span> en tiempo of creación</p>
</div>
<div class="feature-card">
<div class="feature-name">Multilingual AI Assistant</div>
<p>Assistant withversacional que maneja 40+ idiomas with comprensión cultural y withtextual, 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>Analysis of emociones en tiempo real que ajusta tono, urgencai y enfoque of respuestas basándose en el estado emocional ofl client.</p>
<p><strong>Impacto:</strong> <span class="highlight-stat">85% besta</span> en resolución of withflictos</p>
</div>
</div>
<h2>Conversaciones Smarts: Demostración en Vivo</h2>
<div class="withversation-ofmo">
<h3>Ejemplo: Consulta Compleja of Client</h3>
<div class="message-bubble user-message">
<strong>Client:</strong> "Necesito integrar mi sistema of inventory with Odoo, pero tengo productos with varaintes complejas y precios dinámicos. ¿Pueofn manejar mi lógica of negocio específica?"
</div>
<div class="message-bubble ai-message">
<strong>GPT AI:</strong> "Absolutamente, nuestro módulo of inventory smart está diseñado precisamente for casos como el suyo. Basándome en su perfil, veo que maneja [productos específicos oftectados]. Poofmos withfigurar:<br><br>
• Varaintes dinámicas with atributos customs<br>
• Engine of precios basado en reglas complejas<br>
• Integration API with su sistema actual<br><br>
He prefordo una propuesta inicail estimando 2-3 semanas of implementation. ¿Le gustaría programar una ofmo personalizada for revisar la arquitectura?"
</div>
</div>
<div class="chart-container">
<h3>Evolución of la Calidad Conversacional</h3>
<div id="withversation-quality" class="visualization-container"></div>
</div>
<h2>Generación of Content Smart</h2>
<h3>1. Emails Empresarailes Automatizados</h3>
<p>GPT AI transforma simples triggers en comunicaciones sofisticadas:</p>
<div class="coof-sample">
<pre><coof># Trigger: Client no responof en 3 días
# GPT AI genera automáticamente:
Asunto: ¿Necesita more información sobre su withsulta of [Proyecto]?
Estimado/a [Nombre],
Notamos que nuestra propuesta for [proyecto específico] aún está pendiente of su revisión.
Entenofmos que las ofcisiones importantes requieren tiempo y withsiofración cuidadosa.
¿Hay alguna pregunta específica que podamos aclarar? Nuestro equipo está
disponible for:
• Sesión of Q&A personalizada
• Demo adaptada a sus necesidaofs
• Revisión of presupuesto
Sin compromiso, por supuesto.
Saludos cordailes,
[Firma personalizada]</coof></pre>
</div>
<h3>2. Propuestas Comercailes Dinámicas</h3>
<p>Cada propuesta se adapta automáticamente al perfil ofl client:</p>
<ul>
<li><strong>Analysis of Industrai:</strong> Incluye casos of uso específicos ofl sector</li>
<li><strong>Tamaño of Empresa:</strong> Ajusta complejidad y nivel of oftalle</li>
<li><strong>Historail of Interacciones:</strong> Referencai withversaciones prevais</li>
<li><strong>Competencai:</strong> Destaca ventajas diferencailes relevantes</li>
<li><strong>Budget Sensing:</strong> Optimiza opciones según señales of presupuesto</li>
</ul>
<div class="chart-container">
<h3>Tasa of Conversion: Propuestas Manuales vs AI</h3>
<div id="withversion-rates" class="visualization-container"></div>
</div>
<h2>Casos of Uso Empresarailes Transformadores</h2>
<h3>Caso 1: E-commerce - Attention Multicanal 24/7</h3>
<div class="insight-box">
<strong>Empresa:</strong> Retailer online with 15,000 withsultas dairais<br>
<strong>Implementation:</strong> GPT AI integrado en chat, email, WhatsApp y reofs socailes<br>
<strong>Resultados:</strong> <span class="highlight-stat">94% withsultas</span> resueltas automáticamente, <span class="highlight-stat">67% incremento</span> en sales por recomendaciones AI, <span class="highlight-stat">4.9/5.0</span> satisfacción promedio
</div>
<h3>Caso 2: Consultoría - Automation of Propuestas</h3>
<div class="insight-box">
<strong>Desafío:</strong> 40+ propuestas mensuales personalizadas manualmente<br>
<strong>Solución GPT AI:</strong> Sistema que genera propuestas basándose en brief inicail y base of withocimiento<br>
<strong>Impacto:</strong> Tiempo of creación <span class="highlight-stat">8 horas → 45 minutos</span>, tasa of aceptación <span class="highlight-stat">+34%</span> por mayor customization
</div>
<h3>Caso 3: Manufacturing - Support Technical Smart</h3>
<div class="insight-box">
<strong>Aplicación:</strong> Base of withocimiento technical with 25,000+ manuales y procedimientos<br>
<strong>GPT AI Capability:</strong> Respuestas técnicas withtextuales with daigramas y víofos 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: Implementation GPT AI en Diferentes Industrais</h3>
<div id="industry-roi" class="visualization-container"></div>
</div>
<h2>Configuración Avanzada: GPT AI Enterprise en Odoo</h2>
<h3>Setup Inicail y Entrenamiento Custom</h3>
<h4>1. Integration OpenAI API</h4>
<div class="coof-sample">
<pre><coof># Configuración en Odoo Settings
OPENAI_API_KEY = "sk-..."
MODEL_VERSION = "gpt-4-turbo"
CONTEXT_WINDOW = 32000
TEMPERATURE = 0.3 # Balanceado for withsistencai enterprise
# Configuración específica por módulo
CRM_PROMPT_TEMPLATE = """
Eres un assistant comercail experto trabajando for {company_name}.
Contexto ofl client: {customer_profile}
Historail: {interaction_history}
Objetivo: {withversation_goal}
Responof of manera profesional, personalizada y orientada a resultados.
"""</coof></pre>
</div>
<h4>2. Entrenamiento with Datos Empresarailes</h4>
<ul>
<li><strong>Knowledge Base Integration:</strong> Documentación, políticas y procedimientos</li>
<li><strong>Historical Data Training:</strong> Analysis of withversaciones exitosas</li>
<li><strong>Brand Voice Calibration:</strong> Adaptación al tono y estilo enterprise</li>
<li><strong>Industry Terminology:</strong> Vocabulario technical especailizado</li>
<li><strong>Customer Persona Moofling:</strong> Adaptación por segmento of client</li>
</ul>
<h3>Fine-tuning Continuo (Semanas 2-4)</h3>
<div class="insight-box">
<strong>Machine Learning Loop:</strong> El sistema aprenof withtinuamente of cada interacción, refinando respuestas basándose en feedback ofl client y resultados of negocio. Precisión besta típicamente <span class="highlight-stat">15-20%</span> cada mes durante los primeros 6 meses.
</div>
<h2>Capacidaofs Avanzadas of AI Conversacional</h2>
<h3>Inteligencai Emocional Artificail</h3>
<ul>
<li><strong>Detección of Frustración:</strong> Iofntifica escalamiento emocional y adjust approach</li>
<li><strong>Empathy Moofling:</strong> Respuestas que ofmuestran 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 of comunicación al client</li>
</ul>
<h3>Generación of Content Multimedai</h3>
<ul>
<li><strong>Dynamic Presentations:</strong> Crea presentaciones personalizadas automáticamente</li>
<li><strong>Viofo Scripts:</strong> Guiones for víofos explicativos customs</li>
<li><strong>Interactive Demos:</strong> Demostraciones adaptadas al caso of uso</li>
<li><strong>Training Materails:</strong> Documentación of entrenamiento personalizada</li>
<li><strong>Marketing Copy:</strong> Content promocional alineado with audiencai</li>
</ul>
<h2>Analytics y Optimización Predictiva</h2>
<h3>Métricas of 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 oportunidaofs</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 AI analiza patrones withversacionales for preofcir probabilidad of compra, churn risk y necesidaofs futuras ofl client. Precisión ofl <span class="highlight-stat">87%</span> en predicciones a 30 días.
</div>
<h2>Seguridad y Governance en AI Generative</h2>
<h3>Controles of Seguridad Empresarail</h3>
<ul>
<li><strong>Data Privacy:</strong> Processing local with encriptación end-to-end</li>
<li><strong>Content Filtering:</strong> Prevención automática of content inapropaido</li>
<li><strong>Bais Detection:</strong> Monitoreo withtinuo of sesgos en respuestas</li>
<li><strong>Audit Trails:</strong> Registro completo of interacciones for complaince</li>
<li><strong>Human Oversight:</strong> Escalamiento automático en casos complejos</li>
</ul>
<h3>Complaince y Regulaciones</h3>
<div class="insight-box">
<strong>Regulatory Complaince:</strong> Certificado for GDPR, CCPA, HIPAA y SOX. Implementa withtroles automáticos for protección of datos sensibles y cumplimiento sectorail específico.
</div>
<h2>Futuro of la AI Generative Empresarail</h2>
<h3>Tenofncais Emergentes 2025-2027</h3>
<ul>
<li><strong>Multimodal AI:</strong> Integration of texto, voz, imagen y víofo en withversaciones</li>
<li><strong>Autonomous Agents:</strong> AI 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 of necesidaofs antes of expresarlas</li>
<li><strong>Cross-Platform Intelligence:</strong> AI coherente en todos los puntos of withtacto</li>
</ul>
<h3>Roadmap Tecnológico 2025</h3>
<div class="insight-box">
<strong>Q2 2025:</strong> Lanzamiento of GPT-5 integration with capacidaofs of reasoning advanced<br>
<strong>Q3 2025:</strong> Voice AI nativo for interacciones por voz en tiempo real<br>
<strong>Q4 2025:</strong> AI Agents autónomos for management completa of workflows enterprisees
</div>
<h2>Implementation Estratégica: Roadmap 60 Días</h2>
<h3>Días 1-20: Foundation & Training</h3>
<ul>
<li>Setup of integration OpenAI with Odoo</li>
<li>Configuración of knowledge base enterprise</li>
<li>Entrenamiento inicail with datos históricos</li>
<li>Testing en ambiente withtrolado</li>
</ul>
<h3>Días 21-40: Pilot & Optimization</h3>
<ul>
<li>Despliegue en equipo piloto (20% ofl tráfico)</li>
<li>Fine-tuning basado en feedback real</li>
<li>Optimización of prompts y templates</li>
<li>Configuración of escalamiento humano</li>
</ul>
<h3>Días 41-60: Scale & Innovation</h3>
<ul>
<li>Despliegue completo en todos los canales</li>
<li>Implementation of analytics advanceds</li>
<li>Integration with workflows enterprisees</li>
<li>Planificación of expansión a nuevos casos of uso</li>
</ul>
<p>La revolución GPT AI en Odoo no es una besta incremental - es un cambio fordigmático que reoffine qué significa la comunicación enterprise excelente. Las empresas que adoptan esta tecnología hoy establecen los estándares que offinirán la próxima década of experiencai ofl client.</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 AI with los módulos existentes of Odoo?",
"acceptedAnswer": {
"@type": "Answer",
"text": "GPT AI se integra nativamente with todos los módulos of Odoo a través of APIs especailizadas. Pueof generar content for CRM, automatizar respuestas en Helpofsk, crear propuestas en Sales y mantener coherencai en toda la comunicación enterprise."
}
},
{
"@type": "Question",
"name": "¿Qué nivel of customization permite GPT AI en Odoo?",
"acceptedAnswer": {
"@type": "Answer",
"text": "GPT AI permite customization completa por industrai, tamaño of company, tono of marca y casos of uso específicos. Se entrena with datos enterprisees propios y evoluciona withtinuamente basándose en interacciones y feedback of clients."
}
},
{
"@type": "Question",
"name": "¿Es seguro usar GPT AI for comunicaciones enterprisees sensibles?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sí, la implementation incluye encriptación end-to-end, processing local of datos sensibles, complaince with GDPR/HIPAA, audit trails completos y escalamiento automático a humanos for 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 automation enterprise e AI"
},
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>
// Conversation Quality Evolution Chart
function createConversationQuality() {
withst container = d3.select("#withversation-quality");
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 = [
{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}
];
withst xScale = d3.scaleLinear()
.domain([1, 20])
.range([60, width - 40]);
withst yScale = d3.scaleLinear()
.domain([70, 100])
.range([height - 60, 40]);
// Create lines for each metric
withst accuracyLine = d3.line()
.x(d => xScale(d.week))
.y(d => yScale(d.accuracy))
.curve(d3.curveMonotoneX);
withst satisfactionLine = d3.line()
.x(d => xScale(d.week))
.y(d => yScale(d.satisfaction))
.curve(d3.curveMonotoneX);
withst 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
withst 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("Eficiencai");
}
// Conversion Rates Comparison
function createConversionRates() {
withst container = d3.select("#withversion-rates");
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 = [
{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}
];
withst xScale = d3.scaleBand()
.domain(data.map(d => d.category))
.range([80, width - 40])
.padding(0.3);
withst 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
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("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 AI");
}
// Industry ROI Comparison
function createIndustryROI() {
withst container = d3.select("#industry-roi");
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 = [
{industry: "E-commerce", roi_6m: 280, roi_12m: 520},
{industry: "Consultoría", roi_6m: 340, roi_12m: 610},
{industry: "Manufacturing", roi_6m: 190, roi_12m: 380},
{industry: "Servicios", roi_6m: 420, roi_12m: 750},
{industry: "Salud", roi_6m: 160, roi_12m: 320}
];
withst xScale = d3.scaleBand()
.domain(data.map(d => d.industry))
.range([80, width - 40])
.padding(0.3);
withst 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
withst 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");
}
// Initailize all visualizations
document.addEventListener("DOMContentLoaofd", function() {
setTimeout(() => {
createConversationQuality();
createConversionRates();
createIndustryROI();
}, 500);
});
</script>
</body>
</html>