Published
Edited
Jun 6, 2020
Insert cell
Insert cell
Insert cell
Insert cell
dweet`
for(i=2e3;t<14&&i--;f=t>1&&T<-1,z=(T+3)*t*40,r=f*(t*80-z)*2+t,x.fillRect(i,f?z:t*80,1,r,x.fillStyle=R(q=255/(1+t),q*=2.3-f,q*=1.5-f,f+.2)))for(T=0,j=9;j--;T=T/2+S((i-960*S(t*k))*k/t/99))k=2**j
`
Insert cell
Insert cell
Insert cell
dweet`
for(X=f=c=>S(S(9*c/d)*t),Y=t/8-1.1,i=2e3;i--;x.fillRect(i,t*60,(1+f(X=i/480-2)*f(Y))*(d/2+Y),3))x.fillStyle=R(C(r=X*X+Y*Y)*125),d=r>1||T(r)
`
Insert cell
Insert cell
Insert cell
dweet`
c.width|=f=k=>(1-3/(4+9e9**(i-.5-t%4)))*w*(-2/(i+k&3)|1)-w/2
for(i=5;i--;x.rect(960+f(2),540+f(1),w,w))w=2**(i?7+t/4%1:12)
x.fill\`evenodd\`
`
Insert cell
Insert cell
Insert cell
dweet`
with(x)for(i=-6*t%1;i++<66;fill())for(beginPath(fillStyle=R(8*i,4*i),j=36);--j;arc(960,h+h*S(3*t)**2/i,h/i*(9+C(~~i+6*t^j)),b=9+j/9,b))h=777
`
Insert cell
Insert cell
Insert cell
dweet`
for(r=777,i=2e3;i--;x.fillRect(a+r,b+r,29,19))a=t*i*i*r%2e3-r,b=i-r,g=i/3+S(t)*a/24,x.fillStyle=R(A=S(t+a/g)*S(C(t/2)+t-b/g)*i,A+a/8,A+b,.3)
`
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