Public
Edited
Nov 24, 2023
Type Markdown, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
introPlot = () => {
return Plot.plot({
aspectRatio: 1,
x: { domain: [-10, 10] },
y: { domain: [-10, 10] },
clip: true,
marks: [
Plot.frame({
opacity: 0.5,
stroke: d3.schemeTableau10[0],
strokeWidth: 2
}),
Plot.ruleX([0], { opacity: 0.5 }),
Plot.ruleY([0], { opacity: 0.5 }),
Plot.dot(complexPoints, {
x: "x",
y: "y",
fill: "gray",
r: 5,
tip: true
})
]
});
}
Plot.plot({
height: 630,
width: width,
x: { domain: [-10, 180], label: "theta" },
y: { domain: [-40, 40], label: "r" },
clip: true,
marks: [
Plot.frame({
opacity: 1,
stroke: d3.schemeTableau10[2],
strokeWidth: 2,
fill: "black"
}),
Plot.ruleX([0], { opacity: 0.5 }),
Plot.ruleY([0], { opacity: 0.5 }),
...complexSlope
.flatMap(({ m, b }) =>
build_samples((x) => m * x + b, -10, 10, { N: 50 }).map((point) =>
build_samples(
(theta) =>
point[0] * Math.cos((theta * Math.PI) / 180) +
point[1] * Math.sin((theta * Math.PI) / 180),
-10,
180,
{ N: 10 }
)
)
)
.map((points, i) => Plot.line(points, { stroke: "white", opacity: 0.2 }))
]
})
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.
