makealive library

Demo

{
 "data": [
  {
    "function": "isprime",
    "description": "Box showing if a number is prime"
  }]
}

Components in plain js

{
 "data": [
  {
    "function": "url",
    "description": "Load from a remote URL"
  },
  {
    "function": "table01",
    "description": "Styled and sortable tables"
  }]
}

Charts using D3.js

{
 "data": [
  {
    "function": "barplot01",
    "description": "Barplot with vertical bars"
  },
  {
    "function": "barplot02",
    "description": "Barplot with horizontal bars"
  },
  {
    "function": "drc01",
    "description": "Dose-response curves"
  },
  {
    "function": "matrix01",
    "description": "Rectangular heatmap"
  },
  {
    "function": "plate12",
    "description": "12-well plate"
  },
  {
    "function": "plate24",
    "description": "24-well plate"
  },
  {
    "function": "plate96",
    "description": "96-well plate"
  },
  {
    "function": "scatterplot01",
    "description": "Scatter plot"
  },
  {
    "function": "stackedbarplot01",
    "description": "Stacked barplot"
  }, 
  {
    "function": "stackedbarplot02",
    "description": "Stacked barplot with horizontal bars"
  }, 
  {
    "function": "stripchart01",
    "description": "Category plot"
  },
  {
    "function": "stripchart02",
    "description": "Horizontal category plot"
  },
  {
    "function": "venn01",
    "description": "Venn diagram"
  },
  {
    "function": "venn02",
    "description": "Venn diagram with custom set"
  }]
}

Charts using plotly.js

{
 "data": [
  {
    "function": "plotly",
    "description": "Many types of graphs powered by plotly"
  }]
}