Scribd
Upload
19 views

Plotly

Uploaded by

Minh Lợi Nguyễn
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
19 views

Plotly

Uploaded by

Minh Lợi Nguyễn
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

AI VIETNAM

Warm-up Course

Dynamic Animation with PPT Using


Python Plotly

Vinh Dinh Nguyen- PhD in Computer Science


1
AI VIETNAM
Warm-up Course
Step 1: Draw Chart Using Plotly
Iris Dataset

Result

Code

Create an animated bubble chart and save it as an HTML file


2
Vinh Dinh Nguyen- PhD in Computer Science
AI VIETNAM
Warm-up Course
Step 2: Upload HTML file to GitHub
1.Upload your .html figure to a server like GitHub to get a sharing link. Note that OneDrive, Google Drive, and Dropbox no longer support
rendering .html files.
2.Register at https://github.com/.
3.Click on "Repositories" and then the "New" icon to create a new public repository (note that this is visible to all, and this method won't work
with private repositories).
4.In your repository, go to the "Code" tab and select "Add file" to upload your figure(s).
5.Once uploaded, click on the file and then select "Raw" to view the source code.
6.Change the URL from raw.githubusercontent.com to raw.githack.com and hit enter. And just like that, your HTML file is viewable!

3
Vinh Dinh Nguyen- PhD in Computer Science
AI VIETNAM
Warm-up Course
Step 2: Upload HTML file to Github
1.Upload your .html figure to a server like GitHub to get a sharing link. Note that OneDrive, Google Drive, and Dropbox no longer support
rendering .html files.
2.Register at https://github.com/.
3.Click on "Repositories" and then the "New" icon to create a new public repository (note that this is visible to all, and this method won't work
with private repositories).
4.In your repository, go to the "Code" tab and select "Add file" to upload your figure(s).
5.Once uploaded, click on the file and then select "Raw" to view the source code.
6.Change the URL from raw.githubusercontent.com to raw.githack.com and hit enter. And just like that, your HTML file is viewable!

4
Vinh Dinh Nguyen- PhD in Computer Science
AI VIETNAM
Warm-up Course
Step 3: Insert the Figure into PowerPoint
Open PowerPoint, click on "Insert," select "Add-in," then "Get Add-ins," and install the free "Web Viewer" add-in. Note that you may need
admin permission for a uni-licensed PowerPoint.

5
Vinh Dinh Nguyen- PhD in Computer Science
AI VIETNAM
Warm-up Course
Step 3: Insert the Figure into PowerPoint
Once installed, go to "Insert," "My Add-in," and select "Web Viewer."

6
Vinh Dinh Nguyen- PhD in Computer Science
AI VIETNAM
Warm-up Course
Step 3: Insert the Figure into PowerPoint
1.In PowerPoint, select the slide with the "Web Viewer" add-in and enter the link to your figure in the https:// box (remove the https://
prefix).
2.Click on the "Preview" button at the bottom right, and your animated figure should display.

7
Vinh Dinh Nguyen- PhD in Computer Science
AI VIETNAM
Warm-up Course
Step 3: Insert the Figure into PowerPoint
1.In PowerPoint, select the slide with the "Web Viewer" add-in and enter the link to your figure in the https:// box (remove the https://
prefix).
2.Click on the "Preview" button at the bottom right, and your animated figure should display.

8
Vinh Dinh Nguyen- PhD in Computer Science
AI VIETNAM
Warm-up Course

9
Vinh Dinh Nguyen- PhD in Computer Science

You might also like