Published
Edited
Jan 29, 2021
1 star
Insert cell
md`# Embed Projects Status`
Insert cell
ChartHTML([
{ org: "silverswords", repo: "pulse" },
{ org: "silverswords", repo: "muses.minio" },
{ org: "abserari", repo: "abserari" },
{ org: "silverswords", repo: "mast" },
{ org: "oiar", repo: "pet-life" }
])
Insert cell
ChartHTML = array => {
let url = "";

for (let i = 0; i < array.length; i++) {
url += "r=";
url += array[i].org;
url += ",";
url += array[i].repo;
if (i == array.length - 1) {
break;
}
url += "&";
}
return html`
<div style="width:970px;height:690px;overflow:hidden;border:0px">
<div style="width:0px;height:0px;margin:-380px 10px 0px -30px;">
<iframe runat="server" style="width:1000px;height:1020px" frameborder="no" allowtransparency="yes" scrolling="no" src="https://seladb.github.io/StarTrack-js/#/preload?${url}"></iframe>
</div>
</div>
`;
}
Insert cell
html`<iframe runat="server" transform=scale(0.55); frameborder="no" allowtransparency="yes" scrolling="yes" height=700px width=800px src="https://seladb.github.io/StarTrack-js/#/preload?r=silverswords,pulse&r=abserari,abserari">`
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