Update README.md

README.md

@@ -16,6 +16,28 @@ sdk: "static"
 pinned: false
 ---
 
+# Tachygraphy Micro-text Analysis And Normalization
+<!---
+---
+title: "Tachygraphy Micro-text Analysis & Normalization"
+emoji: "⚡"
+colorFrom: "pink"
+colorTo: "blue"
+sdk: "static"
+pinned: false
+---
+--->
+
+<!-- ---
+title: README
+emoji: 😻
+colorFrom: yellow
+colorTo: red
+sdk: static
+pinned: false
+---
+ -->
+ 
 <div align="center">
   
 <!-- ![Project Logo](https://via.placeholder.com/150) -->
@@ -56,68 +78,117 @@ Tachygraphy—originally developed to expedite writing—has evolved over centur
 
 ---
 
-## Sample Examples
 
 ### Sample Example 1
+```mermaid
+graph TD;
+    %% Input and normalized text nodes
+    A["Input Text: i don't know for real y he's sooo sad"]
+    B["Normalized Text: i do not know for real why he's so sad"]
+    C["Sentiment"]
+
+    A --> B
+    A -->|Sentiment| C
+
+    %% Sentiment value nodes (values inside the boxes)
+    C -->|Negative| D["0.99587"]
+    C -->|Neutral| E["6.23e-05"]
+    C -->|Positive| F["2.10e-05"]
+
+    %% Converge sentiment nodes to Emotion stage
+    D -->|Emotion| G
+    E -->|Emotion| G
+    F -->|Emotion| G
+
+    G["Emotion"]
+
+    %% Emotion nodes: arrow labels show emotion category; node boxes show numeric values.
+    G -->|Anger| H["0.0"]
+    G -->|Disgust| I["0.0"]
+    G -->|Fear| J["0.01028"]
+    G -->|Joy| K["0.0"]
+    G -->|Neutral| L["0.02194"]
+    G -->|Sadness| M["1.0"]
+    G -->|Surprise| N["0.02158"]
+
+%% Style the Neutral and Positive sentiment arrows with a lighter stroke.
+linkStyle 6 stroke:#cccccc, stroke-width:1px;
+linkStyle 7 stroke:#cccccc, stroke-width:1px;
 
-Below is a Graphviz diagram illustrating a sample analysis:
-
-```dot
-digraph {
-    graph [bgcolor="white", rankdir=TB, splines=true, nodesep=0.8, ranksep=0.8];
-    node [shape=box, style="rounded,filled", fontname="Helvetica", fontsize=9, margin="0.15,0.1"];
-
-    Input [label="Input:\nbruh, floods in Kerala, rescue ops non‑stop 🚁", fillcolor="#ffe6de", fontcolor="#000000"];
-    Output [label="Output:\nBrother, the floods in Kerala are severe,\nand rescue operations are ongoing continuously.", fillcolor="#ffe6de", fontcolor="#000000"];
-    Sentiment [label="Sentiment:\nNEUTRAL", fillcolor="#ecdeff", fontcolor="black"];
-
-    Anger [label="Anger: 0.080178231", fillcolor="#deffe1", fontcolor="black"];
-    Disgust [label="Disgust: 0.015257259", fillcolor="#deffe1", fontcolor="black"];
-    Fear [label="Fear: 0.601871967", fillcolor="#deffe1", fontcolor="black"];
-    Joy [label="Joy: 0.00410547", fillcolor="#deffe1", fontcolor="black"];
-    Neutral [label="Neutral: 0.0341026", fillcolor="#deffe1", fontcolor="black"];
-    Sadness [label="Sadness: 0.245294735", fillcolor="#deffe1", fontcolor="black"];
-    Surprise [label="Surprise: 0.019189769", fillcolor="#deffe1", fontcolor="black"];
-
-    edge [color="#7a7a7a", penwidth=3];
-
-    Input -> Output;
-    Input -> Sentiment;
-    Sentiment -> Anger;
-    Sentiment -> Disgust;
-    Sentiment -> Fear;
-    Sentiment -> Joy;
-    Sentiment -> Neutral;
-    Sentiment -> Sadness;
-    Sentiment -> Surprise;
-}
 ```
 
 ### Sample Example 2
-digraph {
-    graph [bgcolor="white", rankdir=TB, splines=true, nodesep=0.8, ranksep=0.8];
-    node [shape=box, style="rounded,filled", fontname="Helvetica", fontsize=9, margin="0.15,0.1"];
-
-    Input [label="Input:\nu rlly think all that talk means u tough? lol, when I step up, u ain't gon say sh*t", fillcolor="#ffe6de", fontcolor="black"];
-    Output [label="Output:\nyou really think all that talk makes you tough [lol](laughed out loud) when i step up you are not going to say anything", fillcolor="#ffe6de", fontcolor="black"];
-    Sentiment [label="Sentiment:\nNEGATIVE", fillcolor="#ecdeff", fontcolor="black"];
-
-    Anger [label="Anger: 0.14403291", fillcolor="#deffe1", fontcolor="black"];
-    Disgust [label="Disgust: 0.039282672", fillcolor="#deffe1", fontcolor="black"];
-    Fear [label="Fear: 0.014349542", fillcolor="#deffe1", fontcolor="black"];
-    Joy [label="Joy: 0.048965044", fillcolor="#deffe1", fontcolor="black"];
-    Neutral [label="Neutral: 0.494852662", fillcolor="#deffe1", fontcolor="black"];
-    Sadness [label="Sadness: 0.021111647", fillcolor="#deffe1", fontcolor="black"];
-    Surprise [label="Surprise: 0.237405464", fillcolor="#deffe1", fontcolor="black"];
-
-    edge [color="#7a7a7a", penwidth=3];
-
-    Input -> Output;
-    Input -> Sentiment;
-    Sentiment -> Anger;
-    Sentiment -> Disgust;
-    Sentiment -> Fear;
-    Sentiment -> Joy;
-    Sentiment ->
-::contentReference[oaicite:0]{index=0}
+```mermaid
+graph LR;
+    %% Input and normalized text nodes
+    A["Input Text: you rlly think all that talk means u tough? lol, when I step up, u ain't gon say sh*t"]
+    B["Normalized Text: you really think all that talk makes you tough [lol](laughed out loud) when i step up you are not going to say anything"]
+    C["Sentiment"]
+
+    A --> B
+    A -->|Sentiment| C
+
+    %% Sentiment value nodes
+    C -->|Negative| D["0.99999"]
+    C -->|Neutral| E["6.89e-06"]
+    C -->|Positive| F["1.11e-05"]
+
+    %% Converge sentiment nodes to Emotion stage
+    D -->|Emotion| G
+    E -->|Emotion| G
+    F -->|Emotion| G
+
+    G["Emotion"]
+
+    %% Emotion nodes: arrow labels show emotion category; nodes show numeric values.
+    G -->|Anger| H["0.14403"]
+    G -->|Disgust| I["0.03928"]
+    G -->|Fear| J["0.01435"]
+    G -->|Joy| K["0.04897"]
+    G -->|Neutral| L["0.49485"]
+    G -->|Sadness| M["0.02111"]
+    G -->|Surprise| N["0.23741"]
+
+%% Style the Neutral and Positive sentiment arrows with a lighter stroke.
+linkStyle 6 stroke:#cccccc, stroke-width:1px;
+linkStyle 7 stroke:#cccccc, stroke-width:1px;
 ```
+
+### Sample Example 3
+```mermaid
+graph TD;
+    %% Input and normalized text nodes
+    A["Input Text: bruh, floods in Kerala, rescue ops non‑stop 🚁"]
+    B["Normalized Text: Brother, the floods in Kerala are severe, and rescue operations are ongoing continuously."]
+    C["Sentiment"]
+
+    A --> B
+    A -->|Sentiment| C
+
+    %% Sentiment value nodes
+    C -->|Negative| D["4.44e-05"]
+    C -->|Neutral| E["0.99989"]
+    C -->|Positive| F["7.10e-05"]
+
+    %% Converge sentiment nodes to Emotion stage
+    D -->|Emotion| G
+    E -->|Emotion| G
+    F -->|Emotion| G
+
+    G["Emotion"]
+
+    %% Emotion nodes: arrow labels show emotion category; node boxes show numeric values.
+    G -->|Anger| H["0.08018"]
+    G -->|Disgust| I["0.01526"]
+    G -->|Fear| J["0.60187"]
+    G -->|Joy| K["0.00411"]
+    G -->|Neutral| L["0.02194"]
+    G -->|Sadness| M["1.0"]
+    G -->|Surprise| N["0.02158"]
+
+%% Style the Neutral and Positive sentiment arrows with a lighter stroke.
+linkStyle 5 stroke:#cccccc, stroke-width:1px;
+linkStyle 7 stroke:#cccccc, stroke-width:1px;
+
+```
+