Published
Edited
Mar 18, 2022
1 star
Also listed in…
Tips and Utilities
Insert cell
Insert cell
Insert cell
Insert cell
<div class="wrapper">


</div>
Insert cell
{
const editor = new Pikaso.Pikaso(
{
container: wrapper,
disableCanvasContextMenu:false
,
}
)

editor.board.background.fill('rgba(0,0,100,0.5)'); // change background color
const photo = await editor.shapes.image.insert(await FileAttachment("Untitled design (6).png").url()); // add an image

editor.shapes.circle.insert({
radius: 100,
x: 300,
y: 450,
fill: "tomato"
})
}
Insert cell
<style>
.wrapper{
padding: 10px;
border: 1px solid green;
height: 600px;
}
</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