Analizador de Silencios y Pausas Narrativas

Visualiza el ritmo de respiración de tu texto analizando la arquitectura de sus pausas y puntuación.

Analizador de Silencios y Pausas Narrativas

La escritura no es solo lo que se dice, sino el espacio que dejas entre las palabras. Analiza cómo la puntuación dicta el ritmo de respiración de tu lector.

Introduce tu texto:

</ntextarea>
                    </div>

<div class="d-grid gap-2 d-md-flex justify-content-md-end mb-4">
                        <button id="clearBtn" class="btn btn-outline-secondary me-md-2">Limpiar</button>
                        <button id="analyzeBtn" class="btn btn-primary px-5">Analizar Ritmo</button>
                    </div>

<div id="resultsArea" style="display: none;">
                        <hr class="my-4">
                        
                        <div class="row text-center mb-4">
                            <div class="col-md-4">
                                <div class="p-3 bg-light rounded">
                                    <small class="text-uppercase text-muted d-block">Índice de Respirabilidad</small>
                                    <span id="breathScore" class="h2 fw-bold">0</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="p-3 bg-light rounded">
                                    <small class="text-uppercase text-muted d-block">Densidad de Pausas</small>
                                    <span id="pauseDensity" class="h2 fw-bold">0</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="p-3 bg-light rounded">
                                    <small class="text-uppercase text-muted d-block">Cadencia Promedio</small>
                                    <span id="avgCadence" class="h2 fw-bold">0</span>
                                </div>
                            </div>
                        </div>

<h5 class="mb-3">Mapa Visual de Respiración (Waveform)</h5>
                        <p class="small text-muted">Cada barra representa una oración. El color indica la fluidez: <span class="text-success">Verde (Fluido)</span>, <span class="text-warning">Amarillo (Ritmo entrecortado)</span>, <span class="text-danger">Rojo (Saturación de pausas)</span>.</p>
                        <div id="visualMap" class="d-flex align-items-end justify-content-between bg-dark rounded p-4 mb-4" style="height: 150px;">
                            
                        </div>

<div class="alert alert-info">
                            <h6 class="alert-heading fw-bold">Interpretación del Análisis:</h6>
                            <p id="interpretationText" class="small mb-0"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
            </div>

<section class="mt-5 textlabhub-seo-content">
<h2>Domina el Ritmo de tu Escritura con el Análisis de Silencios Narrativos</h2>
<p>¿Alguna vez has sentido que un texto es difícil de leer, aunque las palabras sean correctas? La clave no siempre está en el vocabulario, sino en la <strong>arquitectura de las pausas</strong>. El ritmo de un texto es el compás invisible que guía al lector a través de tus ideas.</p>
<p>Nuestro <strong>Analizador de Silencios y Pausas Narrativas</strong> es una herramienta diseñada para escritores, copywriters y editores que desean llevar su control sobre la cadencia textual al siguiente nivel. Al analizar la distribución de la puntuación y la longitud de las oraciones, la herramienta te ofrece una visión técnica de cómo "respira" tu mensaje.</p>

<h3>¿Qué es el Índice de Respirabilidad?</h3>
<p>El índice de respirabilidad es una métrica que combina la densidad de los signos de puntuación (comas, puntos, puntos y coma, guiones) con la longitud media de las oraciones. Un texto con un índice alto permite una transición suave entre conceptos, mientras que un índice bajo puede indicar:</p>
<ul>
    <li><strong>Saturación:</strong> Demasiadas pausas cortas que fragmentan el pensamiento y cansan al lector.</li>
    <li><strong>Asfixia:</strong> Oraciones excesivamente largas que obligan al lector a retener demasiada información sin un descanso necesario.</li>
</ul>

<h3>Cómo utilizar el Analizador de Ritmo</h3>
<ol>
    <li><strong>Pega tu contenido:</strong> Copia el fragmento de tu artículo, ensayo o guion en el cuadro de texto.</li>
    <li><strong>Ejecuta el análisis:</strong> Haz clic en "Analizar Ritmo" para procesar la estructura sintáctica.</li>
    <li><strong>Observa el Mapa Visual:</strong> El generador creará una representación tipo "waveform". Las barras verdes indican secciones fluidas, mientras que las amarillas y rojas señalan irregularidades en el ritmo.</li>
    <li><strong>Ajusta tu texto:</strong> Utiliza la interpretación para decidir si necesitas añadir puntos para dar descanso o eliminar comas para mejorar la fluidez.</li>
