Sean Lynch

Results 423 comments of Sean Lynch

Thanks so much @dummdidumm 🫶 Tested the REPL example with the newly released [5.43.11](https://svelte.dev/playground/2b7d66954a79447581e5b3971171497e?version=5.43.11) and now seeing `~1000ms` 🎉 I'm still getting local lockups within the LayerChart docs even after...

Thanks @Rich-Harris, there is a very noticeable improvement 🎉 ## Production build Production [deployments](https://techniq-docs-v2.layerchart.pages.dev/docs/components/BarChart/examples) feel relatively close to pre-async (`3-4`s vs `4-5s` for a very demanding page) ### Current docs...

Reference for improved default styling ## [shadcn](https://ui.shadcn.com/charts) ![image](https://github.com/user-attachments/assets/275c5a69-a9f4-4814-b6a7-ab2350cbb5d6) ![image](https://github.com/user-attachments/assets/b3170f0d-d702-49e4-a9a6-8b5a6f277a3c) ## [tremor](https://www.tremor.so/docs/visualizations/area-chart) ![image](https://github.com/user-attachments/assets/ac8826de-a2ec-48c6-891f-7d738900f9c2) ![image](https://github.com/user-attachments/assets/919a038f-d3fd-4264-b293-e7f61fe8f902) ![image](https://github.com/user-attachments/assets/0e7ae906-2078-40d5-9028-7e96b27363f3) ![image](https://github.com/user-attachments/assets/03ea85fc-0c01-48ad-96ba-49f559a34504) ![image](https://github.com/user-attachments/assets/0697d642-139e-4be9-aee1-04876d7352f3) See also: - https://echarts.apache.org/examples/en/#chart-type-line - https://nivo.rocks/line/

Superseded by https://github.com/techniq/layerchart/pull/381

SVG reproduction when using CSS classes / variables will require some extra processing to fully reproduce visual. ![image](https://github.com/techniq/layerchart/assets/177476/63c75f14-326a-4e4f-b3ec-ce96d615d40b)

Mike Bostock's [examples](https://observablehq.com/@mbostock/saving-svg) of `serialize()` and `rasterize()` for SVG look straight forward (using `document.createTreeWalker()`. Likely how `Download SVG` and `Download PNG` are implemented (or at least the basics). ![image](https://github.com/techniq/layerchart/assets/177476/5dbd108d-9789-4199-a239-f3fbaef38ecb) see...

See [discussion](https://discord.com/channels/920755200552226868/1255566546714099796/1255925535205363964) for approach with SVG ```js function downloadSVG() { const svgEl = document.querySelector('.lc-layout-svg'); if (svgEl) { svgEl?.setAttribute('xmlns', 'http://www.w3.org/2000/svg'); svgEl.querySelector('.svg_text')?.classList.remove('hidden'); const svgString = new XMLSerializer().serializeToString(svgEl); const a = document.createElement('a'); a.href...

See [discussion](https://discord.com/channels/920755200552226868/1255566546714099796/1263448950564847639) for approach with Canvas ```javascript function downloadPNG() { const canvas = document.querySelector('.lc-layout-canvas') as HTMLCanvasElement; const ctx = canvas.getContext('2d'); const dataUrl = ctx?.canvas.toDataURL('image/png', 1); const a = document.createElement('a'); a.href...

Hi @jchen42703, thanks for the feedback. This will take some exploration to nail the mobile interactions, but is an area that definitely needs improved. Switching from pointer event back to...

For a temporary solution you might be able to leverage `` to access `context.tooltip` externally ([example](https://next.layerchart.com/docs/components/Tooltip#externally_access_tooltip_data)) or `