svgomg VS react-native-svg

Another web-based SVG tool I use regularly is https://jakearchibald.github.io/svgomg/, an extremely configurable optimizer.

Im assuming if you click on the red dot you get to see the names. Try to get a svg without the names. Get it through SVGOMG https://jakearchibald.github.io/svgomg/ and then make a component out of it. Add click listener to the dots and voila

SVG Optimizer

SVGOMG for optimizing SVG

Use https://jakearchibald.github.io/svgomg/ to strip out all the unnecessary data.

I came here to say the same thing.

Somebody recently pointed me at a nice online GUI for svgo, so you can try it for yourself without installing anything: https://jakearchibald.github.io/svgomg/

Use what ever you to create it the run it through https://jakearchibald.github.io/svgomg/

React Native SVG: An open-source SVG library.

@wuba/react-native-echarts, An awesome charting library for React Native, built upon Apache ECharts and leveraging react-native-svg and react-native-skia. Offers significantly better performance compared to WebView-based solutions. If you want to learn more about the project's design principles, you can click here.

Second solution could be: a view that contains the image and the label, and draw a line with react-native-svg line function. See documentation https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md

Hi, I think this can help you: https://github.com/software-mansion/react-native-svg Is a little bit complicated, but you can create this chart with nice performance :)

perhaps you need to install https://github.com/software-mansion/react-native-svg

I never start from zero when it comes to svg, usually at work I used the one designers provide in figma and I manipulate it in case animations are needed. Fortunately https://github.com/software-mansion/react-native-svg has a declarative way to work with svg in conjunction to SVGR you can manipulate existing svgs.

but disappear before screen change. related