search

weknowinc / react-bubble-chart-d3

React Bubble Chart using D3
MIT License
57 stars 57 forks source link

Can this be ported to React Native? #27

Open mafiusu opened 5 years ago

mafiusu commented 5 years ago

Hello I just wondered if this library can be ported to React Native and if yes? What should I consider if I do?

jmsv23 commented 5 years ago

This library use D3 for the graphics, on react native the svg's are handle in a particular way and the styles are different that the web standar, i am not entirely sure if D3 play nice with react native, but you can investigate the way to display graphics inside of a webview and use this library

PotLid commented 5 years ago

You can refer the structural design of React JS, but need to change its component into targeted devices compatible component in React Native. https://facebook.github.io/react-native/docs/components-and-apis.html

Check the React Native's API DOC

mafiusu commented 5 years ago

@jmsv23 @PotLid I'll definitely look into it since React Native supports almost all kind of svg elements ( Svg, Rect, Circle, Ellipse, Line, Polygon, Polyline, Path, Text, TSpan, TextPath, G, Use, Symbol, Defs, Image, ClipPath, LinearGradient, RadialGradient, Mask & Pattern)

PotLid commented 5 years ago

@mafiusu Yes, Probably compatible elements can be used under Native Env. without any kinds of heavy modifications, yet If you use JSX (HTML) syntax which is not compatible, you need to fix it later on accordingly to the Native Env.

p.s If your issue is resolved, please close the issue. If it isn't, leave comments in the issue section, thanks.