Published
Edited
Jan 11, 2021
1 fork
Importers
7 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
fileInputCompiled = compileSVG(fileInputPreview.querySelector('svg'))
Insert cell
fileInputCompiledHTML = fileInputCompiled.outerHTML
Insert cell
Insert cell
Insert cell
inputElCount = exampleInput.querySelectorAll('*').length
Insert cell
Insert cell
exampleOutput = compileSVG(exampleInput)
Insert cell
outputElCount = exampleOutput.querySelectorAll('*').length
Insert cell
Insert cell
exampleOutputNoCon = compileSVG(exampleInput, { consolidate: false })
Insert cell
Insert cell
Insert cell
bugIn = svg`
<svg width="4in" height="3in" viewBox="0 0 200 150">
<g transform="translate(100 80) rotate(30) scale(1.5 0.5)">
<circle stroke=red stroke-width=7 fill=none r=50 />
</g>
</svg>`
Insert cell
bugOut = compileSVG(bugIn)
Insert cell
Insert cell
import { file } from '@jashkenas/inputs'
Insert cell
import { svgDownloadButton } from '@forresto/svg-download-button'
Insert cell
compileSVG = (await import('https://unpkg.com/@forresto/svg-to-cnc@0.0.2/build/index.js?module'))
.default
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