Published
Edited
Aug 14, 2019
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell


svg`<svg width=300 height=300>
<g transform="translate(100 100)">
<circle cx="${pivot[0]}" cy="${pivot[1]}" r="10" fill="red" />

<rect x="10" y="10" width="80" height="80" fill="none" stroke="silver"/>

<path
d="${path}"
stroke="black"
fill="none"
stroke-width="2"
/>

<path
transform="rotate(20 ${pivot[0]} ${pivot[1]})"
d="${path}"
stroke="MediumSeaGreen "
fill="none"
stroke-width="1"
/>

<path
transform="${`
translate(${pivot[0]} ${pivot[1]})
rotate(20)
translate(-${pivot[0]} -${pivot[1]})

`}"
d="${path}"
stroke="dodgerblue"
fill="none"
stroke-width="1"
/>

</g>
</svg>`
Insert cell
d3 = require("d3@5")
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