`<BarChart radial>` coming along nicely - ThreadSky | a Reddit-style client for Bluesky

techniq.dev • 49 days ago

`` coming along nicely

Comments

ardond.bsky.social•48 days ago

That’s beautiful. Which underlying component and language is that?

techniq.dev•48 days ago

Thanks @ardond.bsky.social. It's Svelte (typescript) leveraging a lot of d3 under the hood.

You can see it in action in this PR preview:
https://huntabyte-next-work.layerchart.pages.dev/docs/components/BarChart#radial_(vertical)

It's part of the upcoming LayerChart 2.0.0-next.2 release, which includes a Svelte 5 migration.

ardond.bsky.social•48 days ago

I’m mostly using Angular v19. Would be nice if there was a way to do what you’re doing. Is looks amazing

techniq.dev•48 days ago

FWIW I know of a user that was experimenting with running LayerChart within a React project.

Some discussion here:
https://discord.com/channels/920755200552226868/1313499993205768315/1315655945732493433

PoC repo:
https://github.com/GitNoise/react-svelte_layerchart

Not sure how it progressed from there though.

techniq.dev•49 days ago

Also have `` and contemplating where each distinguishes itself

jonathonrp.github.io•49 days ago

I think it should distinguish the horizontal radial bar chat should just be arc

techniq.dev•49 days ago

Thanks @jonathonrp.github.io. What I need to think through / experiment with is how series (and with their own data), accessors, axis, and general props work for various use cases.

ATM `` doesn't support an axis/grid (it should) but `` does.

techniq.dev•49 days ago

How each series is handled, especially with regards to seriesLayout="stack", and various other use cases.

Right now `` is able to provide a more streamlined experience for simpler use cases, but is hitting limits (and could just need a more robust impl.).

techniq.dev•49 days ago

You can see the progress / approach to both here:
https://huntabyte-next-work.layerchart.pages.dev/docs/components/ArcChart
https://huntabyte-next-work.layerchart.pages.dev/docs/components/BarChart

To complicate the matters, PieChart also handles some of these use cases (and is the original basis of ArcChart) in LayerChart 1.0.0

techniq.dev•49 days ago

Trying to find the sweet spot that aligns with a user's intuition. At the end of the day, there's sometimes just more way to skin a cat 🤣

jonathonrp.github.io•49 days ago

My intuition as a user given this information, is arc would be for simple data and simple pie/ radial chart, but radial bar for more complicated data or pie/radial chart. I feel I would use arc more for its simple API for what I feel is pretty simple data that I would be using.

techniq.dev•49 days ago

Great feedback! That's how I'm leaning as well, and currently what ArcChart focuses on (especially for single value (with a track) or basic series (Apple fitness rings for example).

Comments

Posting Rules

Reply