logo

WordPress Design Agency

020 3355 8747

Message Us
  • Home
  • About Impact®
    Learn More About Impact Media®
    • Meet The Team
       
    • Why WordPress
       
    • Careers
       
    • Giving Back
       
    • 100K Tree Challenge
       
    James Coates
    Schedule a discovery call with UX Specialist James
    Book A Call
  • WordPress Services
    Learn More About Our Services
    • WordPress Web Design
       
    • UX Design
       
    • WordPress Development
       
    • WordPress Support & Maintenance
       
    • WordPress Evolve Retainer
       
    • WordPress Multisite Development
       
    • WooCommerce
       
    • Replatform To WordPress
       
    • WordPress Consultancy
       
    • Integrations & Plugins
       
    • WordPress Managed Hosting
       
    • WordPress Health Check
       
    James Coates
    Schedule a discovery call with UX Specialist James
    Book A Call
  • Our Process
  • Case Studies
  • Insights
  • Contact Us
WordPress Design Agency
020 3355 8747
logo logo
Book A Call
Back
Menu
  • Home
     
  •  
    About Impact Media
    Learn More About The Impacters
    • Meet The Team
       
    • Why WordPress
       
    • Careers
       
    • Giving Back
       
    • 100K Tree Challenge
       
  •  
    Our Services
    Discover How We Can Help
    • WordPress Web Design
       
    • UX Design
       
    • WordPress Development
       
    • WordPress Support & Maintenance
       
    • WordPress Evolve Retainer
       
    • WordPress Multisite Development
       
    • WooCommerce
       
    • Replatform To WordPress
       
    • WordPress Consultancy
       
    • Integrations & Plugins
       
    • WordPress Managed Hosting
       
    • WordPress Health Check
       
  • Our Process
     
  • Case Studies
     
  • Insights
     
  • Contact Us
     
020 3355 8747
Mon - Fri • 9am - 5pm
Close

Oops! We could not locate your form.

Home / Insights / How To Embed Animated Charts & Graphs On Your Website
Home / Insights / How To Embed Animated Charts & Graphs On Your Website
Back

How To Embed Animated Charts & Graphs On Your Website

Published 10.11.23
10th November 2023
Last Updated 06.06.25
6th June 2025
Newer
4 Min Read
James Coates
James Coates
Swipe & Deploy
Older
4 Min Read
 
James Coates
James Coates
 
Swipe & Deploy

Data data data, we cannot get enough of collecting data. But now we have so much of it, what do we do with it?! How can it be presented to the world to see?

Swipe & Deploy 55 blog hero image of a pie chart.

Well typically in a screen projector scenario, the fans of Microsoft Excel and a majority of the boardroom will expect to see some form of chart, but sharing charts on your website might involve exporting those static charts.

It all feels like there’s no been much progress since the 90s in this space.

But there has.

Data Visualisation Has Truly Landed

You may have come across an animated chart where over time there appears to be a race going on where you can see certain bars growing and others reducing, they’ve become a popular addition in the business world on socials (least I have seen loads on LinkedIn).

If you haven’t for context, take a look here.

What Is This Wizardry You Ask?

Good news, is that you won’t have to track down a Paul Daniels’ magic set to learn how to make these, you can visit the Flourish website where you can make them and embed them into your website.

Animated Charts Make Your Website More Interactive And Engaging

All the data you have in your business and an outlet of creativity to help your customers and audience better visualise this data.

With a variety of starter templates to choose from, the easy part is actually embedding them into your website. If your website is WordPress then inserting a custom HTML block, pasting your code in and viola – a racing bar chart.

<div class="flourish-embed flourish-bar-chart-race" data-src="visualisation/15673076"><script src="https://public.flourish.studio/resources/embed.js"></script></div>

Try copying and pasting the code into your website to watch it pull in the results.

Flourish, have hidden pricing so the cost of commercial implementation, well you’ll have to reach out and ask, but there is far much more than just bar charts, and in 2022 Canva actually acquired Flourish, so the  roadmap for the product will no doubt become far wider, as they potentially look to integrate it into their design platform.

