Published
Edited
Oct 27, 2020
5 forks
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
mySvg = html`
<svg>
</svg>
`
Insert cell
Insert cell
colors = ["rgb(185,100,198)", "rgb(47,110,116)", "rgb(240,137,51)"]
Insert cell
Insert cell
mySvg2 = html`
<svg>
</svg>
`
Insert cell
Insert cell
penguins = d3.csv(
"https://raw.githubusercontent.com/allisonhorst/palmerpenguins/master/inst/extdata/penguins.csv",
d3.autoType
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3.scale
Insert cell
height = 300
Insert cell
scatter = {
let svg = d3.create("svg")
.attr("width", width)
.attr("height", height)
return svg.node()
}
Insert cell
Insert cell
xAxis = (svg) => {
return svg
}
Insert cell
md`### Legend
`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3 = require("d3@6")
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