@abdur008/canvas-to-pptx

Enterprise presentation and document exporter that converts canvas node graphs, orbital diagrams, and blueprints into native Microsoft PowerPoint (.pptx) and Microsoft Word (.docx) files.

Installation

# Using bun
bun add @abdur008/canvas-to-pptx pptxgenjs docx

# Using npm
npm install @abdur008/canvas-to-pptx pptxgenjs docx

Features

• Native PowerPoint Vector Shapes: Generates slides with editable vector shapes, clean typography, tables, and color themes (not raster screenshots).
• Radial Diagram Generation: Automatically maps node coordinates or circular ring layouts to PowerPoint vector nodes around a central focal hub.
• Multi-Slide Executive Decks: Produces Title Slide, Strategic Overview Slide, Diagram Architecture Slide, Multi-Card Drill-down Slides, and Summary Tables.
• Word Document (DOCX) Export: Generates structured executive summary documents.
• Custom Theming: Built-in themes (blueprint, corporate, minimal, education) with custom color palette overrides.

Quick Start

import { PptxExporter, DocxExporter } from "@abdur008/canvas-to-pptx";

const blueprintData = {
  title: "Community Learning Blueprint",
  subtitle: "2026 Academic Innovation Architecture",
  centerHub: {
    title: "Core Learning Model",
    description: "Holistic framework for personalized learner agency and community engagement.",
    coreObjectives: [
      "Fostering experiential inquiry",
      "Embedding real-world mentorship",
      "Promoting continuous competency assessment",
    ],
  },
  nodes: [
    {
      id: "node-1",
      title: "STEM Discovery Labs",
      description: "Hands-on robotics and environmental engineering projects.",
      category: "STEM",
      color: "3B82F6",
      status: "Active",
      subcomponents: [
        { id: "s-1", title: "Aquaponics Lab", score: 4.8 },
        { id: "s-2", title: "Autonomous Rovers", score: 4.2 },
      ],
    },
    {
      id: "node-2",
      title: "Wellbeing & Advisory",
      description: "Daily reflective circles and socio-emotional check-ins.",
      category: "Wellbeing",
      color: "22C55E",
      status: "Active",
    },
  ],
};

// Generate PowerPoint Presentation
const pptx = await PptxExporter.generate(blueprintData, {
  theme: "blueprint",
  includeDiagramSlide: true,
  includeDetailSlides: true,
  includeSummarySlide: true,
});

// Save to file (Node/Bun environment) or browser download
await pptx.writeFile({ fileName: "learning-blueprint.pptx" });

License

MIT