Public
Edited
Jan 6
Insert cell
Insert cell
<style>
.fire_text {
background: linear-gradient(-45deg, ${f1}, ${f2}, ${f3}, ${f4});
background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: gradient 1s ease infinite;
}

</style>
Insert cell
viewof f1 = Inputs.color({ value: "#fa0000" })
Insert cell
viewof f2 = Inputs.color({ value: "#d3dd46" })
Insert cell
viewof f3 = Inputs.color({ value: "#f47f1f" })
Insert cell
viewof f4 = Inputs.color({ value: "#d561ff" })
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