LayerChart (@layerchart) 's Twitter Profile
LayerChart

@layerchart

Large collection of visualization components and utilities for Svelte, built upon the wonderful Layer Cake framework

ID: 1698833388801519616

linkhttps://www.layerchart.com/ calendar_today04-09-2023 23:00:29

22 Tweet

175 TakipΓ§i

2 Takip Edilen

Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

Harrison Using LayerChart's components, similar can be done in ~30 lines (ignoring imports). Not an exact reproduction for sure, but I think I captured all the general ideas. layerchart.com/docs/examples/…

Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

πŸ“£Announcing Svelte UX and LayerChart theming along with improved Intl/locale support, and more! The day is finally here... Svelte UX and LayerChart official releases have been published that include theme support via semantic and state classes, enabling light/dark mode

πŸ“£Announcing <a href="/SvelteUX/">Svelte UX</a> and <a href="/LayerChart/">LayerChart</a> theming along with improved Intl/locale support, and more!

The day is finally here... Svelte UX and LayerChart official releases have been published that include theme support via semantic and state classes, enabling light/dark mode
Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

πŸŽ‰ Radial line/area charts In the latest `0.60.3` release, LayerChart's `Axis`, `Spline`, `Area`, and `Points` components have been updated with radial support. A few time-series and radar examples have been added to see how to leverage the new capability. Also, Tooltips now

πŸŽ‰ Radial line/area charts

In the latest `0.60.3` release, <a href="/LayerChart/">LayerChart</a>'s `Axis`, `Spline`, `Area`, and `Points` components have been updated with radial support.  A few time-series and radar examples have been added to see how to leverage the new capability.

Also, Tooltips now
Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

Gradients make everything look better 😁 Small QoL release for LayerChart (0.31.0) βœ”οΈŽ AreaStack added default slot to enable full customization of each Area, including wrapping in LinearGradient. layerchart.com/docs/examples/… βœ”οΈŽ Simplify overwriting x/y accessors for Area,

Gradients make everything look better 😁

Small QoL release for <a href="/LayerChart/">LayerChart</a> (0.31.0)

βœ”οΈŽ AreaStack added default slot to enable full customization of each Area, including wrapping in LinearGradient.
layerchart.com/docs/examples/…

βœ”οΈŽ Simplify overwriting x/y accessors for Area,
Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

πŸŽ‰ Geo Voronoi support and new GeoSpline/GeoEdgeFade components LayerChart Voronoi now supports geo visualizations, using the wonderful github.com/Fil/d3-geo-vor…. This is especially helpful for adding tooltips to points, when using the geo path (such as a county/state/country)

Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

Big LayerChart release πŸŽ‰ `0.37.0` brings 5️⃣big features, especially for Canvas and Geo visualizations See examples in posts below πŸ‘‡ β†’ Chart integrated `transform` context, which greatly simplifies setup (especially geo) and provides Canvas support! β†’ Enhanced `Svg` and

Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

πŸ–ŒοΈ Brush component New brush component has been added to LayerChart with the following features: β†’ Single `x` or `y` axis or `both` for area scrubbing β†’ Integrate in a single Chart, or use separate for easy scrubbing β†’ Synchronize views simply using `bind:xDomain` β†’ Works

Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

⚠️ Much improved Typescript and A11y support in Svelte UX and LayerChart A considerable effort was made to improve both projects Typescript and A11y support, with progress to continue (especially during the Svelte 5 migration). Never again will either project pollute your

Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

I see some LayerChart in the wild! Not all the visualizations are created with LayerChart. I like their strategy of each team member owning and independently working to create each chart. See below for a few charts I identified as being built with LayerChart (although

Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

πŸŽ‰ Massive LayerChart release I am proud to announce the highly anticipated 0.50 release of LayerChart! Highlights: βœ… Simplified Charts (with series support) βœ… Improved and simplified radial support βœ… More versatile and less opinionated tooltips βœ… New color and x1/y1

πŸŽ‰ Massive LayerChart release 

I am proud to announce the highly anticipated 0.50 release of <a href="/LayerChart/">LayerChart</a>!

Highlights:
βœ… Simplified Charts (with series support)
βœ… Improved and simplified radial support
βœ… More versatile and less opinionated tooltips
βœ… New color and x1/y1
Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

LayerChart 0.54 released with some nice enhancements 🎨 BarChart color scale integration ⊞ New Grid component with improved band scale and radial support β†ͺ Simplified mark overrides for simplified charts, useful for adding gradients and motion πŸ—¨οΈ Tooltip context binding for

Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

Both LayerChart and Svelte UX docs are now running with Svelte 5, which are testaments to how well the Svelte maintainers focused on backwards compatibility 🫢 The plan for both libraries is to maintain Svelte 3-5 compatibility through their 1.x releases, but begin the

Sean Lynch πŸ¦‹ @techniq.dev (@techniq35) 's Twitter Profile Photo

Adding a <Marker> component for LayerChart, which has a lot of use cases (axis, geo path, annotation, etc), and is also part of a bigger feature coming soon..

Adding a &lt;Marker&gt; component for LayerChart, which has a lot of use cases (axis, geo path, annotation, etc), and is also part of a bigger feature coming soon..