Public
Edited
Jun 11, 2024
Insert cell
Insert cell
Insert cell
viewof hostName = Text({
label: "Host",
placeholder: "host name",
submit: 'refresh',
value: 'qa.datahub.nexperia.com',
datalist: ["qa.datahub.nexperia.com"]
})
Insert cell
Insert cell
Insert cell
viewof authorization = Inputs.text({ value: "-", label: "authentication", submit: "refresh" })
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import { Text } from "@observablehq/inputs"
Insert cell
Insert cell
SERVICE = import(`https://${libraryHostName}/javascripts/ui/classes/service.js`)
Insert cell
Presentation = import(`https://${libraryHostName}/javascripts/ui/lib/presentation.js`)
Insert cell
Insert cell
//JSGRAPHS = require(`https://${hostName}/javascripts/lib/js-graph-algorithms/src/jsgraphs.js`)
// from : https://observablehq.com/@observablehq/module-require-debugger
JSGRAPHS = require('https://bundle.run/js-graph-algorithms@1.0.18')
Insert cell
XLSX = require("https://unpkg.com/xlsx/dist/xlsx.full.min.js")
Insert cell
// broke due to certificate COLA = require("https://marvl.infotech.monash.edu/webcola/cola.js")
COLA = import("https://dydra.com/javascripts/lib/cola.js")
Insert cell
D3 = require("d3@6")
Insert cell
ChartGraphsDotParser = require('chartjs-chart-graph-dot-parser')
// var DG = require("https://nl4.dydra.com/javascripts/lib/dotgraph/js/dotgraph.js");
// var DG = require("https://nl4.dydra.com/javascripts/lib/dotparser/index.js");
//var GL = require('https://nl4.dydra.com/javascripts/lib/graphlib-dot/dist/graphlib-dot.js');
Insert cell
{
//set up library definitions
return [
document.JSGRAPHS = JSGRAPHS,
window.COLA = COLA,
document.XLSX = XLSX,
window.D3 = D3,
window.ChartGraphsDotParser = ChartGraphsDotParser
]
}
Insert cell
Insert cell
GD = import("https://dydra.com/javascripts/ui/classes/graphviz-data.js")
Insert cell
Element = import('https://dydra.com/javascripts/ui/lib/element.js')
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