Published
Edited
Dec 17, 2020
2 forks
19 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
title = "Daily temperature at San Francisco International Airport" // update your title here
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
locale = "en"
Insert cell
function formatDate(date) {
return date.toLocaleString(locale, {
month: "long",
day: "numeric",
year: "numeric",
timeZone: "UTC"
});
}
Insert cell
Insert cell
style = html`<style>
:root {
--font-color-dark-theme: lightgrey;
--font-color-light-theme: black;
}

text.title {
text-anchor: middle;
font-size: 24px;
}

text.x-label {
text-anchor: middle;
font-size: 20px;
}

text.x-tick {
font-size: 8px;
}

.tooltip {
font-size: 12px;
}

.tooltip-circle {
stroke-width: 2px;
fill: none;
}
</style>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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