esnet / esnet/react-timeseries-charts

Successor: @pond-ts/charts (canvas React charts on pond-ts, by the original author)

Open
#511 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
876
Forks
279
PR merge metrics
No merged PRs in 30d

Description

I wrote react-timeseries-charts while I was at ESnet, and I'm opening this so anyone who lands here has a pointer to where the work went.

react-timeseries-charts hasn't had a release since 0.16.1 (May 2019), it depends on Pond.js 0.8/0.9 which is likewise unmaintained, and it renders through SVG/DOM, which is the ceiling most of the open performance issues here run into. Typescript support was always marginal.

The successor is [@pond-ts/charts](https://github.com/pond-ts/pond/tree/main/packages/charts). It has a very similar API (ChartContainer → ChartRow → layers → YAxis etc), is rebuilt on a canvas data plane, reads a [pond-ts](https://github.com/pond-ts/pond) TimeSeries or streaming LiveSeries directly (Pond-ts is fully rewritten, highly optimized replacement for pondjs). Line, area, band, bar, scatter, box plot, candlestick and heat-map layers; time, value and category axes; cursors, selection, pan/zoom, annotations; trading-time axes. Full Typescript support. It should do most of what react-timeseries-charts does and a lot more, with much better performance.

npm: @pond-ts/charts (peers on pond-ts, @pond-ts/react, React 18+)
docs: https://pond-ts.org/docs/charts/
Walkthrough: https://pond-ts.org/docs/learn-charts
Large-series rendering guide: https://pond-ts.org/docs/how-to-guides/rendering-large-series

It is pre-1.0, MIT, and actively maintained. It is not an ESnet project and I'm not speaking for ESnet. This is the original author pointing at the continuation.

Ask for the maintainers: a one-paragraph note at the top of the README (I'll open a PR with exactly that), and/or archiving this repository with the pointer in the description. Migration questions are welcome as issues on the pond-ts repo.

Contributor guide

Open the contributing guide

Research direction

Review the repository README and description alongside the linked @pond-ts/charts documentation. Confirm whether the maintainers want a successor note at the top of the README, repository archiving with a description pointer, or both; done means the chosen pointer is accurate and clearly directs users to the maintained project.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, typescript
Domain
documentation
Issue type
Documentation
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.