The avatar for @stroked
Ajay
Published
Edited
Feb 6, 2020
1 star
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
Penrose3 = html`

<svg height=300 viewBox="0 0 400 400">
<rect height=400 width=400 fill=none stroke="silver"></rect>


<line x1=${points1[0][0]} y1=${points1[0][1]} x2=${points2[1][0]} y2=${points2[1][1]} stroke=black></line>
<line x1=${points1[1][0]} y1=${points1[1][1]} x2=${points2[2][0]} y2=${points2[2][1]} stroke=black></line>
<line x1=${points1[2][0]} y1=${points1[2][1]} x2=${points2[0][0]} y2=${points2[0][1]} stroke=black></line>
</svg>
`
Insert cell
Insert cell
Insert cell
Insert cell
points1[2]
Insert cell
getExtensionPoints([0, 0], [10, 10])
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
triplePoint(sideLength + extension, [200, 200])
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

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