Owner of Hammies, former Jupyter core developer and co-lead of Jupyter Notebook and JupyterLab teams
contentImg = FileAttachment('content.jpg').image()
styleImg = FileAttachment('style2.jpg').image()
button({
label: 'Stylize',
onClick: async () => {
await model.initialize();
await clearCanvas();
output.width = contentImg.width;
output.height = contentImg.height;
model.stylize(contentImg, styleImg).then(imageData => {
ctx.putImageData(imageData, 0, 0);
});
}
})
output = html`<canvas height="250px"></canvas>`
mi = import('//cdn.skypack.dev/@magenta/image')
model = new mi.ArbitraryStyleTransferNetwork()
ctx = output.getContext('2d')
clearCanvas = async () => {
await mi.tf.nextFrame();
ctx.clearRect(0, 0, output.width, output.height);
await mi.tf.nextFrame();
}
import { renderedButton as button } from '@gnestor/react-components'
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.
