--- title: "Horizontal Timeline With Year Navigation Filters" url: https://cooltimeline.com/demo/year-navigation-filters-timeline/ date: 2025-11-11 modified: 2026-09-21 lang: en author: "cpsatinder" description: "Horizontal Timeline with Year Navigation Filters Explore Horizontal Timeline with Year Navigation Filters Explore the horizontal timeline with year navigation filters, allowing users to quickly browse content by specific years...." image: https://cooltimeline.com/wp-content/uploads/2025/12/horizontal_timeline_year_navigation.jpg word_count: 283 --- # Horizontal Timeline With Year Navigation Filters **Horizontal Timeline with Year Navigation Filters** # Explore Horizontal Timeline with Year Navigation Filters Explore the [horizontal timeline](https://cooltimeline.com/doc/horizontal-timeline-shortcode/) with year navigation filters, allowing users to quickly browse content by specific years. ![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png) ### Cool Timeline Pro [ ASC/DESC ](/demo/order-asc-desc-timeline/) [ Navigation ](/demo/scrolling-navigation-timeline/) [ Animation ](/demo/animation-effects-timeline/) [ Load More ](/demo/ajax-load-more-or-pagination/) [ Category ](/demo/category-filters-timeline/) [ Buy Plugin ](/plugin/cool-timeline-pro/#pricing) Default Classic Minimal Modern Clean #### Horizontal Timelines with Year Navigation Filters ## Default Design 2012September 30 [AI Learns From Data](https://cooltimeline.com/timeline/ai-learns-from-data/)[![AI Learns From Data](https://cooltimeline.com/wp-content/uploads/2026/01/AI-Learns-From-Data.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/AI-Learns-From-Data.jpg)Deep learning models like convolutional neural networks enabled AI to learn directly from massive datasets. This breakthrough powered image recognition, speech processing, and recommendation systems, laying the groundwork for data-driven automation across industries. 2016March 15 [AI Outsmarts Human Strategy](https://cooltimeline.com/timeline/ai-outsmarts-human-strategy/)[![AI Outsmarts Human Strategy](https://cooltimeline.com/wp-content/uploads/2026/01/AI-Outsmarts-Human-Strategy.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/AI-Outsmarts-Human-Strategy.jpg)Google DeepMind’s AlphaGo defeated a world champion, proving reinforcement learning could master complex decision-making. This moment demonstrated AI’s ability to evaluate possibilities, plan ahead, and outperform humans in strategic environments. 2018October 10 [AI Understands Human Voice](https://cooltimeline.com/timeline/ai-understands-human-voice/)[![AI Understands Human Voice](https://cooltimeline.com/wp-content/uploads/2026/01/AI-Understands-Human-Voice.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/AI-Understands-Human-Voice.jpg)AI voice technologies like Google Assistant and Amazon Alexa achieved near-human speech recognition. Voice commands began replacing typing, enabling hands-free search, smart homes, and conversational interfaces that reshaped everyday human–machine interaction. 2020June 11 [AI Writes Digital Content](https://cooltimeline.com/timeline/ai-writes-digital-content/)[![ai-writes-digital-content](https://cooltimeline.com/wp-content/uploads/2026/01/ai-writes-digital-content.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/ai-writes-digital-content.jpg)Language models such as GPT-3 began generating blogs, emails, and marketing copy. Businesses adopted AI writing tools to scale content production, reducing dependency on human writers while maintaining readability and contextual relevance. 2021November 18 [AI Replaces Support Agents](https://cooltimeline.com/timeline/ai-replaces-support-agents/)[![ai-replaces-support-agents](https://cooltimeline.com/wp-content/uploads/2026/01/ai-replaces-support-agents.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/ai-replaces-support-agents.jpg)AI platforms like Dialogflow and IBM Watson powered intelligent chatbots capable of resolving customer issues. Companies shifted from human-heavy support teams to AI-driven systems offering instant, multilingual, round-the-clock assistance. ** ** **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline category="ai-evolution" layout="horizontal" designs="design-1" skin="default" show-posts="5" order="ASC" items="2" icons="icon" story-content="full" date-format="F d" year-label="show" year-navigation="show" navigation-position="center" autoplay="false" autoplay-speed="3000" start-on="0"]] ` #### Classic Design 1990February 16 [A Timeline Story With Full Image](https://cooltimeline.com/timeline/a-timeline-story-with-full-image/)[![A Timeline Story With Full Image](https://cooltimeline.com/wp-content/uploads/2021/08/43132b52-81ea-35c6-9e67-3dcbc056d864-1500x1000-1.jpg)](https://cooltimeline.com/wp-content/uploads/2021/08/43132b52-81ea-35c6-9e67-3dcbc056d864-1500x1000-1.jpg)A timeline story with full images presents an ordered sequence of events accompanied by complete visual representations. It offers a comprehensive narrative experience, combining textual descriptions with visually compelling images to provide a detailed and engaging account of historical or personal events. March 15 [Small Image Timeline Story](https://cooltimeline.com/timeline/small-image-timeline-story/)[![Small Image Timeline Story](https://cooltimeline.com/wp-content/uploads/2023/05/1534847799phpuLle9A.jpeg)](https://cooltimeline.com/wp-content/uploads/2023/05/1534847799phpuLle9A.jpeg)A small image timeline story presents a brief sequence of events using compact visual representations. It offers a streamlined narrative experience, combining brief textual descriptions with small images to provide a to-the-point and engaging overview of key historical or personal milestones. 2007October 19 [This is Dummy Timeline Title](https://cooltimeline.com/timeline/this-is-dummy-timeline-title/) **![](https://img.youtube.com/vi/mUxzKVrSAjs/hqdefault.jpg) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Laboro autem non sine causa;Pomponius quidem, inquam, noster iocari videtur, et fortasse suo iure. Excepteur sint occaecat cupidatat non proident est laborum. 2013July 21 [Slideshow Sample Inside A Story](https://cooltimeline.com/timeline/slideshow-sample-inside-a-story/) [![](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-1.png)](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-1.png)[![](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-2.png)](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-2.png)[![](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-3.png)](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-3.png) A slideshow sample inside a story provides visual storytelling through a sequence of images or slides. It enhances narrative depth by presenting visual content that complements or expands upon the written text, engaging readers with a multimedia approach to storytelling. July 30 [Timeline Story With Custom Link](https://google.com)[![Timeline Story With Custom Link](https://cooltimeline.com/wp-content/uploads/2019/03/nature-1.png)](https://cooltimeline.com/wp-content/uploads/2019/03/nature-1.png)Lorem ipsum dolor sit amet, consectetur adipiscing elit. constructio interrete, nos admirabilia dicamus -  Pomponius quidem, inquam, et fortasse suo iure. - Tria genera bonorum; ** ** **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline category="timeline-stories" layout="horizontal" skin="default" designs="design-3" show-posts="5" order="ASC" items="2" icons="icon" story-content="full" date-format="F d" based="default" autoplay="false" year-label="show" year-navigation="show" navigation-position="center" autoplay-speed="3000" start-on="5"]] ` #### Minimal Design 1990Feb 16, 1990 A Timeline Story With Full ImageA timeline story with full images presents an ordered sequence of events accompanied by complete visual representations. It offers a comprehensive narrative experience, combining textual descriptions with visually compelling images to provide a detailed and engaging account of historical or personal events. Feb 16, 1990 ## A Timeline Story With Full Image A timeline story with full images presents an ordered sequence of events accompanied by complete visual representations. It offers a comprehensive narrative experience, combining textual descriptions with visually compelling images to provide a detailed and engaging account of historical or personal events. Mar 15, 1990 Small Image Timeline StoryA small image timeline story presents a brief sequence of events using compact visual representations. It offers a streamlined narrative experience, combining brief textual descriptions with small images to provide a to-the-point and engaging overview of key historical or personal milestones. Mar 15, 1990 ## Small Image Timeline Story A small image timeline story presents a brief sequence of events using compact visual representations. It offers a streamlined narrative experience, combining brief textual descriptions with small images to provide a to-the-point and engaging overview of key historical or personal milestones. 2007Oct 19, 2007 This is Dummy Timeline TitleLorem ipsum dolor sit amet, consectetur adipiscing elit. Laboro autem non sine causa;Pomponius quidem, inquam, noster iocari videtur, et fortasse suo iure. Excepteur sint occaecat cupidatat non proident est laborum. Oct 19, 2007 ## This is Dummy Timeline Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Laboro autem non sine causa;Pomponius quidem, inquam, noster iocari videtur, et fortasse suo iure. Excepteur sint occaecat cupidatat non proident est laborum. 2013Jul 21, 2013 Slideshow Sample Inside A StoryA slideshow sample inside a story provides visual storytelling through a sequence of images or slides. It enhances narrative depth by presenting visual content that complements or expands upon the written text, engaging readers with a multimedia approach to storytelling. Jul 21, 2013 ## Slideshow Sample Inside A Story A slideshow sample inside a story provides visual storytelling through a sequence of images or slides. It enhances narrative depth by presenting visual content that complements or expands upon the written text, engaging readers with a multimedia approach to storytelling. Jul 30, 2013 Timeline Story With Custom LinkLorem ipsum dolor sit amet, consectetur adipiscing elit. constructio interrete, nos admirabilia dicamus -  Pomponius quidem, inquam, et fortasse suo iure. - Tria genera bonorum; Jul 30, 2013 ## Timeline Story With Custom Link Lorem ipsum dolor sit amet, consectetur adipiscing elit. constructio interrete, nos admirabilia dicamus -  Pomponius quidem, inquam, et fortasse suo iure. - Tria genera bonorum; Nov 11, 2013![](https://cooltimeline.com/wp-content/uploads/2019/03/nature-6-150x150.png) Custom Image Icon + Custom ColorEnhance your experience with a custom image icon and custom color. -  Personalized image icon for unique branding. - Tailored color scheme to match your aesthetic. Nov 11, 2013 ## Custom Image Icon + Custom Color Enhance your experience with a custom image icon and custom color. -  Personalized image icon for unique branding. - Tailored color scheme to match your aesthetic. ** ** **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline category="timeline-stories" layout="horizontal" designs="design-7" skin="default" show-posts="6" order="ASC" items="3" icons="icon" story-content="full" date-format="M d, Y" year-label="show" year-navigation="show" navigation-position="center" autoplay="false" autoplay-speed="3000" start-on="0"]] ` #### Modern Design 2017August 28 2013June 05 2012July 01 March 19 2011March 22 2007November 19 [Acquires Whole Foods](https://cooltimeline.com/timeline/acquires-whole-foods/)[![Acquires Whole Foods](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-13.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-13.png)Amazon’s $13.7 billion purchase of Whole Foods in 2017 merged Amazon’s tech and supply chain with Whole Food’s organic products. This move aimed to enhance its grocery delivery and challenge competitors. Post-merger changes included price cuts and Amazon Prime’s addition improving customer experience. This strategic move changed retail by combining online and offline shopping, showcasing Amazon’s ambition to innovate and lead the industry. [Launches in India](https://cooltimeline.com/timeline/launches-in-india/)[![Launches in India](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-12.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-12.png)Amazon’s launch in India in June 2013, marked a transformative step in e-commerce, offering vast product selections and competitive pricing. With localized services like Amazon Prime and innovations offered to Indian consumers, it revolutionized online shopping, enhancing convenience and accessibility nationwide. [Acquires GoodRead](https://cooltimeline.com/timeline/acquires-goodread/)[![Acquires GoodRead](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-11.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-11.png)In 2012, Amazon bought Goodreads, a popular book recommendation site. This purchase aimed to connect Goodreads’ large community of readers with Amazon’s book store, making it easier for users to find, recommend, and buy books worldwide. [Acquires Kiva Systems](https://cooltimeline.com/timeline/acquires-kiva-systems/)[![Acquires Kiva Systems](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-10.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-10.png)In March 2012, Amazon acquired Kiva Systems, a company specializing in robotic automation for warehouses. This purchase aimed to enhance Amazon’s fulfillment centers with advanced robotics, improving efficiency and speed in order processing and delivery, ultimately boosting Amazon’s capability to handle larger volumes of orders. [Amazon App Store Launched](https://cooltimeline.com/timeline/amazon-app-store-launched/)[![Amazon App Store Launched](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-9.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-9.png)In March 2011, Amazon launched its Appstore, offering a wide range of apps and games for Android devices. The Appstore provided a new platform for developers and introduced features like the “Free App of the Day,” enhancing user experience and expanding Amazon’s digital ecosystem. [Amazon Kindle For Books](https://cooltimeline.com/timeline/amazon-kindle-for-books/)[![Amazon Kindle For Books](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-7.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-7.png)Amazon Kindle was introduced in 2007 and it revolutionized reading by offering a portable e-reader with access to millions of books. With features like adjustable text size, built-in dictionary, and long battery life, Kindle provides a convenient and engaging reading experience for book lovers everywhere. ** ** **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="horizontal" category="amazon-history" skin="default" designs="design-6" show-posts="6" order="DESC" items="2" icons="icon" story-content="full" date-format="F d" based="default" year-label="show" year-navigation="show" navigation-position="left" autoplay="false" autoplay-speed="3000" start-on="5"]] ` #### Clean Design Jul 1994 [Amazon Founded](https://cooltimeline.com/timeline/amazon-founded/)[![Amazon Founded](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-1.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-1.png)Amazon, founded by Jeff Bezos in July 1994, started as an online bookstore. It quickly expanded into a global e-commerce… [Read More](https://cooltimeline.com/timeline/amazon-founded/) Apr 1998 [Acquires IMDB](https://cooltimeline.com/timeline/acquires-imdb/)[![Acquires IMDB](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-2.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-2.png)In 1998, Amazon acquired IMDb, the Internet Movie Database, enhancing its media resources. IMDb provides a wide range of information… [Read More](https://cooltimeline.com/timeline/acquires-imdb/) May 1999 [Acquires Alexa](https://cooltimeline.com/timeline/acquires-alexa/)[![Acquires Alexa](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-3.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-3.png)Amazon acquired the smart assistant Alexa, integrating advanced voice recognition technology into its network. Alexa powers devices like the Echo,… [Read More](https://cooltimeline.com/timeline/acquires-alexa/) Aug 2007 [Amazon Announced Amazon Fresh Pickup](https://cooltimeline.com/timeline/amazon-announced-amazon-fresh-pickup/)[![Amazon Announced Amazon Fresh Pickup](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-8.png)](https://cooltimeline.com/wp-content/uploads/2021/08/amazon-8.png)In August 2007, Amazon announced Amazon Fresh Pickup, a service allowing customers to order groceries online and pick them up… [Read More](https://cooltimeline.com/timeline/amazon-announced-amazon-fresh-pickup/) Sep 2007 [Amazon Prime Services](https://cooltimeline.com/timeline/amazon-prime-services/)[![Amazon Prime Services](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-5.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-5.png)Amazon Prime offers members benefits like two-day free shipping, access to streaming services (Prime Video and Music), exclusive deals, and… [Read More](https://cooltimeline.com/timeline/amazon-prime-services/) Sep 2007 [Amazon Announces Launch of Amazon Music](https://cooltimeline.com/timeline/amazon-announces-launch-of-amazon-music/)[![Amazon Announces Launch of Amazon Music](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-6.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-6.png)In September 2007, Amazon announced the launch of Amazon Music, a streaming service offering millions of songs and organized playlists.… [Read More](https://cooltimeline.com/timeline/amazon-announces-launch-of-amazon-music/) ** ** **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="horizontal" category="amazon-history" skin="default" designs="design-5" show-posts="6" order="ASC" items="2" icons="icon" date-format="M Y" based="default" year-label="show" year-navigation="show" navigation-position="left" autoplay="false" autoplay-speed="3000" start-on="0" read-more="show" content-length="20"]] `