sun2 = html`
<center><svg viewBox="-7.5 -7.5 15 15" style="max-width: 800;"text-anchor="middle" font-family="sans-serif" >
${images.map (d => svg`<line x1="0" y1="0" x2="${d.phi * Math.sin(d.rho)}" y2="-${d.phi * Math.cos(d.rho)}" stroke="gold" stroke-width="0.01" stroke-opacity=110 /> <title>${d.name}</title> `)}
${images.map (d => svg`<line x1="0" y1="0" x2="${d.phi * Math.sin(d.rho)}" y2="${d.phi * Math.cos(d.rho)}" stroke="gold" stroke-width="0.01" stroke-opacity=110 /> <title>${d.name}</title> `)}
<line x1="0" y1="-6" x2="0" y2="10" stroke="red" stroke-width="0.2" stroke-opacity=110 />
<line x1="-6" y1="0" x2="6" y2="0" stroke="red" stroke-width="0.2" stroke-opacity=110 />
<text x=0 y=0.27 font-size = 1>🌹</text> `
sun23 = html`
<center><svg viewBox="-7.5 -7.5 15 15" style="max-width: 800;"text-anchor="middle" font-family="sans-serif" >
${data.map (d => svg`<line x1="0" y1="0" x2="${d.phi * Math.sin(d.rho)}" y2="-${d.phi * Math.cos(d.rho)}" stroke="blue" stroke-width=".01" stroke-opacity=110 /> <title>${d.name}</title> `)}
${data.map (d => svg`<line x1="0" y1="0" x2="${d.phi * Math.sin(d.rho)}" y2="${d.phi * Math.cos(d.rho)}" stroke="blue" stroke-width=".01" stroke-opacity=110 /> <title>${d.name}</title> `)}
<line x1="0" y1="-6" x2="0" y2="10" stroke="red" stroke-width="0.2" stroke-opacity=110 />
<line x1="-6" y1="0" x2="6" y2="0" stroke="red" stroke-width="0.2" stroke-opacity=110 />
`
file = FileAttachment("polardist_image.csv")
data = d3.csvParse(await file2.text())
data@1.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
polardist_image@1.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
data@2.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
file2 = FileAttachment("data@2.csv")
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.
