Published
Edited
Feb 7, 2020
5 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof file_node_yaml = code(`
$type: nn_file
title: declarative_to_js_bootstrap_tests.yaml
created_by: Leonard Pauli, 7 jan 2020
command: {$: start}
# include: "./bootstrapped_nodes.yaml"

nodes:

- $id: start
$type: integer_add
input:
- $id: user_input
$type: dynamic
input_type: {$: integer}
- 2
- $id: second_output
$type: output
input: {$: some_intermediate}
output_type: {$: integer}
# - {$: start}
- {$: third_output}

- $id: some_intermediate
$type: integer_add
input:
- 3
- 4
- {$: user_input}
- {$: third_output}

- $id: third_output
$type: output
input: {$: third}
output_type: {$: integer}

- $id: third
$type: integer_add
input:
- {$: user_input}
- 9
`, 'yaml', true)
Insert cell
graphs = src.index_js.dag_reduced_iterations_dot_from_yaml(src.bootstrapped_nodes_yaml, file_node_yaml|| src.declarative_to_js_bootstrap_tests_yaml)
Insert cell
Insert cell
adot.bind(this)`${visgraph}${{duration: 400, fit: true, width: width, height: 500}}`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
code = (t, lang='js', hide=false)=> {
const o = hide?md`(${lang})`:md`\`\`\`${lang}
${t.trim()}
\`\`\``
o.value = t
return o
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
slide_style
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