MAIDR Logo MAIDR
  • Home
  • React
  • Recharts
  • Plotly
  • Examples
  • API Documentation
  • GitHub

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.

Select an example above.

MAIDR - Multimodal Access and Interactive Data Representation

GitHub | Licensed under GPL-3.0