---
title: Two-Level Sentiment Analysis of X / Twitter posts
type: templates
category: Community Contributions
cat: community
order: 1004
meta_title: Two-Level Sentiment Analysis of X / Twitter posts Data Labeling Template
meta_description: Template for two-level sentiment analysis of x / twitter posts with Label Studio
community: true
community_author: luarmr
community_contributors: bmartel, redeipirati
community_repo: awesome-label-studio-config
github_repo: humanSignal/awesome-label-studio-config
report_bug_url: https://github.com/humanSignal/awesome-label-studio-config/issues/new?template=bug_report.yml&config-name=two-level-sentiment-analysis-of-x-twitter-posts&title=Bug%20in%20two-level-sentiment-analysis-of-x-twitter-posts&body=I%20found%20a%20bug%20in%20the%20two-level-sentiment-analysis-of-x-twitter-posts%20template.%0A%0A%23%23%20Steps%20to%20Reproduce%0A1.%20...%0A2.%20...%0A%0A%23%23%20Expected%20Behavior%0A...%0A%0A%23%23%20Actual%20Behavior%0A...%0A%0A%23%23%20Environment%0A-%20Label%20Studio%20Version:...%0A-%20Browser%20(if%20applicable):...%0A-%20Operating%20System:...%0A%0A%23%23%20Additional%20Context%0A...%0A
This labeling config lets you assign a sentiment (Positive, Negative, or Neutral) to X / Twitter post. After picking a sentiment, a second-level classification appears to categorize the text as Descriptive, Emotional, Mixed, Ambigous, or Sarcams. The labeling interface is styled to look like a X / Twitter post.
<View>
<!-- CSS fix for the legacy plaground -->
<Style>
.htx-text{padding:0; background: transparent; border:none;}
</Style>
<View
style="
border: 1px solid #e1e8ed;
border-radius: 8px;
padding: 10px;
max-width: 500px;
background-color: #fff;
font-family: Arial, sans-serif;
"
>
<View
style="
display: flex;
align-items: center;
gap: 10px;
"
>
<View
style="
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #ccc;
background-image: url('https://randomuser.me/api/portraits/men/3.jpg');
background-size: cover;
"
></View>
<Header name="username" value="John Doe" />
<Text name="handle" value="@johndoe" style="color:gray;" />
<Text name="timestamp" value="· 2 hrs ago" style="color:gray;" />
</View>
<View style="margin-top: 8px;">
<Text name="tweet" value="$tweet" />
</View>
<View
style="
display: flex;
justify-content: space-between;
font-size: 12px;
color: #657786;
margin-top: 20px;
"
>
<Text name="comments" value="💬 10" />
<Text name="retweets" value="🔁 3" />
<Text name="likes" value="❤️ 7" />
<Text name="views" value="📊 134" />
<Text name="other" value="🔖 ⬆" />
</View>
</View>
<Choices name="sentiment" toName="tweet" choice="single">
<Choice value="Positive" hint="Click on it if it says something nice or good" />
<Choice value="Neutral" hint="Click on it if overall it doesn't express any sentiment" />
<Choice value="Negative" hint="Click on if it says something bad or unpleasant" />
</Choices>
<Choices name="other-props" toName="tweet"
choice="multiple" showInLine="true"
visibleWhen="choice-selected"
whenTagName="sentiment">
<View style="width:100%">
<Header value="Other properties of the post" />
</View>
<Choice value="Descriptive" />
<Choice value="Emotional" hint="Click on it if it shows moderate to strong sentiment" />
<Choice value="Mixed" hint="Click on it if multiple conflicting sentiments are present"/>
<Choice value="Ambigous" hint="Click on it if it is irrelevant or unclear"/>
<Choice value="Sarcams" hint="Click on it if it shows ironic or sarcastic content"/>
</Choices>
</View>
All labeling configurations must be wrapped in View tags.
This configuration uses the following tags:
This is done with:
visibleWhen="choice-selected"
whenTagName="sentiment"