Are There Other Options On The Market?

I’m not sure who may have been first to the market, but there are certainly more options out there. Living Charts is another platform, not as clinical in the look and feel as Flourish, but delivers a morphing result as seen below. Pricing on this platform starts at $19 a month.

There are no doubt more, and I have come across some tools implemented such as Tableau from Sales Force and data visualisation tools from Zoho and Microsoft, but seeing the exporting as clean as Flourish – they have some catching up to do.

So What’s To Swipe & Deploy?

If you are in B2B and are big on industry data, then taking the lead in presenting your data in an interactive way can capture attention. Aside from this, it makes the data more interesting and provides a new way of looking at a bar chart that we’ve been looking at since the birth of Excel.

That’s a wrap for Swipe & Deploy #55. Join me next month where I will share another insight or inspiration piece from around the web. 

A picture of James Coates.

If you’d like to learn more about our WordPress & WooCommerce Support & Maintenance plans, drop us an email or give James a call.

Our plans provide a holistic solution to your website’s performance, reliability and security, and are inclusive of premium tools and services.

button to visit contact page
Share Socially
James Coates
James Coates
UX & Web Strategist, Coffee Lover & Ex-Flower Arranging Champ
James is a UX specialist and is passionate about delivering better digital experiences. He provides insights on improving conversions, increasing sales and delivering more engaging content.
View Team Profile
See More Articles
James Coates
James Coates
UX & Web Strategist, Coffee Lover & Ex-Flower Arranging Champ
James is a UX specialist and is passionate about delivering better digital experiences. He provides insights on improving conversions, increasing sales and delivering more engaging content.
See More Articles
View Team Profile

If You Liked This, You Might Like These

Swipe & Deploy
August 22nd, 2025
6 min read

Human Checked Articles – When Getting Content Right...

Could adding verification by industry experts help build trust with your users, in a world where so much content is AI slop?

James CoatesJames Coates
 
Swipe & Deploy
August 11th, 2025
5 min read

Could You Create Video Stories On Your Product Category P...

A recent addition to the Oh Polly website went viral, and prompted this week's Swipe & Deploy. Could your brand take inspiration from Oh Polly for your own website?

James CoatesJames Coates
 
Swipe & Deploy
July 25th, 2025
7 min read

Why Saving A Basket Can Save A Sale

A look at how adding functionality for users to save their basket can remove friction and improve your chances of a sale.

James CoatesJames Coates
 
Looking For Support For
Your WordPress Website?
Let Us Take The Stress Of Website Maintenance & Support Off Your Plate
Let's Chat
studio@impactmedia.co.uk
020 3355 8747
Impact Media's LinkedIn
Impact Media's Twitter
Impact Media's Facebook
Impact Media's Instagram
Impact Media's Youtube
wordpress.org

About Impact

  • About Impact Media®
  • Meet The Impact Team
  • Why WordPress?
  • Our Web Development Process
  • Careers
  • Awards
  • Partners
  • Giving Back
  • 100K Tree Challenge

WordPress Services

  • WordPress Web Design
  • UX Design
  • WordPress Development
  • WordPress Evolve Retainers
  • WooCommerce Development
  • Multisite WordPress
  • Migrate To WordPress
  • Custom Integrations & Plugins
  • WordPress Consultancy

WordPress Support

  • WordPress Support & Maintenance
  • WordPress Managed Hosting
  • Case Studies
  • Insights
  • Contact Us

Addresses

London Address:

50 Liverpool Street,

London, EC2M 7PY, UK

+44 (0) 20 3355 8747

 

Registered Address:

Woodland Place, Hurricane Way

Wickford, SS11 8YB, UK

  • Privacy Policy
  • Cookie Policy
Impact Media logo
© Impact Media® 2003 - 2026
Impact Media is a trading name of IMDMS LTD. Company Reg. 05970261
Impact® & Impact Media®
are registered trademarks of IMDMS LTD