Skip to content

Instantly share code, notes, and snippets.

@mattpap

mattpap/layout.html

Created January 31, 2019 13:15
Show Gist options
  • Save mattpap/ea192483f3f00b980f39ad39a8b66f9e to your computer and use it in GitHub Desktop.
Save mattpap/ea192483f3f00b980f39ad39a8b66f9e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
layout.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Categorical Axes</title>
<link rel="stylesheet" href="bokehjs/build/css/bokeh.css" type="text/css" />
<link rel="stylesheet" href="bokehjs/build/css/bokeh-widgets.css" type="text/css" />
<script type="text/javascript" src="bokehjs/build/js/bokeh.js"></script>
<script type="text/javascript" src="bokehjs/build/js/bokeh-api.js"></script>
<script type="text/javascript" src="bokehjs/build/js/bokeh-widgets.js"></script>
<script type="text/javascript">
var require = Bokeh.require
var exports = {}
</script>
</head>
<body>
<script type="text/javascript">
const {Row, Column, Spacer, WidgetBox} = require("models/layouts/index")
const {Button, TextInput, Select, Slider, Div, } = require("models/widgets/index")
const {show} = require("api/plotting")
const l = new Row({children: [
new Div({width: 200, text: '<div>some</div>'}),
new Spacer({width: 30}),
new Row({children: [
new Div({height: 730, width: 730, text: "<div>some 2</div>"}),
]}),
new Spacer({width: 50}),
new Column({children: [
new Column({children: [
new WidgetBox({children: [
new Div({text: '<b>Attract...</b>'}),
new Slider({start: 0, end: 100, value: 0, title: 'Example'}),
new TextInput({value: '/Users/philippjfr/development/pyviz_panels/examples/gallery/attractors.yml', title: 'Examples filename'}),
new Button({label: 'Load', button_type: 'success'}),
new Button({label: 'Randomize', button_type: 'success'}),
new Button({label: 'Remember this one', button_type: 'success'}),
new Button({label: 'Sort', button_type: 'success'}),
new Button({label: 'Save', button_type: 'success'}),
]}),
new Spacer({height: 50}),
]}),
new Column({children: [
new WidgetBox({children: [
new Div({text: '<b>Options...</b>'}),
new Select({options: ['bgy', 'bmw', 'bgyw', 'bmy', 'fire', 'gray', 'kgy', 'kbc', 'viridis', 'inferno'], value: 'kgy', title: 'Colormap'}),
new Select({options: ['points', 'line'], value: 'points', title: 'Plot type'}),
new Slider({start: 1, end: 50000000, value: 17675126, title: 'N'}),
new Select({options: ['Bedhead', 'Clifford', 'De_Jong', 'Fractal_Dream', 'Gumowski_Mira', 'Hopalong1', 'Hopalong2', 'Svensson', 'Symmetric_Icon'], value: 'Clifford', title: 'Attractor type'}),
]}),
new Column({children: [
new WidgetBox({children: [
new Div({text: '<b>Cliffor...</b>'}),
new Slider({start: -3, step: 0.1, end: 3, value: 0.2, title: 'A'}),
new Slider({start: -3, step: 0.1, end: 3, value: 1.4, title: 'B'}),
new Slider({start: -3, step: 0.1, end: 3, value: 2.0, title: 'C'}),
new Slider({start: -3, step: 0.1, end: 3, value: 1.2, title: 'D'}),
]}),
new Spacer({height: 50}),
]}),
]}),
]}),
]})
show(l)
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment