Create a gentle world with vibecoding: Huahua Land, emotion diary, AI news garden, natural planet (butterflies/birds/ocean/pollen).An independent developer (also the author of Xiaohongshu / Data + History + Culture Visualization Project Collection)’s healing-themed project matrix.
1. Huahua Land Series — Recording Emotions with Flowers
Core Concept
Emotion diary visualization: Each day’s emotion → a different type of flower → planted on the calendar → blooming into a garden across the whole year.
Key Features
| Feature | Description |
|---|---|
| Free planting | Freely plant flower trees in Huahua Land |
| Emotion calendar | Plant each day’s emotion on the corresponding calendar date |
| Night mode | Flower trees emit faint, firefly-like glows |
| New Year wish easter egg | Write a wish → tap make a wish → see a shooting star |
| Diary mode | Tap different emotions → corresponding bouquets are highlighted; tap a date → view that day’s diary |
| Emotion value adjustment | Adjust emotion value → adjust the number of flowers |
| Canvas texture | Switch between different canvas textures |
| Style switching | Illustration style + realistic style |
| Free placement | Add materials such as clouds and small animals |
Variants of the same series
- Emotion Diary | It’s Snowing in the Diary(Winter healing version)
- Emotion Garden | Cyber Energy Field for Workers(Enhanced version, with flower language diary feature)
Flower language diary (new addition to the worker cyber energy field)
Use bouquets to represent written text:
- Write words to encourage yourself → each character corresponds to an emotion flower
- Texts by Hermann Hesse can also be placed in → changing the original semantic layout and size
- Display the intensity of different emotions
Inspiration source
Chrome Experiment website — Google’s open-source library of creative WebGL / Canvas / WebVR works.
"We want to create projects with personal warmth, which makes creativity all the more important. "
2. AI News Garden — Antidote to Information Anxiety
Core Concept
"Have you also been overwhelmed by the daily explosion of AI news?"
Over the past six months more than ten thousand AI news items → one garden, where every flower is a piece of news.
Flower language = news type
| Flower | Type |
|---|---|
| Early spring cherry blossom | New product release |
| Iris | Multimodal (wisdom and light) |
| Dandelion | Academic research (free exploration) |
| Lily | Safety policy (pure guardianship) |
6 Major Features
| Feature | Description |
|---|---|
| Click on news | View the story behind it |
| Auto-link | As if following a vine to find the whole cluster of related stories |
| Popularity curve | The right side of the card shows the peak time of news popularity |
| Timeline | Drag to view trending news on different dates |
| Type filter | Apps / Videos / Policies, etc. |
| Search | Keyword highlighting |
Classic linked stories
- December: Disney invests $1 billion in OpenAI (major news)
- March: OpenAI shuts down Sora → causing the deal with Disney to derail(It is very interesting when viewed together)
- Microsoft revamps Copilot through the Crayfish agent
- OpenAI launches Safety Scholarship(marking the AI field's emphasis on safety)
Design motivation
"I hope to learn and obtain AI-related news in a different way. This garden is intended to let everyone, in an era of information explosion,feel less anxious while mastering knowledge about AI,and I hope it can become a place where you can take a walk amid AI anxiety. "
III. Natural Planet Series — The Wonders of Earth
Project 1: If the Earth Had Its Own Flower Language
Vegetation distribution around the world(based on real growth records):
| Region | Representative vegetation |
|---|---|
| China | Osmanthus / Lily |
| Mediterranean | Fig / Calendula |
| Africa | Acacia / Baobab |
| Mexico | Agave / Giant saguaro |
4 query methods:
- By vegetation type(flowers / trees)
- By climate(temperate / wetland)
- Filter by elevation
- Global real-time weather system(snow in North America / rain in the South China Sea)
Project 2: Pollen Planet — Tracking 2 Million Grains
2 million pollen grains are scattered across the globe, visualizing vegetation distribution + wind dispersal paths.
Key insights
| Region | Phenomenon |
|---|---|
| Spain | Oak (red) |
| Western United States | Artemisia (green) |
| Northern part of North China, China | Red = poplar and willow; green = cypress (the invisible assassin) |
| Yangtze River Delta | Plane tree (sycamore) |
| Pollen allergies among Icelanders | may be brought by the European continent thousands of kilometers away(north wind in March) |
| Ragweed (not native to Europe) | Accidentally introduced from North America in the 20th century; in late summer it drifts from Hungary to Germany/France/United Kingdom |
| Cypress (in Van Gogh's paintings) | The most ferocious allergen in the Mediterranean region(Provence, February–March) |
| Chinese cypress pollen in March | Blown to South Korea by the wind |
| South Korea pollen in October | Blown to coastal China by the wind |
Seasonality
- Spring: High incidence for cypress / willow and poplar / birch / oak
- Autumn: High incidence for ragweed / Artemisia
Creative motivation
"Every year at this time I suffer from miserable sneezing fits, which makes me wonder where exactly all this pollen comes from?"
Creator background (global perspective)
"I myself am a beneficiary of globalization and cross-disciplinary work,I switched from design to algorithms and engineering, grew up in China, studied in the UK, and then worked in a laboratory in the United States, so I naturally approach problems from this perspective."
"Human beings tell the same stories in different languages, and every civilization asks questions to the same starry sky from its own corner. In the current global environment, I hope people with different views can see that there are cultures worth appreciating on the other side as well."
Project 3: Planet of Dancing Butterflies and Chirping Insects — 21 Soundscapes
An application where you can see butterflies + hear insect calls.
Butterflies represent (each continent)
| Region | Butterflies / Insects |
|---|---|
| Europe | Hummingbird hawk-moth (flaps its wings 78 times per second, resembling a wind bird) / Rhinoceros beetle (a symbol of strength in ancient Rome) |
| Africa | Gaudy commodore (red in the rainy season, blue in the dry season) / Three-pronged giant dung beetle (incarnation of the ancient Egyptian sun god) / White-banded flash butterfly (charges at any intruder) |
| North America | Eastern carpenter bee (hovers fiercely in front of human faces) / Northern azure butterfly (flies before the snow melts in early spring) / Eastern Hercules beetle (can lift 850 times its own body weight) |
| Central America | Menelaus blue morpho (considered by the Maya to be a messenger of the gods) |
| South America | Ruby morpho (has metallic red patches like rubies) / Owl butterfly (has eye spots resembling owl eyes on the underside of its wings) / Isabella's longwing (the social butterfly of the longwing family) |
| China | Chen's many-veined cicada (has exceptionally dense veins like a spider web) / Chinese peacock swallowtail (has emerald green light spots like peacock feathers) / Sericinus montelus ("fairy among butterflies") |
| Australia | Ulysses butterfly ("blue lightning") / Orange-banded plane butterfly (resembles a drifting fallen leaf) |
Features
- Insect soundscapes from different regions + different times of day and night + different seasons
- Click to view categories
- Can view butterflies only
Project 4: Planet of Birdsong — The World of Birds
Interesting calls of birds from different regions of the world:
| Region | Representative bird |
|---|---|
| Europe | Bee-eater (catches bees and is never afraid of stings) |
| Africa | Great blue turaco (loves eating fruit, the "seeder of the forest") |
| Arctic | Willow ptarmigan (has built-in outfit changes, white in winter and brown in summer) |
| Northern Europe | Bluethroat ("seeing it brings good luck") |
| Antarctica | Gentoo penguin (uses stones as love tokens) |
| China | Barred hawk (weighs only as much as a coin, flies over the Himalayas) / Hwamei ("god of song", mimics dozens of bird calls) |
| North America | White-winged crossbill (easily pries open pine cones) |
Special features: Watch birds fly up into the sky(click again to return to original position) + Migration tracks(spanning half the globe).
Project 5: Dive into the Undersea Garden — Ocean Garden
Observation records of corals and marine life around the world:
| Region | Marine life |
|---|---|
| Australia | Whale / Ornate spiny lobster |
| Asia | Tomato clownfish / Giant carpet anemone |
| South America | Raindrop sea anemone / Red sea anemone |
| California, North America | Blue whale |
| Caribbean Sea | Rich footage of marine life |
| Europe | Dalian rock sleeper |
| Northern Europe | Orca |
Feature:Global ocean current system — Fish swim as if within the ocean currents.
IV. Healing Dreamcore Collage Tutorial (Minimax)
Minimax Pro one-click collage
Use the chat page on the Minimax homepage:
- Select the Pro version (for complex projects)
- Copy the prompt (image collage version)
- Click generate → provide address → open
Video collage (multi-turn conversation)
- Select image → start cutting
- Adjust sensitivity
- Click split → see the segmented regions
- Upload video file
- Generate collage
V. Design Philosophy (consistent across the series by the same author)
4 major design principles
| Principle | Manifestation |
|---|---|
| Warmth > Utility | Healing garden + fireflies + meteor easter eggs |
| Personalization | Personal emotions / movies watched / one's own garden |
| Cross-cultural global perspective | Nature/history/mythology are all visualized globally |
| Anxiety reduction | AI news anxiety → a place for walks |
The meaning of a global perspective (creator's own words)
"When we look at the history of different civilizations from a global perspective, for example, in the previous episode about myths, many ancient civilizations had stories of a great flood,human beings tell the same stories in different languages. "
"every civilization asks questions to the same starry sky from its own corner. In the current global environment,I hope people with different views can see that there are cultures worth appreciating on the other side as well. "
VI. Common Features of the Tech Stack
| Technology | Purpose |
|---|---|
| WebCoding framework | The foundation of all interactions |
| Chrome Experiment inspiration library | Google open-source WebGL / Canvas / WebVR works |
| 3D globe (Three.js) | Nearly all "Planet" series projects |
| Particle system | Pollen / birds / fish / cultural relic light points |
| Time slider | Nearly all projects have a time dimension |
| Multilingual | Myths + listening to sounds |
| AI recommendation | Recommendations based on local customs and keywords |
| Minimax Pro | Complex projects + collage generation |
See also
- Xiaohongshu / Data + History + Cultural Visualization Project Collection — Data visualization matrix by the same author (animated maps/movie star maps/poetry travel)
- Xiaohongshu / Vibecoding Practical Collection (Games/Tools/Mini Programs) — Vibecoding practice (technical foundation)
- Xiaohongshu / AI Webpage + 3D Interaction + Pretext Design Collection — AI webpages + 3D interaction (tech stack crossover)
- Xiaohongshu / Music × Mathematics Collection (Euclidean Rhythm + Whitney Music Box) — Music × mathematics (equally cross-disciplinary)
- Xiaohongshu / Vibecoding Aesthetics + Creator Economy Collection — Vibecoding aesthetics + creator economy