layerchart

layerchart copied to clipboard

With the recent addition of radial line/area charts, it would be great to support tooltips

• [x] Highlight
  • [x] points
  • [x] lines
  • [x] area
• [ ] modes
  • [x] bisect-x
  • [ ] bisect-y
  • [x] band
  • [x] voronoi
• [x] Manual path (for example Radar with multiple paths)

Examples

• https://observablehq.com/@analyzer2004/west-coast-weather-from-seattle-to-san-diego
• https://www.amcharts.com/demos/radar-with-date-axis/
• https://www.amcharts.com/demos/solid-gauge/

Just want to say, thanks for building LayerChart. Kudos for your continuous efforts.

I am using LayerChart for all chart needs except the radial one as it is currently lacking tooltip & highlight support.

Just curious if there is a possibility to have this new PR be part of any interim releases you have planned before the simplified-charts branch is fully merged ? Would love to remove Chart.js dependency at my end (to serve just this need).

Neverthless, Great work on the simplified-charts branch / shadcn-svelte integration. Looking forward.

@insidesmart thanks for the kind words. The 2 main outstanding items to merge the new Simplified Charts is to finish radial support, particularly bisect-x/y mode (radial voronoi is done), and work through AreaChart groups. I plan to have at least radial bisect done today, but if I can find enough time, I might be able to have them both done. Then I just need to prepare for the release. My goal is to merge by EoW at the latest, and if not, push a next preview release.

Does that sound good?

Here's some examples of the voronoi support available

https://github.com/user-attachments/assets/2ec990f9-2522-41ce-a99a-b0b737d7d9c3

Gr8 to know about the progress and the probable release dates. For now, I have converted the radial chart to bar chart (the rotate property in tickLabelProps was helpful here) and removed Chart.js dependency. Will definitely look into all other possibilities in layerchart in the upcoming weeks. Thanks again.

Curious what kind of radial chart you were using. Could you attached a screenshot?

There are a lot of radial use cases I've been thinking about / improving.

I was actually using a Radial Axis chart shown here -> https://www.chartjs.org/docs/latest/axes/radial/#angle-lines

Perfect, thanks. Radar is supported and works best with voronoi tooltips imo, but bisect x/y will be supported too.

Regarding additional radial charts, I'll be tracking support here

bisect-x available in simplified charts PR (example)

https://github.com/user-attachments/assets/9a131af4-3f30-4b09-925e-5186b072d1dc