How to EmbedInteractive Charts in PowerPoint Easily
TutorialExtremely easy-to-follow tutorial how to embed interactive charts into your PowerPoint presentations.
Embed interactive charts in PowerPoint presentations
Embedding charts within PowerPoint presentations has always been possible but perhaps one of the most ignored possibilities is actually embedding web applications directly in the presentation sheets.
Did you know this was possible?
As said, this is a rarely known feature, to say the least. We at LightningChart just found this out and immediately tested it with our powerful real-time charts.
Ever wanted to display a patient’s heartbeat in real-time while presenting? Hehe, probably not😆, but now it is possible:
The coolest part here is that these charts are fully interactive even during presentations, and they perform with the full LightningChart performance!
Okay, enough with the silly demonstrations, show us how it’s done!
How to embed charts in PowerPoint?
And don’t worry! This is an official add-in published by Microsoft that you can either directly download the Web Viewer add-in from the Microsoft store or install right from your PowerPoint.
Opening right from the Microsoft Store
You can visit and download the Web Viewer add-in from the Microsoft Store and:
1. Click on “Open in PowerPoint“.
2. Accept the pop-up window asking for permission to open PowerPoint.
3. Once in PowerPoint, you’d have to click on “Trust this add-in”.
Opening right from PowerPoint
Here’s how it works, you add a Web Viewer to your sheet:
1. Click on the Insert tab then My Add-ins
2. Click on the Office Store button (or tab) and almost immediately, you’ll see the Web Viewer add-in. Click on add, agree to the terms and conditions, and accept. Good to go!
Selecting the charts to embed in the PowerPoint presentation
Now all you have to do is to input the URL to the website that you want to show. This must be a secure site, meaning that the URL has to start with “https”.
Select your chart from the gallery & embed it.
To select a chart, go to LightningChart JS interactive examples and copy the URL of any chart you want. In this case, I’m selecting the JavaScript 3D Surface Grid Chart that has the following URL:
https://www.arction.com/lightningchart-js-interactive-examples/examples/lcjs-example-0912-surfaceGrid.html
- This URL needs to be changed to the following format: https://arction.github.io/lcjs-example-0912-surfaceGrid/
- So you’ll have to use the form https://arction.github.io/ + the visualization name starting with “lcjs-example…”
- Don’t include the “.html” ending!
Once in PowerPoint, navigate to Insert > My Add-ins > Web Viewer and replace the URL with the one from your chart and remove the “https://” part (as is already written there). Click on “Preview” and you’ll see your chart 😁
Web.dev guide to using HTTPS in locally running applications. Now go and make your next presentation the flashiest one around – creative madness!
About LightningChart Data Visualization Library for Desktop, Web & Mobile Application Development
LightningChart Data Visualization Solutions are advanced data visualization libraries for .NET and JavaScript featuring 200+ charts that can be easily integrated into cross-platform applications that demand high-performance charts with fast rendering and large dataset processing of several billions of data points.