Web developer and autodidact with an interest in creative coding.
// https://vectr.com/tmp/a231dSxOiT/a1z9r8iRT
viewof paths = Object.defineProperty(
html`<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="60 120 440 230" width="400"><defs><path d="M412.5 334.5C367.83 335.83 339.5 335.83 327.5 334.5C309.5 332.5 304.5 322.5 294.5 301.5C284.5 280.5 297.5 256.5 312.5 235.5C327.5 214.5 338.5 226.5 358.5 226.5C378.5 226.5 382.5 210.5 383.5 190.5C384.5 170.5 384.5 169.5 363.5 160.5C342.5 151.5 313.5 160.5 299.5 164.5C285.5 168.5 272.5 190.5 263.5 206.5C254.5 222.5 242.5 270.5 235.5 290.5C228.5 310.5 209.5 326.5 179.5 334.5C159.5 339.83 123.83 339.83 72.5 334.5" id="bb0ba4vOL"></path><path d="M412.5 235.5C373.5 234.5 335.5 249.5 317.5 256.5C299.5 263.5 298.5 263.5 290.5 252.5C282.5 241.5 293.5 236.5 306.5 227.5C319.5 218.5 336.5 239.5 351.5 232.5C366.5 225.5 358.5 221.5 363.5 209.5C368.5 197.5 374.5 201.5 386.5 193.5C398.5 185.5 393.5 177.5 394.5 162.5C395.5 147.5 386.5 148.5 372.5 146.5C363.17 145.17 356.17 146.17 351.5 149.5L323.5 168.5C302.17 175.83 286.83 180.83 277.5 183.5C263.5 187.5 264.5 191.5 253.5 201.5C242.5 211.5 237.5 214.5 226.5 223.5C215.5 232.5 206.5 233.5 194.5 235.5C186.5 236.83 145.83 236.83 72.5 235.5" id="a4kci4nvCU"></path></defs><g><g><g><use xlink:href="#bb0ba4vOL" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="1"></use></g></g><g><g><use xlink:href="#a4kci4nvCU" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="1"></use></g></g></g></svg>`,
'value',
{
get() { return ['a4kci4nvCU', 'bb0ba4vOL'].map(id => this.getElementById(id)) }
}
)
Warp = require('warpjs')
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.
