Changelog

All notable changes to markdown-ui will be documented here.

v0.3.0 - Quiz & Question Widgets September 8, 2025

🎯 New Widgets

  • Quiz container with scoring, progress, and pass/fail summary
  • Multiple Choice Question (multiple-choice-question) with optional feedback
  • Short Answer Question (short-answer-question) supporting one or many accepted answers

🧠 DSL Additions

  • quiz id "Title" with optional config lines: showScore:, showProgress:, passingScore:
  • Quiz questions use compact lines: mcq and short-answer with points
  • Standalone short-answer-question now accepts either a single "CorrectAnswer" or an array ["A1" "A2"]

βœ”οΈ Behavior Improvements

  • Neutral feedback when correct answers aren’t provided (no incorrect styling, shows the user’s selection/answer)
  • Unified case-insensitive matching for short answers across standalone and quiz

πŸ“š Docs & Demos

  • Home page demo now includes quiz and question examples
  • Spec updated to version 0.3 with full schemas and DSL examples

v0.2.1 - Chart Height Control September 1, 2025

✨ New Features

  • Chart Height Control - Optional `height` parameter for customizing chart dimensions
  • Safe Height Bounds - Automatic clamping between 200px-800px with 400px default
  • Enhanced DSL Syntax - Key-value parameter support (e.g., `height: 600`)

πŸ“ Updated Syntax

Charts now support optional height parameter:

```markdown-ui-widget
chart-line
title: Custom Height Chart
height: 600
Q1,Q2,Q3,Q4
Revenue,15000,18000,22000,25000
```

v0.2.0 - Interactive Charts Release August 31, 2025

πŸŽ‰ Major Features

  • Interactive Chart Widgets - Full Chart.js integration supporting multiple visualization types
  • CSV Data Format - LLM-friendly data input using simple CSV syntax in code blocks
  • Click Interactions - Charts respond to user clicks with data callbacks
  • Responsive Design - Charts automatically adapt to container sizes

πŸ“Š Supported Chart Types

  • chart-line - Line charts for trends and time series
  • chart-bar - Bar charts for comparisons
  • chart-pie - Pie charts for proportional data
  • chart-scatter - Scatter plots for correlation analysis

πŸ”§ Technical Improvements

  • Enhanced DSL parser with CSV parsing capabilities
  • Added TypeScript definitions for chart widgets
  • Established monorepo workspace structure
  • Proper Chart.js controller registration
  • Automatic color theming with default palette

πŸ“ Example Usage

Charts can now be embedded using simple CSV syntax:

```markdown-ui-widget
chart-line
title: Sales Performance
Q1,Q2,Q3,Q4
Revenue,15000,18000,22000,25000
Profit,3000,4500,6000,7500
```

Perfect for LLMs

The CSV format makes it easy for language models to generate charts from data analysis, reports, and conversations without complex JSON formatting.

v0.1.0 - Initial Release

  • Core markdown-ui widget system
  • Basic DSL parser functionality
  • Svelte, React, and Vue component libraries
  • Initial demo page setup

Want to see the charts in action? Check out the demo examples or explore the implementation details.