Student of math, d3, svg, etc. Prototyper of visualizations for electronics design and test.
async function getWikiPage (name) {
const response = await fetch(`https://en.wikipedia.org/w/api.php?format=json&origin=*&action=parse&prop=text&page=${name}`)
if(!response.ok){
throw new Error(response.status);
}
return response.json()
}
function getWikiImageFromPage (page, url=false) {
if(page && page.parse && page.parse.text){
const parser = new DOMParser();
const external = parser.parseFromString( page.parse.text["*"], "text/html");
const qsi = external.querySelector("img")
if(url){
if(qsi){
return qsi.src
}
}
return qsi ? qsi.cloneNode(true) : qsi // document.adoptNode();
}
}
async function getWikiImage (name, url=false) {
const page = await getWikiPage(name)
if(page && !page.error){
return await getWikiImageFromPage (page, url)
}
}
async function getWikiSummary (name) {
const response = await fetch(`https://en.wikipedia.org/api/rest_v1/page/summary/${name}`)
if(response.ok){
return response.json()
}
}
async function getWikiImageFromSummary (summary) {
if(summary.thumbnail){
return html`<img src= ${summary.thumbnail.source} />`
}
}
async function getWikiSummaryImage (name) {
const summary = await getWikiSummary(name)
if(summary){
return await getWikiImageFromSummary (summary)
}
}
page = getWikiPage('Infinity')
getWikiImageFromPage(page)
getWikiImage('Infinity')
summary = getWikiSummary('Infinity')
html `${summary.extract_html}`
getWikiImageFromSummary (summary)
getWikiSummaryImage('Infinity')
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.
