Published
Edited
Jul 5, 2021
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof no1 = Text({label: html`<b>No. 1</b>`, value: "CFH", submit: true})
Insert cell
viewof no2 = Text({label: html`<b>No. 2</b>`, value: "IB", submit: true})
Insert cell
viewof no3 = Text({label: html`<b>No. 3</b>`, value: "OS", submit: true})
Insert cell
viewof no4 = Text({label: html`<b>No. 4</b>`, value: "KDN", submit: true})
Insert cell
viewof no5 = Text({label: html`<b>No. 5</b>`, value: "TK", submit: true})
Insert cell
viewof no6 = Text({label: html`<b>No. 6</b>`, value: "TH, DVK, ACH, KAG", submit: true})
Insert cell
Insert cell
Insert cell
Insert cell
viewof rows = Table(CheckPointTable)
Insert cell
Insert cell
viewof example = mdColumns([lg1, lg3],["white","white"])
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
width = 350
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
CheckPointTable
Insert cell
Insert cell
import {tableInput} from "@linard-y/table-input"
Insert cell
import {select, color, slider, radio, checkbox, date, time} from "@jashkenas/inputs"
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more