<hpcc-splitpanel orientation="vertical" style="width:100%;height:1000px">
<hpcc-zoom style="width:100%;height:100%;min-height:48px;overflow:hidden">
<hpcc-observable style="overflow:hidden">
canvas
import { canvas } with { height } from "@mbostock/liquidfun"
height=400
md`###### Credits: [@mbostock](https://observablehq.com/@mbostock)`
</hpcc-observable>
</hpcc-zoom>
<hpcc-tabpanel tabs_movable=1 style="width:100%;height:100%;border:0px;padding:0px;min-height:48px;overflow:hidden">
<hpcc-observable data-label="Function Quadrature Plot" style="width:100%;height:100%;margin-top:-4px;padding:0;min-height:48px;overflow:hidden">
graph
import { graph } from "@laotzunami/numeric-integration-quadrature"
md`###### Credits: [@laotzunami](https://observablehq.com/@laotzunami)`
</hpcc-observable>
<hpcc-observable show_errors=1 data-label="Quadrature Percent Error" style="width:100%;height:100%;margin-top:-4px;padding:0;min-height:48px;overflow:hidden">
error
import { error } from "@laotzunami/numeric-integration-quadrature"
md`###### Credits: [@laotzunami](https://observablehq.com/@laotzunami)`
</hpcc-observable>
</hpcc-tabpanel>
</hpcc-splitpanel>