<link rel="stylesheet" type="text/css" href="../../components/index-style.css"  />




# Demos

- [binary-search-recursive.js](binary-search-recursive.js) [![](binary-search-recursive.png)](edit://src/babylonian-programming-editor/demos/binary-search-recursive.js) {.component}
- [binary-search.js](binary-search.js) [![](binary-search.png)](edit://src/babylonian-programming-editor/demos/binary-search.js) {.component}
- [classes.js](classes.js) [![](classes.png)](edit://src/babylonian-programming-editor/demos/classes.js) {.component}
- [empty.js](empty.js) [![](empty.png)](edit://src/babylonian-programming-editor/demos/empty.js) {.component}
- [functions.js](functions.js) [![](functions.png)](edit://src/babylonian-programming-editor/demos/functions.js) {.component}
- [hello.js](hello.js) [![](hello.png)](edit://src/babylonian-programming-editor/demos/hello.js) {.component}
- [hello2.js](hello2.js) [![](hello2.png)](edit://src/babylonian-programming-editor/demos/hello2.js) {.component}
- [script.js](script.js) [![](script.png)](edit://src/babylonian-programming-editor/demos/script.js) {.component}
- [tree-base.js](tree-base.js) [![](tree-base.png)](edit://src/babylonian-programming-editor/demos/tree-base.js) {.component}
- [tree-improved.js](tree-improved.js) [![](tree-improved.png)](edit://src/babylonian-programming-editor/demos/tree-improved.js) {.component}
- [tree-scene.js](tree-scene.js)  [![](tree-scene.png)](edit://src/babylonian-programming-editor/demos/tree-scene.js) {.component} 
- [tree.js](tree.js) [![](tree.png)](edit://src/babylonian-programming-editor/demos/tree.js) {.component} 

<div style="clear: left"></div>

- [presentation/](presentation/)
  - [01_binary_search.js](presentation/01_binary_search.js)
  - [02_person.js](presentation/02_person.js)
  - [03_canvas_simple.js](presentation/03_canvas_simple.js)
  - [04_canvas_improved.js](presentation/04_canvas_improved.js)
- [benchmark/](benchmark/)
- [canvas/](canvas/)
  - [demo.js](./canvas/demo.js)
  - [example-canvas.js](./canvas/example-canvas.js)
- [todo/](todo/)



<!-- #TODO add support for thumbnail links to non components */
<script>
import Files from "src/client/files.js"
var md = lively.query(this, "lively-markdown");
// Files.generateMarkdownFileListing(md.shadowRoot)
</script>