</ol>

<h3>Beneficios para Profesionales</h3>
<p>Para un <strong>copywriter</strong>, controlar el ritmo es esencial para mantener la atención en una página de ventas. Para un <strong>escritor de ficción</strong>, el ritmo determina la tensión narrativa: frases cortas para acción y tensión, y frases largas para contemplación y descripción. Esta herramienta te permite auditar objetivamente estos efectos sin depender únicamente de tu intuición.</p>

<h3>Optimización de la Experiencia de Lectura</h3>
<p>En la era de la lectura digital, donde la atención es un recurso escaso, escribir con una estructura de pausas optimizada es una ventaja competitiva. Un texto que "fluye" reduce la carga cognitiva del lector, aumentando la probabilidad de que complete tu lectura y comprenda tu mensaje con claridad.</p>
            </section>

</div>
    </div>

</main>

function showToast(message, type) {
        type = type || 'success';

var existing = document.querySelector('.tlh-toast');
        if (existing) {
            existing.remove();
        }

var toast = document.createElement('div');
        toast.className = 'tlh-toast alert alert-' + type;
        toast.textContent = message;
        toast.style.position = 'fixed';
        toast.style.right = '20px';
        toast.style.bottom = '20px';
        toast.style.zIndex = '9999';
        toast.style.maxWidth = '420px';

document.body.appendChild(toast);

setTimeout(function () {
            if (toast && toast.parentNode) {
                toast.remove();
            }
        }, 3500);
    }

/* ===== JS generado por Gemini ===== */

document.addEventListener('DOMContentLoaded', function () {
    const textInput = document.getElementById('textInput');
    const analyzeBtn = document.getElementById('analyzeBtn');
    const clearBtn = document.getElementById('clearBtn');
    const resultsArea = document.getElementById('resultsArea');
    const visualMap = document.getElementById('visualMap');
    const breathScoreEl = document.getElementById('breathScore');
    const pauseDensityEl = document.getElementById('pauseDensity');
    const avgCadenceEl = document.getElementById('avgCadence');
    const interpretationText = document.getElementById('interpretationText');

analyzeBtn.addEventListener('click', function () {
        const text = textInput.value.trim();
        if (!text) return;

// Dividir por oraciones (usando regex para . ! ?)
        const sentences = text.split(/(?<=[.!?])\s+/).filter(s => s.length > 0);
        
        if (sentences.length === 0) return;

let totalPauseWeight = 0;
        let totalChars = text.length;
        let totalPunctuation = (text.match(/[.,;:!\?\-]/g) || []).length;
        
        visualMap.innerHTML = '';
        resultsArea.style.display = 'block';

const sentenceData = sentences.map(sentence => {
            // Peso de la pausa basado en puntuación interna
            const commas = (sentence.match(/,/g) || []).length;
            const midPauses = (sentence.match(/[;:\-]/g) || []).length;
            const endPauses = (sentence.match(/[.!?]/g) || []).length;
            
            // Score de la oración (más alto es más fluido/largo, más bajo es más fragmentado)
            // Un exceso de puntuación reduce la 'fluidez' de la oración
            const pauseScore = (commas * 1) + (midPauses * 2) + (endPauses * 3);
            const weight = sentence.length / (pauseScore + 1);
            
            totalPauseWeight += pauseScore;
            
            return {
                length: sentence.length,
                pauses: pauseScore,
                weight: weight
            };
        });

// Renderizar Mapa Visual
        sentenceData.forEach(data => {
            const bar = document.createElement('div');
            bar.style.flex = '1';
            bar.style.margin = '0 2px';
            
            // Altura relativa
            const heightPercent = Math.min(Math.max((data.length / 200) * 100, 10), 100);
            bar.style.height = heightPercent + '%';
            
            // Color basado en la densidad de pausas por longitud
            // Densidad = pausas / longitud
            const density = data.pauses / data.length;
            if (density < 0.03) {
                bar.className = 'bg-success rounded-top';
            } else if (density < 0.08) {
                bar.className = 'bg-warning rounded-top';
            } else {
                bar.className = 'bg-danger rounded-top';
            }
            
            bar.title = `Longitud: ${data.length} chars | Pausas: ${data.pauses}`;
            visualMap.appendChild(bar);
        });

// Cálculos de métricas
        const densityValue = (totalPunctuation / totalChars) * 100;
        const avgSentenceLen = totalChars / sentences.length;
        
        // Índice de Respirabilidad (0-100)
        // Idealmente queremos una densidad de puntuación moderada y oraciones de longitud equilibrada
        let breathScore = 100 - (densityValue * 10) - (avgSentenceLen > 150 ? (avgSentenceLen - 150)/5 : 0);
        if (densityValue > 5) breathScore -= 20;
        breathScore = Math.max(0, Math.min(100, Math.round(breathScore)));

// Actualizar UI
        breathScoreEl.textContent = breathScore + '%';
        pauseDensityEl.textContent = densityValue.toFixed(2) + '%';
        avgCadenceEl.textContent = Math.round(avgSentenceLen) + ' c/o';

// Interpretación
        if (breathScore > 75) {
            interpretationText.textContent = "Tu texto tiene un ritmo excelente. Las pausas están bien distribuidas, permitiendo una lectura fluida y natural. El lector puede 'respirar' sin perder el hilo.";
        } else if (breathScore > 50) {
            interpretationText.textContent = "El ritmo es aceptable pero irregular. Hay zonas con demasiada fragmentación o periodos demasiado largos sin descanso. Revisa la puntuación para equilibrar la energía.";
        } else {
            interpretationText.textContent = "Atención: El ritmo es errático. Tu texto puede resultar agotador (oraciones muy largas) o demasiado entrecortado (exceso de signos de puntuación). Busca un equilibrio entre fluidez y énfasis.";
        }

// Scroll suave hacia resultados
        resultsArea.scrollIntoView({ behavior: 'smooth' });
    });

clearBtn.addEventListener('click', function() {
        textInput.value = '';
        resultsArea.style.display = 'none';
        visualMap.innerHTML = '';
    });
});

});
</script>

