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
andshort-answer
withpoints
- 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 serieschart-bar
- Bar charts for comparisonschart-pie
- Pie charts for proportional datachart-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.