Show HN: React library for showing speedometer like gauge using D3

by palerdoton 11/14/2020, 1:06:13 PM with 2 comments
  • by purplecatson 11/14/2020, 7:36:38 PM

    what the hell -- this seems like such a random component to make and share on hacker news.

    what's even more bizarre is that this is _exactly_ what I've been wanting and even dreaming about all week. the exact same stack (react, d3), component interface, and even the color theme. in fact, I'd go as far as to say whatever I would have made would not have been as well productionized.

    After playing around with the csb a bit, here are some thoughts:

      * looks great! documentation and read me is great too
  * is there a way to change the max fps? frames become apparent on the onset of the animation when the starting and destination needle position are significantly distant
  * some of the `InOut` animations are jarringly "shaky", like `easeBounceInOut`
    also, just curious -- what was your motivation and use case for building this?

  • by palerdoton 11/14/2020, 1:07:01 PM

    Hi HN,

    Library author here. v1.0 was released recently with React 17 support (and v6 d3.js). I thought this would be a good time to get some feedback from people here.

    There are also Vue[0] and Svelte[1] libraries for anyone interested in those frameworks (all the three libraries share the same core).

    Glad to answer any questions.

    [0] - https://github.com/palerdot/vue-speedometer

    [1] - https://github.com/palerdot/svelte-speedometer