From xiaohongshu-complete-skills
Guides creation of charts, graphs, and infographics for presenting data insights on Xiaohongshu using Canva, Excel, and Google Sheets. Useful for educational, save-worthy content.
npx claudepluginhub vivy-yi/xiaohongshu-skills --plugin xiaohongshu-complete-skillsThis skill uses the workspace's default tool permissions.
Data visualization transforms complex information into visual formats (charts, graphs, infographics) that audiences can understand in seconds. On Xiaohongshu, where audiences scroll quickly and attention spans are short, visual data presentation is a powerful content format: it's educational, save-worthy, and highly shareable. The core principle: data storytelling—combining accurate data with c...
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
Data visualization transforms complex information into visual formats (charts, graphs, infographics) that audiences can understand in seconds. On Xiaohongshu, where audiences scroll quickly and attention spans are short, visual data presentation is a powerful content format: it's educational, save-worthy, and highly shareable. The core principle: data storytelling—combining accurate data with compelling visuals and narrative context to inform, persuade, or inspire. Great data visualization isn't just about making pretty charts; it's about clarity, insight, and actionable takeaways. A well-designed chart on Xiaohongshu can get 3-5x more saves than a text post because audiences bookmark it for future reference. Whether you're sharing industry research, performance metrics, how-to guides, or comparisons, data visualization makes information digestible, memorable, and impactful. This guide covers tools (from free apps to professional software), design principles for clarity and aesthetics, and specific formats that work best on Xiaohongshu (carousel infographics, before-after charts, comparison graphics).
Key insight: Xiaohongshu audiences love educational, save-worthy content. Data visualization posts consistently rank in the top content types for saves (often 10-20% save rates vs. 3-5% for regular posts). Why? Because audiences perceive data as high-value, authoritative, and worth referencing later. A well-designed infographic gets saved for future reference, shared with friends ("look at this interesting data"), and establishes your authority as someone who does research and presents insights professionally. The barrier to entry is low: you don't need to be a data scientist or designer. With free tools (Canva, Excel/Google Sheets, Xiaohongshu's built-in features) and basic design principles, anyone can create compelling data visualizations. The competitive advantage is execution: most creators don't bother with data viz because it seems hard. By mastering basic visualization skills, you differentiate your content, increase saves/engagement, and build authority in your niche. This guide demystifies data visualization and gives you practical workflows to create professional charts and infographics in 30-60 minutes.
Use when:
Do NOT use when:
Before (text-heavy, hard to understand): ❌ "Long text paragraphs explaining data" ❌ "Numbers without context (hard to grasp significance)" ❌ "Confusing charts, poor design, hard to read" ❌ "Audience scrolls past (too much effort to understand)" ❌ "Save rate: 2-3% (not reference-worthy)"
After (visual, clear, impactful): ✅ "Clean charts that explain data in seconds" ✅ "Context and insights highlighted (not just raw numbers)" ✅ "Professional design, easy to read, aesthetically pleasing" ✅ "Audience saves for future reference (high-value content)" ✅ "Save rate: 12-18% (3-6x improvement)"
Data Visualization Formats for Xiaohongshu:
| Format | Best For | Complexity | Save Rate | Creation Time |
|---|---|---|---|---|
| Single chart/graph | One key insight, simple comparison | Low | 8-12% | 15-30 min |
| Carousel infographic | Multi-step guides, detailed breakdown | Medium | 15-20% | 45-90 min |
| Before-after comparison | Transformations, progress tracking | Low | 12-18% | 20-40 min |
| Comparison table | Side-by-side product/service comparison | Medium | 10-15% | 30-60 min |
| Timeline/roadmap | Process, journey, historical data | Medium | 10-14% | 30-50 min |
| Dashboard/multiple charts | Comprehensive analysis, many metrics | High | 8-12% | 60-120 min |
Visualization Types and When to Use:
| Chart Type | Best For | Example | Design Difficulty |
|---|---|---|---|
| Bar chart | Comparing categories | "Follower growth by month" | Easy |
| Line chart | Trends over time | "Engagement rate trend (6 months)" | Easy |
| Pie chart | Parts of whole (avoid, hard to read) | "Content mix by type" | Easy (but avoid) |
| Donut chart | Parts of whole (better than pie) | "Audience demographics" | Easy |
| Stacked bar | Comparing compositions | "Content pillars performance" | Medium |
| Radar chart | Multi-dimensional comparison | "Skill assessment" | Medium |
| Heatmap | Patterns, intensity | "Best posting times by day/hour" | Medium-Hard |
| Flowchart | Process, steps | "How to [X]" | Medium |
Best Free Tools for Xiaohongshu Data Viz:
| Tool | Best For | Cost | Skill Level | Key Features |
|---|---|---|---|---|
| Canva | All-around infographics | Free (¥50/month Pro) | Beginner | Templates, drag-drop, easy |
| Excel/Google Sheets | Simple charts | Free | Beginner-Intermediate | Chart creation, data manipulation |
| Xiaohongshu built-in | Simple graphics, text overlays | Free | Beginner | Integrated, fast |
| Figma | Custom designs | Free (¥75/month Pro) | Intermediate | Professional design tool |
| Flourish | Interactive charts | Free (¥150/month Pro) | Intermediate | Beautiful chart templates |
| Datawrapper | Journalistic charts | Free (¥400/month Pro) | Intermediate | Clean, publication-quality |
| Tableau Public | Advanced dashboards | Free (Pro: ¥500/month) | Advanced | Powerful, professional |
Design Principles for Xiaohongshu:
| Principle | Why It Matters | How to Apply |
|---|---|---|
| Clarity first | Audiences scroll fast; must grasp instantly | One main insight per visual, remove clutter |
| Mobile-optimized | Most view on phone screens | Large text, high contrast, simple charts |
| Brand consistency | Builds recognition, authority | Same colors, fonts, style across posts |
| Data-ink ratio | Maximize data, minimize decoration | Remove gridlines, borders, unnecessary elements |
| Tell a story | Data alone is boring; insights matter | Highlight key takeaways, add narrative context |
| Actionable | Give audience something to do with info | Include tips, recommendations, next steps |
Color Palettes for Data Viz:
| Palette | Vibe | Best For | Colors |
|---|---|---|---|
| Monochromatic | Clean, professional | Business, finance content | Shades of blue (#1E88E5 to #BBDEFB) |
| Complementary | High contrast, attention-grabbing | Comparisons, highlights | Blue + orange (#1E88E5, #FF9800) |
| Analogous | Harmonious, pleasing | Lifestyle, wellness | Blue-teal-green (#42A5F5, #26C6DA, #66BB6A) |
| Warm | Energetic, exciting | Fashion, food content | Red-orange-yellow (#EF5350, #FF9800, #FFEB3B) |
| Cool | Calm, trustworthy | Tech, finance content | Blue-teal-purple (#42A5F5, #26C6DA, #AB47BC) |
| Neutral with accent | Professional, focused | Corporate, educational | Grays + one accent color (#757575, #1E88E5) |
Before creating visuals, clarify what you want to communicate.
Story Framework:
1. What's the Main Insight?
2. What Data Supports It?
3. What's the Context?
4. What Format Works Best?
Example: Data Story Definition
Topic: "How often should you post on Xiaohongshu?"
Main Insight: "Posting 3-5x/week maximizes engagement without burnout"
Supporting Data:
Context: "Consistency > frequency. Sweet spot: 3-5x/week"
Format: Carousel infographic (multiple slides showing data + recommendations)
Match chart type to your data and message.
Decision Guide:
Use Bar Chart When:
Use Line Chart When:
Use Donut/Pie Chart When:
Use Comparison Table When:
Use Flowchart When:
Use Before-After When:
Carousel vs. Single Image:
| Use Carousel When | Use Single Image When |
|---|---|
| Multi-step explanation | One key insight |
| Detailed breakdown with multiple data points | Simple comparison |
| Story unfolding across slides | Quick reference |
| Educational, save-worthy content | Attention-grabbing stat |
Start with simple charts using tools you already have.
Basic Chart Creation Workflow (Excel/Google Sheets):
1. Prepare Data:
Content Type | Engagement Rate | Save Rate
Tutorial | 8.2% | 12.5%
Tips List | 6.7% | 8.3%
Story | 4.1% | 3.2%
2. Insert Chart:
3. Customize for Xiaohongshu:
4. Export:
Example: Bar Chart Creation
Data: Content performance by type
In Excel/Sheets:
Result: Clean, professional bar chart showing "Tutorials: 12.5% saves, Tips: 8.3%, Stories: 3.2%"
Create multi-slide carousels that tell data stories.
Canva Infographic Workflow:
1. Choose Template:
2. Customize for Your Brand:
3. Add Your Data:
Slide 1: Hook + Title
Slide 2: Context/Problem
Slide 3: Experiment
Slide 4: Results (Main Data)
Slide 5: Key Takeaways
Slide 6: Action/CTA
4. Design Principles:
5. Export:
Data without insights is boring. Make it meaningful.
Context to Include:
1. Source and Credibility:
2. Why This Matters:
3. Actionable Recommendations:
4. Your Experience/Story:
Caption Template:
📊 THE DATA: [Headline about insight]
Here's what I discovered after [timeframe] of testing:
[Slide 2]: Context/Problem
[Slide 3]: Method/Experiment
[Slides 4-5]: Results/Data
[Slide 6]: Key Takeaways
💡 MAIN INSIGHT:
[One sentence takeaway]
✅ ACTION STEPS:
1. [Step 1]
2. [Step 2]
3. [Step 3]
📌 SAVE THIS for reference! Follow for more data-backed tips.
#XiaohongshuTips #Data #[YourNiche]
Design for mobile, scrolling, and saving.
Xiaohongshu-Specific Optimization:
Mobile Design:
Attention Span:
Shareability:
Engagement Triggers:
Learn what works and refine.
Metrics to Track:
Engagement Metrics:
Content Analysis:
Iterate:
| Mistake | Why It's Wrong | Fix |
|---|---|---|
| Too much data per visual | Overwhelming, hard to grasp | One main insight per visual, simplify |
| Cluttered design (too many colors, fonts, elements) | Unprofessional, hard to read | Minimal design: 2-3 colors, 1-2 fonts, white space |
| Small text (hard to read on mobile) | Audience can't read, scrolls past | Large text: min 24pt body, 32pt headlines |
| No context (just raw numbers) | Boring, no meaning | Add insight: What does this mean? Why does it matter? |
| Wrong chart type (confusing, misleading) | Hard to understand, misleads | Match chart type to data: bar for comparison, line for trends |
| Low contrast (light gray text on white) | Unreadable, poor accessibility | High contrast: dark on light or light on dark |
| 3D effects, unnecessary decoration | Distracting, dated style | Flat design, remove decoration, focus on data |
| Pie charts with many segments | Hard to compare segments | Use bar chart instead (easier to read) |
| No source or methodology | Suspicious, lacks credibility | Cite sources: "Based on my data," "Research from X" |
| Truncated axis (misleading y-axis) | Misleads, exaggerates differences | Start axis at zero for bar charts, be transparent |
| No clear title (or vague title) | Audience doesn't know what they're looking at | Descriptive headline: "Which Content Gets Most Saves?" |
| Inconsistent style across slides | Feels unprofessional, disjointed | Same colors, fonts, layout across all slides |
| Too many slides in carousel | Audience doesn't finish, drops off | 5-8 slides max (respect audience's time) |
Case Study 1: Fitness Creator's Data-Backed Content
Creator: Fitness coach, 6K followers, posting workout tips
Challenge: Low engagement (3.5% ER), standing out in crowded fitness niche
Data-Backed Content Strategy:
1. Collected Own Data:
2. Created Data Visualization Posts:
Post 1: "Which Workouts Get Most Engagement?"
Post 2: "Best Time to Post Fitness Content" (Carousel)
Post 3: "My Content Mix: What Works Best"
3. Branded as "Data-Backed Fitness":
Results (3 months):
Engagement:
Growth:
Authority:
Key Learning: Data visualization transformed content from "another fitness tip" to "authoritative insight." Save rates tripled, engagement doubled, growth accelerated. Differentiation through data = competitive advantage in crowded niche.
Case Study 2: Food Blogger's Recipe Data Visualization
Creator: Healthy recipe blogger, 9K followers
Problem: Good recipes but low saves (audience not bookmarking)
Content Strategy Shift:
Before: Photo + ingredient list + instructions (text-heavy)
After: Data-backed recipe posts with visual breakdowns
New Post Format:
Slide 1: Hook + "This Recipe's Data"
Slide 2: Nutrition Facts Visualized
Slide 3: Ingredient Benefits (Table)
**Slide 4: Cost Breakdown
**Slide 5: Time Investment
**Slide 6: Full Recipe + CTA
Results (2 months, 12 data-backed recipe posts):
Engagement:
Behavior Change:
Business Impact:
Key Learning: Adding nutrition data, cost breakdowns, and time visualizations made recipes more save-worthy and shareable. Audience appreciated the "why" behind recipes (protein content, cost savings, time efficiency). Data differentiation = higher saves, more engagement, monetization opportunities.
Case Study 3: Business Coach's Performance Dashboard Content
Coach: Career and business coach, 12K followers
Challenge: Establishing authority as data-driven coach (not just motivational quotes)
Content Strategy: Performance Dashboard Series
Dashboard Post Structure:
Post Theme: "My Xiaohongshu Performance Dashboard: [Month]"
Slide 1: Overview with Key Stats
Slide 2: Content Performance Breakdown
**Slide 3: Posting Frequency vs. Engagement
**Slide 4: Top Performing Post Analysis
**Slide 5: Learnings and Adjustments
Slide 6: Next Month's Goals
Results (4 monthly dashboard posts):
Engagement:
Authority Building:
Business Impact:
Community Effect:
Key Learning: Transparent data sharing (performance dashboards) built massive trust and authority. Audience appreciated honesty (sharing failures alongside wins), analytical approach, and public goal-setting. Differentiation through data = better-fit clients, higher conversion, community of data-driven followers.
REQUIRED:
RECOMMENDED:
NEXT STEPS:
Data visualization transforms boring numbers into compelling, save-worthy content. On Xiaohongshu, where audiences scroll fast and attention is scarce, visual data presentation cuts through the noise. A well-designed chart or infographic communicates in seconds what would take paragraphs to explain. The beauty of data visualization is its versatility: you can use it for educational content (how-to guides), industry insights (research findings), personal stories (performance dashboards), or comparisons (product reviews). The barrier to entry is low—free tools like Canva, Excel, and Google Sheets make it accessible to everyone. The competitive advantage is execution: most creators don't bother with data viz because it seems complicated. By mastering basic visualization skills, you differentiate your content, increase saves dramatically (often 3-5x), and establish authority as someone who does research and presents insights professionally. Start simple: one bar chart showing an insight from your data. Add context: what does this mean? Why does it matter? What should audience do? Design for mobile: large text, high contrast, clear layout. Tell a story with data, not just show numbers. Make it save-worthy: give audience something to reference later. Over time, develop your signature style and become known as "the data person" in your niche. That reputation is a powerful differentiator and growth engine.