The avatar for @suncodeearth
Shipeng Sun
Coding the Earth
Public
Edited
May 3, 2024
Fork of Markdown Basics
4
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
nyc_busi_stat2 = FileAttachment("nyc_busi_stat@2.csv").csv({typed: true})
Insert cell
Inputs.table(nyc_busi_stat2)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
screenshot20240223150626 = FileAttachment("Screenshot 2024-02-23 150626.png").image()
Insert cell
<figure>
${await FileAttachment("Screenshot 2024-02-23 150626.png").image({width: 900, height: 350, style: "border: 1px solid black"})}
<figcaption>A HTML File Attachment Example: NYS Congressional Districts</figcaption>
</figure>
Insert cell
Insert cell
![One image example in Markdown](${await FileAttachment("Screenshot 2024-02-23 150626.png").url()})
Insert cell
viewof start = Inputs.datetime({label: "Start date", value: "1982-03-06T02:30"})
Insert cell
Insert cell
Insert cell
Insert cell
<iframe width=${width} height="815" src="https://www.arcgis.com/apps/dashboards/2ccee9a7711d455c9eaacba26345519e" title="ArcGIS Dashboard" frameborder="1" allowfullscreen></iframe>
Insert cell
Insert cell
makeSeparator('grey', 100, 50);
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
html`<style>p { max-width: none; }</style>`
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