Published
Edited
Sep 20, 2019
6 stars
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
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
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`## Views`
Insert cell
viewof fh_distortion = slider({
title:"Fish eye distortion",
min: 1,
max: 30,
step: 1,
value: 5,
description: "Default 5"
})
Insert cell
viewof fh_radius = slider({
title:"Fish eye radius",
min: 5,
max: 200,
step: 1,
value: 50,
description: "Default 50"
})
Insert cell
viewof toggle_arrow = checkbox({
description: "Toggle arrows",
options: [{ value: "toggle", label: "On" }],
value: "toggle"
})
Insert cell
viewof dragndfixed = checkbox({
description: "Toggle drag and fixed",
options: [{ value: "toggle", label: "On" }],
value: "toggle"
})
Insert cell
viewof useBoundary = checkbox({
options: [{ value: "true", label: "Use force Boundary" }],
value: "true"
})
Insert cell
viewof charge = slider({
min: 10,
max: 1000,
step: 10,
value: 200,
description: "Repulsion between nodes"
})
Insert cell
Insert cell
viewof marge_inf = slider({
min: 0,
max: .25,
step: .01,
value: .01,
format: ".0%",
title: "inférieure",
})
Insert cell
viewof cbforce = checkbox({
title: "Toggle which force to apply",
// description: "Toggle the forces to apply",
options: [
{ value: "l", label: "forceLink" },
{ value: "m", label: "forceManyBody" },
{ value: "x", label: "forceX" },
{ value: "y", label: "forceY" },
],
value: ["l", "m", "x", "y"],
submit: false
})
Insert cell
viewof marge_droite = slider({
min: 0,
max: .25,
step: .01,
value: .01,
format: ".0%",
title: "droite",
})
Insert cell
viewof marge_sup = slider({
min: 0,
max: .25,
step: .01,
value: .01,
format: ".0%",
title: "supérieure",
})
Insert cell
viewof marge_gauche = slider({
min: 0,
max: .25,
step: .01,
value: .01,
format: ".0%",
title: "gauche",
})
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