SharedSamples.org
SharePoint Skill

Roadmap Timeline

Generates a polished, self-contained HTML roadmap or milestone timeline from any project data — SharePoint lists, pasted tables, or a verbal description.

Roadmap Timeline

About this sample

Generates a complete, self-contained HTML visualization by interviewing the user or parsing their data, constructing and validating a JSON document, then rendering it into a sandbox-safe HTML file. Automatically chooses between two layouts: horizontal swimlane roadmap (for phase-range data) or vertical milestone timeline (for point-in-time events).

All layout positions are pre-computed as percentages and embedded as inline styles — no JavaScript is required for positioning. Includes a today-line overlay, status-colored phase blocks, and milestone diamonds. Four visual palette options. No external dependencies — output runs inside a SharePoint sandboxed iframe.

Products & metadata

SharePointMicrosoft 365 CopilotSharePoint-AI-SkillPlanning