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