Spaces:

sentimentanalyzer01
/

emosentiment_analyzer

Sleeping

App Files Files Community

sentimentanalyzer01 commited on 28 days ago

Commit

84c505b

verified ·

1 Parent(s): d6426c5

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +22 -5

templates/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Анализ эмоций текстов отзывов на русском языке</title>
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <style>
         * {
@@ -245,7 +245,7 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>💬 Анализатор эмоций текстов отзывов</h1>
             <p>Гибридная каскадная модель LSTM + BERT с онтологической верификацией</p>
         </div>
@@ -476,7 +476,19 @@
                     responsive: true,
                     plugins: {
                         legend: { position: 'bottom' },
-                        tooltip: { callbacks: { label: (ctx) => `${ctx.label}: ${ctx.raw} отзывов` } }
                     }
                 }
             });
@@ -484,9 +496,14 @@
             let html = '';
             const emotionsOrder = ['радость', 'грусть', 'злость', 'страх', 'сарказм'];
             for (const emotion of emotionsOrder) {
                 const examples = data.examples[emotion] || [];
-                if (examples.length > 0) {
-                    html += `<div class="examples-category"><h4>😊 ${emotion} (${examples.length})</h4>`;
                     for (const ex of examples) {
                         html += `
                             <div class="example-item">

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Анализ эмоциональной окраски текстов отзывов на русском языке</title>
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <style>
         * {
 <body>
     <div class="container">
         <div class="header">
+            <h1>💬 Анализ эмоциональной окраски текстов отзывов на русском языке</h1>
             <p>Гибридная каскадная модель LSTM + BERT с онтологической верификацией</p>
         </div>
                     responsive: true,
                     plugins: {
                         legend: { position: 'bottom' },
+                        tooltip: {
+                            callbacks: {
+                                label: function(context) {
+                                    let label = context.label || '';
+                                    let value = context.raw;
+                                    let suffix = '';
+                                    if (value % 10 === 1 && value % 100 !== 11) suffix = 'отзыв';
+                                    else if (value % 10 >= 2 && value % 10 <= 4 && (value % 100 < 10 || value % 100 >= 20)) suffix = 'отзыва';
+                                    else suffix = 'отзывов';
+                                    return `${label}: ${value} ${suffix}`;
+                                }
+                            }
+                        }
                     }
                 }
             });
             let html = '';
             const emotionsOrder = ['радость', 'грусть', 'злость', 'страх', 'сарказм'];
             for (const emotion of emotionsOrder) {
+                const count = data.emotion_counts[emotion] || 0;
                 const examples = data.examples[emotion] || [];
+                if (count > 0) {
+                    let suffix = '';
+                    if (count % 10 === 1 && count % 100 !== 11) suffix = 'отзыв';
+                    else if (count % 10 >= 2 && count % 10 <= 4 && (count % 100 < 10 || count % 100 >= 20)) suffix = 'отзыва';
+                    else suffix = 'отзывов';
+                    html += `<div class="examples-category"><h4>${emotion} (${count} ${suffix})</h4>`;
                     for (const ex of examples) {
                         html += `
                             <div class="example-item">