react-native-gifted-charts

    The most loved library for Bar, Line, Area, Pie, Donut, Stacked Bar, Population Pyramid and Radar charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.

    Language: typescript

    Author: Zoe Perkins (@zoe_perkins)

    10 stars · 291 views

    Files

    • SimpleBarAnimated.tsx (tsx)
    • SimpleBlueBarsVerticalLines.tsx (tsx)
    • SimpleBarsEndReached.tsx (tsx)
    • BarWithGradient.tsx (tsx)
    • StackPairWithPattern.tsx (tsx)
    • StackWithNegative.tsx (tsx)
    • BarChartWithGivenNumberOfVerticalLines.tsx (tsx)
    • BarPairWithLine.tsx (tsx)
    • RoundStackBar.tsx (tsx)
    • ShiftXaxisLabels.tsx (tsx)
    • BarThreeD.tsx (tsx)
    • index.tsx (tsx)
    • criticalReview.tsx (tsx)
    • RadarChart (txt)
    • MultipleLineLabel.tsx (tsx)
    • audience-requested-charts (txt)
    • SecondaryLineBar.tsx (tsx)
    • animOnDataChange.tsx (tsx)
    • PieFocus.tsx (tsx)
    • Mgan.tsx (tsx)
    • ClickToChangeBarColor.tsx (tsx)
    • MultiSegmented.tsx (tsx)
    • multiPointer.tsx (tsx)
    • highlightXaxis.tsx (tsx)
    • triangularBars.tsx (tsx)
    • FocusOnPress.tsx (tsx)
    • barLineSeparateData.tsx (tsx)
    • audn.tsx (tsx)
    • OnlyLine.tsx (tsx)
    • .prettierrc.js (js)
    • .github (github)
    • workflows (txt)
    • screenshot-tests.yml (yml)
    • ISSUE_TEMPLATE (txt)
    • bug_report.yaml (yaml)
    • config.yml (yml)
    • release-notes (txt)
    • release-notes.md (md)
    • metro.config.js (js)
    • demos (txt)
    • mid.png (image)
    • stackOverflow.png (image)
    • altBars.svg (image)
    • scrollLine.gif (image)
    • pieExt.png (image)
    • ppnLabelled.png (image)
    • bubble.png (image)
    • gitLogo.png (image)
    • stacks.png (image)
    • pyrLarge.png (image)
    • animatedDataLine.gif (image)
    • outward.png (image)
    • stackHighlight.gif (image)
    • crossHair.gif (image)
    • lineArrow.png (image)
    • discord.png (image)
    • barPairs.svg (image)
    • favicon.png (image)
    • focusPoint.gif (image)
    • rotatePie.gif (image)
    • arrowBase.png (image)
    • pie.png (image)
    • cappedCombined.png (image)
    • redditLogo.png (image)
    • strips.png (image)
    • radar.png (image)
    • multiColorY.png (image)
    • inward.png (image)
    • lineArea.png (image)
    • bars.png (image)
    • barLabelled.png (image)
    • stackdesc.png (image)
    • npmIcon.png (image)
    • rainbow.png (image)
    • arrowProps.png (image)
    • pielabbelled.svg (image)
    • jest.config.js (js)
    • TESTS.md (md)
    • CONTRIBUTING.md (md)
    • ios (txt)
    • GiftedCharts.xcodeproj (xcodeproj)
    • xcshareddata (txt)
    • xcschemes (txt)
    • GiftedChartsTests (txt)
    • GiftedCharts (txt)
    • AppDelegate.h (h)
    • Images.xcassets (xcassets)
    • AppIcon.appiconset (appiconset)
    • Contents.json (json)
    • Contents.json (json)
    • .xcode.env (env)
    • GiftedCharts.xcworkspace (xcworkspace)
    • xcshareddata (txt)
    • src (txt)
    • PopulationPyramid (txt)
    • LineChart (txt)
    • styles.tsx (tsx)
    • utils (txt)
    • index.ts (ts)
    • todos.md (md)
    • PieChart (txt)
    • index.tsx (tsx)
    • BarChart (txt)
    • styles.tsx (tsx)
    • PieChartPro (txt)
    • Components (txt)
    • AnimatedThreeDBar (txt)
    • styles.tsx (tsx)
    • BarSpecificComponents (txt)
    • BarAndLineChartsWrapper (txt)
    • renderLineInBarChart (txt)
    • common (txt)
    • BubbleChart (txt)
    • RadarChart (txt)
    • ATTRIBUTION.md (markdown)
    • docs (txt)
    • PopulationPyramid (txt)
    • PopulationPyramid.md (md)
    • LineChart (txt)
    • LineChartBicolorProps.md (md)
    • LineChartProps.md (md)
    • PieChart (txt)
    • PieChartProps.md (md)
    • BarChart (txt)
    • BarChartProps.md (md)
    • docs.md (md)
    • BubbleChart (txt)
    • BubbleChartProps.md (md)
    • dev (txt)
    • LineChart (txt)
    • MultiLine.md (md)
    • Focusing.md (md)
    • index.md (md)
    • LineChart.drawio.svg (image)
    • gifted-charts-architecture.drawio.svg (image)
    • PieChart (txt)
    • index.md (md)
    • BarChart (txt)
    • BarChart.drawio.svg (image)
    • index.md (md)
    • index.md (md)
    • RadarChart (txt)
    • RadarChartProps.md (md)
    • android (txt)
    • gradle (txt)
    • wrapper (txt)
    • app (txt)
    • src (txt)
    • debug (txt)
    • java (txt)
    • com (txt)
    • giftedcharts (txt)
    • ReactNativeFlipper.java (java)
    • main (txt)
    • java (txt)
    • com (txt)
    • giftedcharts (txt)
    • MainApplication.java (java)
    • MainActivity.java (java)
    • res (txt)
    • values (txt)
    • mipmap-mdpi (txt)
    • ic_launcher.png (image)
    • ic_launcher_round.png (image)
    • mipmap-xhdpi (txt)
    • ic_launcher.png (image)
    • ic_launcher_round.png (image)
    • mipmap-xxxhdpi (txt)
    • ic_launcher.png (image)
    • ic_launcher_round.png (image)
    • mipmap-xxhdpi (txt)
    • ic_launcher.png (image)
    • ic_launcher_round.png (image)
    • mipmap-hdpi (txt)
    • ic_launcher.png (image)
    • ic_launcher_round.png (image)
    • __tests__ (txt)
    • TestCases.md (md)
    • __snapshots__ (txt)
    • PieChart.test.tsx (tsx)
    • LineChart.test.tsx (tsx)
    • BarChart.test.tsx (tsx)
    • index.js (js)
    • jestSetup.js (js)
    • .eslintrc.js (js)
    • app.json (json)
    • README.md (md)
    • tsconfig.json (json)
    • App.js (js)
    • babel.config.js (js)
    • LICENSE (txt)
    • package.json (json)
    • examples (txt)
    • LineChart (txt)
    • SecondaryLineChartFromDataSet.tsx (tsx)
    • SimpleBlueLineWithGivenNumberOfVerticalLines.tsx (tsx)
    • AreaChartDynamicData.tsx (tsx)
    • ScrollingChartWithPointer.tsx (tsx)
    • CaloriesBurnt.tsx (tsx)
    • LineChartEndReached.tsx (tsx)
    • HighlightedRange.tsx (tsx)
    • BiColorAreaChart.tsx (tsx)
    • AnimatedArea.tsx (tsx)
    • SegmentedDataSetCurved.tsx (tsx)
    • GradientLineAndLabel.tsx (tsx)
    • PopulationChart.tsx (tsx)
    • SegmentedDataSet.tsx (tsx)
    • LineChartTwo.tsx (tsx)
    • OuterPointerLegend.tsx (tsx)
    • Segmented.tsx (tsx)
    • ChartWithPointer.tsx (tsx)
    • SecondaryLineChart.tsx (tsx)
    • DataSetSteppedChart.tsx (tsx)
    • AreaTwo.tsx (tsx)
    • SimpleBlueLine.tsx (tsx)
    • ChartWithAdjustingPointer.tsx (tsx)
    • FocusedIndex.tsx (tsx)
    • PieChart (txt)
    • PieChartFocusOnPress.tsx (tsx)
    • SplitPie.tsx (tsx)
    • SimplePie.tsx (tsx)
    • InwardFocusPie.tsx (tsx)
    • BothSideFocusPie.tsx (tsx)
    • PieSingleData.tsx (tsx)
    • ProgressPie.tsx (tsx)
    • ThreeDPie.tsx (tsx)
    • PieWithZero.tsx (tsx)
    • awesome-charts (txt)
    • AutoScrollLine.tsx (tsx)
    • assets (txt)
    • eye.png (image)
    • BarChart (txt)
    • CappedBars.tsx (tsx)
    • SimpleBlueBars.tsx (tsx)

    Loading code snippet…