<footer class="site-footer bg-slate-950 border-t border-slate-800 text-slate-400 text-sm mt-20">
        <div class="footer-container max-w-7xl mx-auto px-4 py-12 grid grid-cols-1 md:grid-cols-3 gap-8">
            
            <div class="footer-brand space-y-4">
                <img src="/assets/images/logo.svg" alt="TextLabHub Logo" class="footer-logo h-8 w-auto" onerror="this.style.display='none';">
                <p class="leading-relaxed text-slate-400">
                    <strong>TextLabHub.com</strong> is a high-performance suite of developer-friendly text utilities, formatting tools, and SEO resources designed for speed and precision.
                </p>
            </div>

<div class="footer-links">
                <h4 class="text-white font-semibold text-base mb-4 tracking-wide">Quick Tools</h4>
                <ul class="space-y-2.5">
                    <li><a href="/tools" class="hover:text-blue-400 transition">Tools</a></li>
                    <li><a href="/blog" class="hover:text-blue-400 transition">Blog</a></li>
                </ul>
            </div>

<div class="footer-links">
                <h4 class="text-white font-semibold text-base mb-4 tracking-wide">Legal & Info</h4>
                <ul class="space-y-2.5">
                    <li><a href="/legal.php?page=privacy" class="hover:text-blue-400 transition">Privacy Policy</a></li>
                    <li><a href="/legal.php?page=terms" class="hover:text-blue-400 transition">Terms of Service</a></li>
                    <li><a href="/legal.php?page=cookies" class="hover:text-blue-400 transition">Cookie Policy</a></li>
                </ul>
            </div>
        </div>

<div class="footer-bottom border-t border-slate-900 py-6 text-center text-xs text-slate-500 px-4">
            © 2026 TextLabHub.com. All rights reserved. Built for lightning-fast client-side processing.
        </div>
    </footer>

<script src="/assets/js/app.js"></script>
</body>
</html>