xpoints = {
const x = []
for(let i = 0;i<=2*Math.PI;i = i + .01){
x.push(i)
}
return x
}
html`
<style>
.container{
height:100%;
background-color:white;
padding:10px;
}
.grid{
display:grid;
grid-gap:10px;
grid-template-columns:400px 400px;
grid-template-rows:400px 400px;
}
.cell{
border:black 2px solid;
}
#cell1{
grid-column-start:1;
grid-column-end:2;
grid-row-start:1;
grid-row-end:3;
}
#cell2{
grid-column-start:2;
grid-column-end:3;
}
#cell3{
grid-column-start:2;
grid-column-end:3;
}
.slider{
margin-top:10px;
}
.mysvg{
width:100%;
height:100%;
}
</style>
`
slider = Range([0,2*Math.PI],{step:.01})
s = Generators.input(slider)
2*Math.PI * 360/2*Math.PI
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.
