Interactive Content Guide - MDX Components
A comprehensive showcase of all the interactive MDX components available in our blog, from charts and maps to audio players and tabbed content.
Welcome to our interactive content guide! This post demonstrates all the powerful MDX components you can use to create rich, engaging blog content.
Interactive Charts
Data visualization is crucial for conveying complex information. Our Chart component supports multiple chart types.
Line Chart - Meditation Progress
Weekly Meditation Minutes
Bar Chart - Focus Areas
Time Spent by Activity (hours/week)
Pie Chart - Daily Routine
How Top Performers Spend Their Day
Audio Content
Embed audio content with our custom player, perfect for guided meditations or podcasts.
Morning Focus Meditation
Aatam Studio
Use audio players for guided meditations, podcast episodes, or ambient soundscapes.
Video Embeds
Embed YouTube or Vimeo videos with lazy loading for better performance.
YouTube Example
Introduction to Mindful Living
Videos are loaded lazily - they only load when you click play, saving bandwidth and improving page speed.
Interactive Maps
Mark locations for retreats, meetups, or places of significance.
Aatam Retreat Locations - London
Tabbed Content
Organize related content with tabs for cleaner presentation.
Getting Started
If you're new to meditation, start with just 5 minutes daily:
- Find a quiet spot
- Sit comfortably
- Focus on your breath
- When your mind wanders, gently return focus
Goal: Build consistency, not duration.
Accordion Sections
Frequently Asked Questions
Callout Variations
Callouts help highlight important information in your content.
Use tips to share actionable advice and shortcuts.
Warnings alert readers to potential issues or common mistakes.
Notes provide supplementary context without interrupting flow.
Celebrate achievements and positive outcomes.
Quotes
You have power over your mind â not outside events. Realize this, and you will find strength.
Using These Components
All these components can be combined to create rich, engaging content. Remember:
- Charts for data visualization
- Audio for meditations and podcasts
- Video for tutorials and talks
- Maps for location-based content
- Tabs for organized, multi-perspective content
- Accordions for FAQs and expandable sections
- Callouts for highlighted information
Happy writing! â¨
Last updated on July 14, 2025