Course Visuals

Every course Prism writes includes visuals: charts for data and diagrams for structure, added wherever they help a learner understand faster. Prism no longer hand-writes the underlying markup. It describes each visual as a structured spec, the data, the nodes, the relationships, and LucentSkill renders it with one consistent, on-brand design system.

The result is a clean editorial look: a single accent color, calm data colors, clear labels, and readable layouts, with no neon glow and no mismatched styles between courses.

• Charts for numbers: bar, line, pie, donut, radar, waterfall, heatmap, scatter, and more. Prism picks the right chart for the data.
• Diagrams for structure: flowcharts, sequences, trees, org charts, layer stacks, swimlanes, timelines, decision maps, root-cause fishbones, and more.
• Prism routes each concept to the best visual automatically based on what the content is showing.

Visuals are added automatically during course generation, at least three per course and one in every few sections, wherever they genuinely help.

To change a visual in the course editor, open the section and use its regenerate visual control. You can regenerate a single section's visual, or the whole section, and keep the one you prefer.

Nothing to configure. Visuals are part of every course on every plan, generated with the same quality bar whether you are on Individual, Team, or Enterprise.

• Visuals render from validated structured data, never from raw AI-authored markup, so there is no code-injection surface in a diagram or chart.
• All text is sanitized before it renders, and every visual carries accessible labels and descriptions for screen readers.