Mighty Studio template

Interactive line chart

By Jocelyn

A flexible, reusable line chart for building data-driven e-learning content. Authors configure everything from a simple form — no coding required — and the chart renders cleanly inside any Rise lesson. Data made easy. Data is provided entirely by import: type, paste from Excel, Google Sheets, or a CSV, or upload a CSV file. The chart auto-detects the separator (tab, comma, or semicolon) and accepts either a period or a comma as the decimal mark, so there's nothing to reformat. Each point takes a category label, a value, and an optional alternative value shown in the tooltip. Multiple series, your way. Add as many series as you need, each with its own legend label, colour, and point marker (circle, square, triangle, diamond, plus, cross, star, or none). Show or hide the connecting line, smooth it into a curve or keep straight segments, and add a calculated trend line — linear, polynomial, exponential, or moving average. Built to fit your design. Customize the title and subtitle with their own fonts and sizes, set the axis labels, and add a unit suffix to Y-axis values (%, $, mg, and so on). Choose the tooltip theme, the decimal separator, and the legend's position — or pick a background colour, with full transparency supported so the chart blends into any slide. Accessible by default. Every chart includes a screen-reader label, a hidden data table equivalent to the visual, and a keyboard-operable legend, helping your content meet accessibility expectations out of the box.