search

react-native-china / react-native-animate-chart

📈 An chart library with animation based on react ART module and Animated.
MIT License
9 stars 2 forks source link

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

Open bitabs opened 6 years ago

bitabs commented 6 years ago

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 commented 6 years ago

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.

bitabs commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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

bitabs commented 6 years ago

@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 commented 5 years ago

@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 commented 2 years ago

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

bitabs commented 2 years ago

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

rizwanuu commented 2 years ago

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

rizwanuu commented 2 years ago

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

rizwanuu commented 2 years ago

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

charanteja0017 commented 2 years ago

hope this helps

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