open web tools for creativity and community
exampleSVG = svg`<svg width=100 height=100><circle r=50 cx=50 cy=50 /></svg>`
exampleButton = svgDownloadButton(exampleSVG)
function svgDownloadButton(svgnode, filename = 'download.svg') {
const downloadButton = html`<a class="download" download="${filename}" href="#" style="display: flex; align-items: center;">${download_icon.outerHTML} Save ${filename}</a>`;
downloadButton.onclick = function(e) {
var url = (downloadButton.href = URL.createObjectURL(serialize(svgnode)));
setTimeout(function() {
URL.revokeObjectURL(url);
}, 50);
};
return downloadButton;
}
import { serialize, download_icon } from '@kelleyvanevert/little-things'
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.
