Public
Edited
Apr 22, 2024
3 stars
html`${models.map(jsonObjectToHTML).join("")}`
models = await (
await fetch(
"https://raw.githubusercontent.com/nomic-ai/gpt4all/main/gpt4all-chat/metadata/models3.json"
)
).json()
function jsonObjectToHTML(jsonObject) {
let html = `
<h2>${jsonObject.name}</h2>
<p>${jsonObject.description}</p>
<dl>`;
for (let key in jsonObject) {
if (key !== "name" && key !== "description" && jsonObject[key]) {
const value = "" + jsonObject[key] || "";
html += `<dt>${key}</dt><dd><code>${value.replace(
/\n/g,
"<br>"
)}</code></dd>`;
}
}
html += `</dl>`;
return html;
}
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.
