prabhuignoto/react-chrono
React Chrono
react-chrono هو مكون React لعرض الأحداث والسرد الزمني في تخطيطات بصرية متنوعة. يعمل كأداة قابلة للتخصيص لتصور البيانات لرسم خرائط الأحداث التاريخية أو المستقبلية عبر تسلسل من التواريخ.
يتميز المشروع بدعم رسم خرائط الأحداث متعددة المستويات، مما يسمح بإنشاء جداول زمنية متداخلة حيث توجد سرديات فرعية مفصلة داخل الأحداث الرئيسية. كما يتضمن وضع عرض شرائح تفاعلي مع انتقالات آلية ومؤشرات تقدم للعرض المتسلسل.
يغطي المكون مجموعة واسعة من الإمكانيات، بما في ذلك دمج الوسائط الغنية مع التحميل الكسول (Lazy loading) والتشغيل المشغل عبر إطار العرض. ويوفر أدوات لتصفية المحتوى والبحث في الوقت الفعلي، وتهيئة السمات البصرية للطباعة والألوان، وتوطين النصوص لتسميات الواجهة وتنسيقات التاريخ.
Features
- Chronological Timelines - Renders a sequence of dated events in various customizable visual layouts for React applications.
- Media Timelines - Integrates images and videos into a chronological event sequence with optimized loading triggers.
- Data Visualization - Functions as a customizable data visualization tool for mapping historical or future event sequences.
- Rich Media Integration - Supports the integration of rich media assets like images and videos within chronological event items.
- Hierarchical Chronologies - Allows building multi-level narratives by placing detailed sub-timelines within major events.
- Recursive Nesting - Enables the creation of multi-level chronological narratives by nesting timelines within other timeline events.
- React Components - Ships a reusable React component specifically for rendering chronological narratives and events.
- Multi-Level Event Mapping - Enables users to drill down from major chronological events into detailed nested sub-narratives.
- Interactive Presentations - Offers a slideshow-style presentation mode for telling structured stories through a sequence of dates.
- Real-Time Content Filtering - Offers real-time filtering of the event list based on user search queries.
- Timeline Event Filtering - Provides real-time content filtering and search across event titles, descriptions, and metadata.
- Automated Slideshow Controllers - Includes an automated slideshow mode with customizable transition durations and progress indicators.
- Component Embedding - Allows the integration of interactive custom components directly into timeline content cards.
- Configuration Prop Passing - Implements a theme configuration system that passes styling properties down to child components via props.
- Custom Component Injection - Provides the ability to inject custom React components into the timeline's content cards for extended functionality.
- Interactive Timeline Visualizations - Implements an interactive timeline visualization with automated transitions and a slideshow presentation mode.
- Real-Time Event Filtering - Provides real-time filtering and text search across historical records and project milestones in the timeline view.
- Theme Customization - Provides comprehensive theme customization options including dark mode, custom colors, and typography.
- Viewport-Based Asset Loading - Uses intersection observers to defer the loading and playback of media until it enters the browser viewport.
