How to animate line graph on ECG real-time data? about react-native-animate-chart HOT 12 OPEN

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.

from react-native-animate-chart.

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

from react-native-animate-chart.

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?

from react-native-animate-chart.

@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.

from react-native-animate-chart.

@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.

from react-native-animate-chart.

@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?

from react-native-animate-chart.

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

from react-native-animate-chart.

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

from react-native-animate-chart.

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

from react-native-animate-chart.

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

from react-native-animate-chart.

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

from react-native-animate-chart.

hope this helps

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

from react-native-animate-chart.