The end-to-end solution for building and hosting better data apps, dashboards, and reports.
db = new DoltDatabaseClient({
host: "https://www.dolthub.com",
owner: "dolthub",
repo: "SHAQ"
})
db
class DoltDatabaseClient {
constructor({
host = "https://www.dolthub.com",
owner, // e.g., "dolthub"
repo, // e.g., "SHAQ"
branch = "main",
origin = `${host}/api/v1alpha1/${owner}/${repo}/${branch}`
}) {
this.origin = `${origin}`;
}
async sql(strings, ...args) {
if (strings.length > 1) throw new Error("query parameters not supported");
return fetch(`${this.origin}?${new URLSearchParams({q: strings[0]})}`)
.then(response => response.json())
.then(formatResults);
}
}
function formatResults({query_execution_status, query_execution_message, schema, rows}) {
if (query_execution_status !== "Success") throw new Error(query_execution_message);
return Object.assign(
rows.map(row => {
for (const {columnName, columnType} of schema) {
row[columnName] = formatValue(row[columnName], columnType);
}
return row;
}),
{columns: schema.map(({columnName}) => columnName)}
);
}
// https://docs.dolthub.com/interfaces/sql/sql-support/data-description
function formatValue(value, type) {
switch (type) {
case "TINYINT": return value === "1"; // boolean?
case "INT": case "DOUBLE": case "FLOAT": return +value;
case "DATETIME": return new Date(value.replace(" ", "T") + "Z");
case "DATE": return new Date(value);
default: return value;
}
}
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.
