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..