🏙️ Galleria Open Data Venezia
work in progress

5 Beautiful Styles for Your Statistical Data

1. Minimal Style

Professional Clean Modern

Perfect for: Corporate websites, reports, dashboards
Best use: When you want data to speak for itself without distraction

Teenagers
Teenagers - Total
Kids
Kids - Centro
Adults
Adults - Murano
Adults
Over 80 - Lido
<img src="badges/minimal/teenagers-total.svg" alt="Teenagers">

2. Playful Style

Fun Colorful Emoji

Perfect for: Community websites, social media, educational materials
Best use: When engaging a general audience or younger demographics

Kids
Kids 👶
Teenagers
Teenagers 🧒
Pensionates
Pensionates 👴
<img src="badges/playful/kids-total.svg" alt="Kids">

3. Infographic Style

Data-rich Comparative Visual

Perfect for: News articles, research reports, data journalism
Best use: When showing proportions and context matters

Experienced
Kids (with %)
Experienced
Experienced (with %)
Young
Young Adults
Over 80
Over 80
<img src="badges/infographic/kids-total.svg" alt="Kids">

4. Card Game Style

Gaming Collectible Eye-catching

Perfect for: Interactive websites, gamification, youth engagement
Best use: When you want to make data collection fun and memorable

Teenagers
Teenagers Card
Adults
Adulti Centro Storico
Total
Totale Isole
Total
Total Centro Storico
<img src="badges/card/teenagers-historical_center.svg" alt="Teenagers Card">

5. Map Style

Geographic Contextual Spatial

Perfect for: Geographic analysis, urban planning, location-based content
Best use: When showing how data relates to specific areas of the city

Center
Centro Storico
Periphery
Periferia
Total
Entire City
<img src="badges/map/teenagers-historical_center.svg" alt="Historical Center">

📖 How to Use

All badges are SVG files, which means they:
✅ Scale perfectly at any size (retina-ready)
✅ Load incredibly fast (small file size)
✅ Work in all modern browsers
✅ Can be embedded anywhere HTML is supported

WordPress Shortcode (coming soon):

[city_stat metric="teenagers" area="total" style="playful"]

Direct HTML:

<img src="https://yourdomain.com/badges/playful/teenagers-total.svg" alt="Teenagers in city" width="150">

Markdown:

![Teenagers](badges/playful/teenagers-total.svg)