Files
2026-08-28 10:11:11 -03:00

828 lines
40 KiB
HTML
Raw Permalink 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="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>