manifold = FileAttachment("markets.19adf94e.json").json()
metaculus = FileAttachment("metaculus-markets.50f96bd5.json").json()
polymarket = FileAttachment("polymarket-markets.67eaed54.json").json()
kalshi = FileAttachment("kalshi-markets.0b58f60f.json").json()
data = [...manifold, ...metaculus, ...polymarket, ...kalshi]
viewof search = Inputs.search(data)
function sparkbar(max) {
return (x) => htl.html`<div style="
background: var(--theme-blue);
color: black;
font: 10px/1.6 var(--sans-serif);
width: ${(100 * x) / max}%;
float: right;
padding-right: 3px;
box-sizing: border-box;
overflow: visible;
display: flex;
justify-content: end;">${x.toLocaleString("en-US")}`;
}
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.
