PptxGenJS Feature Demos

Library Information


Simple Presentation
Code Sandbox
Editable Code
Use the area below to easily try out various library features.

HTML to PowerPoint

Reproduces an HTML table into 1 or more slides (auto-paging) using the syntax pptx.tableToSlides('tableId');
View the HTML to PowerPoint documentation for full details and examples

Usage Notes & Tips
Demo: tableToSlides Options
Table Setup
Paging Options
autoPageRepeatHeader
autoPageSlideStartY
Master Slide
Row Last Name First Name Description
Demo: Misc Table Styles
Demo: Rowspans/Colspans
Demo: Single Lines, Large Cell Text

Chart Demos

View the chart documentation for full details and examples

Bar Chart
Slide 1 - Vertical/Horizontal bars
Slide 2 - Grid/Axis options
Slide 3 - Stacked/PercentStacked bars
Slide 4 - Lots of bars
Slide 5 - Bar colors, units, formats
3D Bar Chart
Slide 6 - 3D Bar, Cone, Cylinder, Pyramid
Tornado Chart
Slide 7 - Tornado Type
Line Chart
Slide 8 - Smoothing, Shadow, Size, Symbols
Slide 9 - Data Symbol, Size
Slide 10 - Lots of Categories
Area Chart
Slide 11 - Stacked Area Chart
Slide 11 - Opacity and other options
Pie Chart
Slide 12 - Various options
Slide 13 - Doughnut Type
X Y (Scatter) Chart
Slide 14 - Various Options
Bubble Chart
Slide 15 - Various Options
Radar Chart
Slide 16 - Various Options
Multi-Type Chart
Slide 17 - Various Mixed-Chart Types
Chart Options
Slide 18 - Shadows and Transparent Color

Image Demos

View the image documentation for full details and examples

Image Types and Sources
Slide 1
- Type: Animated GIF (use Slide Show)
- Type: GIF
- Type: JPG
- Type: PNG
- Type: SVG
Sizing and Rounding
Slide 2
- Image Rounding
- Sizing: Contain
- Sizing: Cover
- Sizing: Crop
Image Rotation
Slide 3
- Rotate: 45
- Rotate: 180
- Rotate: 315
Image URLs
Slide 4
- Using GitHub CDN
- Using Wikimedia URL
- Using URL variables, etc

Media Demos

View the media documentation for full details and examples

Video
Slide 1
- Various formats (most OS's wont have every format codec - YMMV)
- YouTube (only supported in PowerPoint Online / PowerPoint desktop v16+)
NOTE: opening a presentation with a YouTube video will show a content warning in desktop PowerPoint v15 or earlier
Audio
Slide 2
- Misc Audio formats (mp3, wav)

Shape Demos

View the shape documentation for full details and examples

Core Shape Types
Slide 1
- Shapes: Rectangle, Line, Oval, Triangle
- Shapes: Flipped, With and Without Text
- Shape Borders
- Lines: With and Without Arrowheads
Core Shape Types with Text
Slide 2
- Shapes: Rectangle, Line, Oval, Triangle
- Shapes: Flipped, With and Without Text
- Shape Borders
- Lines: With and Without Arrowheads

Text Demos

View the text documentation for full details and examples

Text Alignment
Slide 1
- Text alignment
- x/y percent values
Text Types
Slide 2
- Word-Level Formatting
- Multi-Line Text
- Line Spcaing
Text Effects/Hyperlinks
Slide 3
- Text Outline
- Text Glow
- Text Shadow
- Hyperlinks
Text Bullets
Slide 4
- Regular
- Custom Shapes
Text Fit
Slide 5
- None
- Resize
- Shrink
Text Schemes
Slide 6
- Scheme Colors

Table Demos

View the table documentation for full details and examples

Table Layout/Format
Slide 1
- Text Alignment
- Cell Styles
- Row Height / Col Width
Slide 2
- Colspans/Rowspans
Slide 3
- Extreme Colspans/Rowspans
Cell Formatting
Slide 4
- Cell Margins
- Complex Cell Borders
- Escaped Special Characters
Slide 5
- Cell Text Formatting Overview
Slide 6
- Cell Text Formatting Examples
Table Auto-Paging
Slide 7+
- Test basic functionality
- Test with small table dimensions
- Test with correct starting { y:4.0 }
- Test with { autoPageSlideStartY:1.5 }
- Test with { autoPage:false }
- Test with { autoPageRepeatHeader:true }
- Tables with various autoPageLineWeight values
- Tables with various autoPageCharWeight values

Slide Masters / Templates / Layouts

View the masters documentation for full details and examples

Misc Master Slides
Slide 1 - TITLE_SLIDE
Slide 2 - MASTER_SLIDE
Slide 3 - MASTER_SLIDE
Slide 4 - MASTER_SLIDE
Slide 5 - MASTER_SLIDE
Slide 6 - THANKS_SLIDE
Creating Slide Masters is easy!