--- title: "Animated Chart Templates – Free, Editable | chart.video" description: "Start from a free animated chart template: bar chart race, line race, pie, counter, bubbles and more. Add your data and export MP4, GIF or transparent video." url: https://chart.video/animated-chart-templates --- Free · runs in your browser · no sign-up # Animated chart templates Twenty-two ready-made chart videos, each with sample data already moving. Open one, paste your own numbers over it, and export a video for YouTube, a presentation or a vertical feed. Every template below is a complete animated chart: a chart type, a look, timing and a sample dataset, either real World Bank figures (CC BY 4.0) or made-up numbers labelled as sample data. Pick one and the studio opens with it playing; replace the data with **Paste data** or **Open a file**, and the design stays while your numbers take over. Templates are a starting point, not a cage. Switch the chart type, the format (16:9, 9:16, 1:1 or 4:5), the theme or the pace at any time, and export as **Video (MP4)**, **GIF**, **Transparent video (WebM)**, **Image (PNG)** or **Vector image (SVG)**. Nothing is uploaded and nothing is watermarked. ## The template gallery Each picture below is the template’s last frame, drawn by the same engine as the video. Pick one, and the studio opens with its sample data already playing; swap in your numbers whenever you like. Every template exports as an MP4, GIF, transparent WebM, PNG or SVG, in 16:9, 9:16, 1:1 or 4:5. ### Races, bubbles and rankings Items overtake each other as the years tick by, or spread out by three measures at once. The classics for YouTube history videos and “who leads” stories. * ![Population race template: The 24 most populous countries, 1960–2023.](https://chart.video/previews/population-race.svg) Population race The 24 most populous countries, 1960–2023 Bar race · 16:9 widescreen · World Bank data [Use the Population race template](https://chart.video/editor?template=population-race) * ![Biggest economies template: GDP of 20 economies, 1980–2023.](https://chart.video/previews/economy-race.svg) Biggest economies GDP of 20 economies, 1980–2023 Bar race · 16:9 widescreen · World Bank data [Use the Biggest economies template](https://chart.video/editor?template=economy-race) * ![Wealth and health template: A bubble race of 30 countries, 1990–2022.](https://chart.video/previews/wealth-health.svg) Wealth and health A bubble race of 30 countries, 1990–2022 Bubbles · 16:9 widescreen · World Bank data [Use the Wealth and health template](https://chart.video/editor?template=wealth-health) * ![Product bubbles template: Price, rating and sales of ten products.](https://chart.video/previews/product-bubbles.svg) Product bubbles Price, rating and sales of ten products Bubbles · 16:9 widescreen · Sample data [Use the Product bubbles template](https://chart.video/editor?template=product-bubbles) * ![Economy treemap template: Shares of GDP, morphing over time.](https://chart.video/previews/economy-treemap.svg) Economy treemap Shares of GDP, morphing over time Treemap · 16:9 widescreen · World Bank data [Use the Economy treemap template](https://chart.video/editor?template=economy-treemap) ### Lines and trends Lines that draw themselves from left to right, with labels riding the latest value. * ![Getting online template: Share of people using the internet.](https://chart.video/previews/internet-race.svg) Getting online Share of people using the internet Line · 16:9 widescreen · World Bank data [Use the Getting online template](https://chart.video/editor?template=internet-race) * ![Life expectancy template: Seven countries, 1960–2022, as lines.](https://chart.video/previews/life-expectancy.svg) Life expectancy Seven countries, 1960–2022, as lines Line · 16:9 widescreen · World Bank data [Use the Life expectancy template](https://chart.video/editor?template=life-expectancy) * ![Monthly temperature template: A two-line graph with a dot for every month.](https://chart.video/previews/monthly-temperature.svg) Monthly temperature A two-line graph with a dot for every month Line · 16:9 widescreen · Sample data [Use the Monthly temperature template](https://chart.video/editor?template=monthly-temperature) * ![Social followers template: A line race of followers by platform.](https://chart.video/previews/social-followers.svg) Social followers A line race of followers by platform Line · 9:16 vertical · Sample data [Use the Social followers template](https://chart.video/editor?template=social-followers) * ![Sales by channel template: A stacked area of three channels.](https://chart.video/previews/sales-channels.svg) Sales by channel A stacked area of three channels Area · 16:9 widescreen · Sample data [Use the Sales by channel template](https://chart.video/editor?template=sales-channels) ### Bars and columns Columns that rise together or one by one, grouped side by side or stacked into totals. * ![Monthly sales template: Columns that rise one by one.](https://chart.video/previews/monthly-sales.svg) Monthly sales Columns that rise one by one Bars · 16:9 widescreen · Sample data [Use the Monthly sales template](https://chart.video/editor?template=monthly-sales) * ![Revenue growth template: Stacked quarterly revenue by product.](https://chart.video/previews/revenue-growth.svg) Revenue growth Stacked quarterly revenue by product Bars · 16:9 widescreen · Sample data [Use the Revenue growth template](https://chart.video/editor?template=revenue-growth) * ![Class survey template: A double bar graph of two year groups.](https://chart.video/previews/class-survey.svg) Class survey A double bar graph of two year groups Bars · 16:9 widescreen · Sample data [Use the Class survey template](https://chart.video/editor?template=class-survey) * ![Project hours template: Stacked (segmented) horizontal bars.](https://chart.video/previews/project-hours.svg) Project hours Stacked (segmented) horizontal bars Bars · 16:9 widescreen · Sample data [Use the Project hours template](https://chart.video/editor?template=project-hours) ### Shares and parts of a whole Pies, donuts, waffles and progress bars for budgets, survey answers and targets. * ![Market share template: A donut that morphs year by year.](https://chart.video/previews/market-share.svg) Market share A donut that morphs year by year Pie · 16:9 widescreen · Sample data [Use the Market share template](https://chart.video/editor?template=market-share) * ![Budget pie template: A pie chart with automatic percentages.](https://chart.video/previews/budget-pie.svg) Budget pie A pie chart with automatic percentages Pie · 1:1 square · Sample data [Use the Budget pie template](https://chart.video/editor?template=budget-pie) * ![Budget waffle template: 100 squares, filled share by share.](https://chart.video/previews/budget-waffle.svg) Budget waffle 100 squares, filled share by share Waffle · 1:1 square · Sample data [Use the Budget waffle template](https://chart.video/editor?template=budget-waffle) * ![Renewables progress template: Progress bars toward 100 %.](https://chart.video/previews/renewables-progress.svg) Renewables progress Progress bars toward 100 % Progress · 16:9 widescreen · World Bank data [Use the Renewables progress template](https://chart.video/editor?template=renewables-progress) * ![Cities vs countryside template: A head-to-head that flips in 2007.](https://chart.video/previews/cities-versus.svg) Cities vs countryside A head-to-head that flips in 2007 A vs B · 4:5 portrait · World Bank data [Use the Cities vs countryside template](https://chart.video/editor?template=cities-versus) ### Counters and overlays Big numbers that count up, with a sparkline; the overlay version has a transparent background for laying over footage. * ![Subscriber counter template: A milestone counter with a sparkline.](https://chart.video/previews/subscriber-counter.svg) Subscriber counter A milestone counter with a sparkline Counter · 9:16 vertical · Sample data [Use the Subscriber counter template](https://chart.video/editor?template=subscriber-counter) * ![World population template: A counter from 3 to 8 billion.](https://chart.video/previews/world-population.svg) World population A counter from 3 to 8 billion Counter · 16:9 widescreen · World Bank data [Use the World population template](https://chart.video/editor?template=world-population) * ![Counter overlay template: A transparent counter to lay over footage.](https://chart.video/previews/overlay-counter.svg) Counter overlay A transparent counter to lay over footage Counter · 16:9 widescreen · World Bank data [Use the Counter overlay template](https://chart.video/editor?template=overlay-counter) ## How to use a template 1. ### Choose a template Pick one from the gallery and select **Use the … template**, or use **Samples** in the studio’s Data step at any time. 2. ### Replace the data In **Data**, use **Paste data**, **Open a file** or **Edit data**. The template’s title and source are cleared so they don’t describe the wrong numbers. 3. ### Make it yours Change the **Look**, colours, **Title** and your logo in **Style**, and the pace in **Timing**. 4. ### Export In **Export**, choose the file type and **Format**, then export and download. ## Templates for YouTube, TikTok and presentations Any template exports in any format, but some start in the shape their job needs. * **YouTube and presentations (16:9):** Population race (the [bar chart race guide](https://chart.video/how-to-make-a-bar-chart-race) explains its data layout), Biggest economies, Getting online, Life expectancy, Revenue growth and Product bubbles. * **TikTok, Reels and Shorts (9:16):** Social followers and Subscriber counter, with **Keep clear of app buttons** to keep titles away from the apps’ own controls. See [animated charts for social media](https://chart.video/animated-charts-for-social-media). * **Feeds (1:1 and 4:5):** Budget pie, Budget waffle and Cities vs countryside, the last two made for an [infographic video](https://chart.video/infographic-video). * **Overlays for video editors:** Counter overlay has a transparent background; export **Transparent video (WebM)**, as described on the [transparent chart page](https://chart.video/animated-chart-overlay). ## What makes these templates different Most “animated chart templates” are motion graphics with numbers typed into them: change the data and you redo the animation. These are driven by the data. Paste a longer table and the race gets longer; paste new values and the bars, axes and labels rescale and move on their own, with overtakes, counting numbers and labels that dodge each other worked out for every frame. If you’re choosing between a template and building in another app, the overview of [how to create animated charts](https://chart.video/how-to-create-animated-charts) compares this approach with PowerPoint, Excel, Canva and After Effects. ## Template questions ### Are the templates free to use? Yes, for anything, including commercial videos. Charts made from them are yours. Keep the World Bank credit in the source line if you keep their data. ### Can I use my own data in a template? Yes; that’s the point. Paste or open your table in the Data step and the template redraws with it. ### Can I change a template’s chart type? Yes. Pick any chart in the Chart step; the data and the look carry over. ### Do the templates work for vertical video? Yes. Choose 9:16 under **Format** in Export (or the format button in the studio’s top bar) for TikTok, Reels and Shorts. ### Is the sample data real? Templates marked “World Bank data” use real World Development Indicators figures. The others use made-up numbers and say “Sample data” in their source line. ## More charts and guides * [ Animated chart maker All eleven chart types, every format and export, starting from a blank or a template. ](https://chart.video/) * [ Make a bar chart race Rows of names, columns of years: an overtaking race with a ticking period label. ](https://chart.video/bar-chart-race) * [ Make animated charts for social media Vertical 9:16 chart videos with safe areas for TikTok, Reels and Shorts. ](https://chart.video/animated-charts-for-social-media) * [ How to create animated charts Five methods compared: browser, PowerPoint, Excel, Canva, After Effects. ](https://chart.video/how-to-create-animated-charts) * [ Make an infographic video Waffles, progress bars, A vs B and counters as short animated graphics. ](https://chart.video/infographic-video) * [ Make an animated number counter Big numbers that count up, with steady digits, sparklines and change since start. ](https://chart.video/animated-number-counter)