MAIDR Examples

Click on one of the examples below to see a demonstration

React

• React Examples (Bar, Line, Smooth)

See the React Integration Guide for setup instructions, TypeScript types, and code examples for all plot types.

HTML / Vanilla JS

• Barplot
• Candlestick multilayer
• Dodged Barplot
• Faceted Bar plots
• Heatmap
• Histogram
• Horizontal box plot
• Single Line plot
• Multi line plot
• Multi layered plot
• Multi panel plot
• Scatter plot
• Smooth plot
• Stacked Bar plot
• Vertical box plot
• Vertical candle stick plot
• Violin plot

Plotly.js

• Bar Chart
• Scatter Plot
• Line Chart
• Box Plot
• Heatmap
• Histogram
• Candlestick
• Grouped Bar
• Stacked Bar

See the Plotly.js Integration Guide for setup instructions and code examples for all chart types.

Recharts

• Recharts Examples (Bar, Line, Scatter, Stacked, Histogram)

See the Recharts Integration Guide for setup instructions, TypeScript types, and code examples for all chart types.