How to animate line graph on ECG real-time data?

[itisnas]

Firstly, great job on this repo. Can't wait for it to get better.

I'm currently trying to use this module to use a line graph for my ECG data and animate it with new data.

Is it possible to use real-time data and show it in a line graph? Here is what I mean by animation.

Please let me know.

Thanks

[Obooman]

This library designed for display prepared data, so real-time data rendering may not be the target.
But for react-native-ART, it's absolutely possible, You can check this as a reference and try it by hand, or I can write a library for such needs(be called real-time graph or something), if you prefer the second choice it can be available around next week.

[itisnas]

Mate, would you be able to give it ago and hope to make it ready for next week? I pretty much think having a separate repo just for real-time would be a bit hit, and would help the community greatly. Really appreciate it. @Obooman

[YaweiZhang-930]

Good job! I am having the same issue displaying the real-time data for line chart. @Obooman do you have some ideas how to animate the line graph with real time data? Much appreciated!

@NaseebullahSafi hey did you get any chance figuring out how to animate real-time data and render the line chart?

[michaelczw]

@NaseebullahSafi Hey, I'm working on a similar react-native project to render a real-time ECG chart while streaming data from a device.

I've come to realise that it's only doable using native modules to render the data to screen, especially with a sampling at a 50Hz frequency, avoiding the single JS thread that react-native depends on. Attempting to read the data from react-native will jam up the JS thread and freeze the app.

[itisnas]

@Yaweii @michaelczw I'm afraid with the current support for graphs, it is not possible to produce real-time ECG chart. I spent considerably long time trying to fix this, but it seems its just not possible. One "hack" way was to use highchartsjs and render the line chart every 10 seconds. (note: 10 seconds interval will create smooth ECG animation).

If you want a complete log, I'll go in more details.

[yanb2016]

@NaseebullahSafi @Yaweii Do you guys get the ECG data from Apple Healthkit, or somewhere else? I am currently working on a project, trying to animate ECG data, but seems I can't get data from Healthkit like getting Steps and others. Any thoughts?

[rizwanuu]

hi, i am also working on this ECG animation and graph. is there any package for this? anyone can help?

[itisnas]

As for me, I had the data coming through from my Arduino.

[rizwanuu]

@TheCapedBaldi can you tell me.
are you working in react native? And your chart is animating?

[rizwanuu]

I want to implement an ECG chart in react-native.

[rizwanuu]

is here anyone who implement an ECG chart in react-native?

[charanteja0017]

hope this helps

link : https://codepen.io/alexmwalker/pen/jjOmMV