# React Native Charts Bundle

**URL:** <https://forum.bubble.io/t/react-native-charts-bundle/364763>\
**Category:** Plugins\
**Created:** [March 26, 2025, 3:51pm UTC](https://forum.bubble.io/t/react-native-charts-bundle/364763 "2025-03-26T15:51:47Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [March 26, 2025, 3:51pm UTC](https://forum.bubble.io/t/react-native-charts-bundle/364763/1 "2025-03-26T15:51:47Z")

</div>

This plugin helps you visualize data beautifully in your mobile app using native-rendered charts. Whether you’re showing trends, progress, or comparisons — this plugin gives you an easy way to do it using familiar Bubble inputs.

📦 Available Charts (so far)

Bar Chart: Visualize values as horizontal or vertical bars, with support for legends, progress-style fill, and custom styling.

Editor: [ncv-react-plugins | Bubble Editor](https://bubble.io/page?id=ncv-react-plugins&tab=Design&name=charts&type=page&mobile_plugins=true)

Demo link: [https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug\_mode=true&preview\_view=charts](https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=charts)

🚀 Getting Started  
Drop a chart element onto your page (starting with Bar Chart) and configure the available properties. Pass in your data, choose the layout style, and you’re good to go.

More chart types like Line Charts, Pie Charts, and more are coming soon.

📚 Full Documentation

For a detailed guide on available properties, interactivity, and future chart types, visit:

[[No-Code Venture](https://docs.nocodeventure.com/react-native)

Plugin Link: [React Native Charts Bundle Plugin | Bubble](https://bubble.io/plugin/react-native-charts-bundle-1742913296059x783669948004958200)

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/8/6/8681cfad3aef671724fbb66f86542eda60962ba9.png) ![image](https://us1.discourse-cdn.com/bubble/original/3X/5/b/5bca3f5e3c29337cefbbcbb136ed75eb1be48d43.png)

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [July 18, 2025, 11:09am UTC](https://forum.bubble.io/t/react-native-charts-bundle/364763/2 "2025-07-18T11:09:35Z")

</div>

We just launched a few more charts.

📉 Pie Chart

📉 Line Chart

📉 Funnel Chart

📉 Org Chart

📉 Multi-Series Chart

 ![screely-1752836888364](https://us1.discourse-cdn.com/bubble/original/3X/b/c/bc42f42cb3cb2ad8b26586ca76944eb94563919b.png)  
 ![screely-1752836940453](https://us1.discourse-cdn.com/bubble/original/3X/3/7/37036ba457a146035ca2a882b1bdbdacb7088c38.png)  
 ![screely-1752836927656](https://us1.discourse-cdn.com/bubble/original/3X/2/e/2ef2c895128af085ab3b16598b74dd425b9a6170.png)  
 ![screely-1752836917899](https://us1.discourse-cdn.com/bubble/original/3X/4/a/4a487206c5577ffe06693e29cdfef96bc9ffcbc2.png)  
 ![screely-1752836902056](https://us1.discourse-cdn.com/bubble/original/3X/7/b/7b452b12420f5954fd79b9669afb9fa302cbba38.png)

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [July 24, 2025, 9:06pm UTC](https://forum.bubble.io/t/react-native-charts-bundle/364763/3 "2025-07-24T21:06:25Z")

</div>

Added candle sticks chart!

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/e/3/e399be8bd7355b89d8f98b2aeabb94fd6914687c.png)

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [July 31, 2025, 5:49pm UTC](https://forum.bubble.io/t/react-native-charts-bundle/364763/4 "2025-07-31T17:49:22Z")

</div>

Just added Polar / Area Chart. Flexible JSON configuration, you are not limited by input fields.

Demo link: [https://ncv-react-charts.bubbleapps.io/version-test/api/1.1/mobile/preview?debug\_mode=true&preview\_view=polar\_area](https://ncv-react-charts.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=polar_area)

Docs link: [Polar / Area | No-Code Venture](https://docs.nocodeventure.com/react-native-plugins/charts-bundle-bubble-mobile/polar-area)

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/6/6/6660536d978a49bb212f96c6bfcf4018e86263fc.png)

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [August 13, 2025, 4:45pm UTC](https://forum.bubble.io/t/react-native-charts-bundle/364763/5 "2025-08-13T16:45:32Z")

</div>

The funnel chart now supports dynamic data.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/1/9/19ec0808e46f4bcd950fc5878076d9be66550f56.png)

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/e/c/eca7f4e6efb9573549dd3be4cd6959bcc737c0a1.png)

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [June 5, 2026, 11:19am UTC](https://forum.bubble.io/t/react-native-charts-bundle/364763/7 "2026-06-05T11:19:39Z")

</div>

The list of charts has been updated

📉 Bar Chart (Vertical & Horizontal)  
📉 Pie Chart  
📉 Line Chart  
📉 Funnel Chart  
📉 Org Chart  
📉 Multi-Series Chart  
📉 Candle Stick  
📉 Polar / Area  
📉 Multiseries Pie  
📉 SVG Dougnut Chart  
📉 Radar Skip Points  
📉 Waterball Gauge  
📉 Pack Chart  
📉 Treemap  
📉 Stacked Bar Chart  
📉 Slope Chart