import {select} from "@jashkenas/inputs"
myFilesArray = Array.from(myFiles.keys());
selection.image( {width: 120} )
files23 = [
FileAttachment("2.png"),
FileAttachment("3.png"),
].reduce((o, f) => (o[f.name] = f, o), {})
html`<img src="${await files23["2.png"]}" style="height: 100px">`
html`<img src="${await storyImages[0].url}" style="height: 100px">`
<DIV id=i2>`${await storyImages[0].img}` </DIV>
<DIV id="i0"> </DIV>
d3 = require("d3-selection")
adjust = function adjust() {
const i0 = storyImages[0];
const width = 50;
var imgDiv = document.getElementById("i0");
d3.select(imgDiv).selectAll("img").remove();
d3.select(imgDiv)
.append("img")
.attr("width", width)
.attr("src", i0.url);
return 0;
}
storyImages[0];
getsmallImage = function getSmallImage() {
const i0 = (await storyImages[0].img).json();
const str = htl.html`${storyImages[0].img}`;
myCell.append(str);
document.getElementById("i0").innerHTML = str;
// document.getElementById("i0").innerHTML= '<img src=" + h0 + ">';
// document.getElementById("i0").innerHTML = '<img src=" + str + "/>';
// document.getElementById("i0").innerHTML = "hhh";
// document.getElementById("i0").innerHTML = '<img src=" +'<img src=" +`${await storyImages[0].url}` + "/>';
// document.getElementById("i0").width = "300";
return str;
}
dog = (await fetch(`https://dog.ceo/api/breeds/image/random`)).json()
FileAttachment("1.jpeg").image( {width: 100})
{
const str=keys[0];
FileAttachment(`str`).image();
}
<DIV id=i3>`${await vals[0]}` </DIV>
vals = [...files.values()];
keys = [...files.keys()];
files = {
const src = await (await fetch(moduleURL)).text();
const match = src.match(/\n\s+const fileAttachments = (new Map\(\[.+?);\n/s);
return match ? eval(match[1]) : new Map;
}
viewof notebook = notebookInput({value: '@observablehq/file-attachments'})
harcodedNotebook ='@observablehq/file-attachments'
moduleURL = notebook.module
// moduleURL = "@observablehq/d/2e92305f303bfe6c.js"
import {notebookInput} from '@mootari/notebook-input'
FileAttachment("1.jpeg").image()
untitled13 = FileAttachment("14.png").image()
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.
