Public
Edited
Dec 13, 2023
Importers
Insert cell
Insert cell
viewof button = Inputs.button("Click me")
Insert cell
function defaultFontStack() {
const style = document.createElement("style");

style.textContent = `
// @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
h1,h2,h3,h4,h5 {
font-family:'Open Sans', sans-serif;
}
body {
font-family:'Open Sans', sans-serif;
}


/*Defining button stylings*/

// button {
// padding: 0.7rem;
// color: #F2F2F2;
// background-color:#FBFCFD;
// font-size:0.8rem;
// font-weight:500;
// border-radius: 4px;
// line-height:2rem;
// text-align:center;
// box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
// border: 2px solid #04AA6D;
// }

// button:hover {
// color: white;
// background-color:#04AA6D
// ;
// }
`;
document.head.appendChild(style);
}
Insert cell
defaultFontStack()
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