All Projects → arniu → react-native-sparkline

arniu / react-native-sparkline

Licence: MIT license
An ART-based sparkline component for react-native

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
python
139335 projects - #7 most used programming language
java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to react-native-sparkline

mandelbrot
A mandelbrot fractal viewer in javascript using svelte
Stars: ✭ 30 (+87.5%)
Mutual labels:  art
generative
A digital playground for experimenting with creative coding and WebGL
Stars: ✭ 50 (+212.5%)
Mutual labels:  art
e621-api-docs
Documentation library for the e621's API
Stars: ✭ 34 (+112.5%)
Mutual labels:  art
graphest
A faithful graphing calculator
Stars: ✭ 42 (+162.5%)
Mutual labels:  art
microbium-app
Draw new worlds
Stars: ✭ 89 (+456.25%)
Mutual labels:  art
flutter rough
A Flutter implementation of the rough.js library
Stars: ✭ 77 (+381.25%)
Mutual labels:  art
QuietVR
A Quiet Place in VR: Generate any 3D object with your voice. It's magic!
Stars: ✭ 17 (+6.25%)
Mutual labels:  art
Positional
An elegant and colorful location information app for Android with Compass, Clock, Level, Sun, Moon, Trail Marker and many other features.
Stars: ✭ 72 (+350%)
Mutual labels:  art
geometrize-haxe-demo
Demo using Geometrize Haxe and HaxeFlixel to recreate images with geometric primitives
Stars: ✭ 17 (+6.25%)
Mutual labels:  art
beeref
BeeRef Reference Image Viewer
Stars: ✭ 201 (+1156.25%)
Mutual labels:  art
corruption-loops
Digitally disintegrating music
Stars: ✭ 37 (+131.25%)
Mutual labels:  art
NFT.net
An engine developed with .NET Core to generate NFT's through a graphical interface. Simple as that, in the best Grab & Go style.
Stars: ✭ 294 (+1737.5%)
Mutual labels:  art
SuperformulaSVG
2D superformula line-art generator built in Processing, with SVG export for use in digital fabrication workflows.
Stars: ✭ 40 (+150%)
Mutual labels:  art
generative.fm
A platform for playing generative music in the browser.
Stars: ✭ 1,557 (+9631.25%)
Mutual labels:  art
metmuseum-oa-explore
Tools to explore Met museum's openaccess datasets
Stars: ✭ 16 (+0%)
Mutual labels:  art
grafana-monitoring-art
Grafana Monitoring Art datasource
Stars: ✭ 38 (+137.5%)
Mutual labels:  art
MagicaVoxel File Writer
MagicaVoxel File Writer dependency free cpp class
Stars: ✭ 26 (+62.5%)
Mutual labels:  art
glitch-studio
data bending & glitch tools
Stars: ✭ 66 (+312.5%)
Mutual labels:  art
xirho
xirho is a simple generalized iterated function system plotter.
Stars: ✭ 16 (+0%)
Mutual labels:  art
Allusion
A free and open source desktop application for managing your visual library
Stars: ✭ 265 (+1556.25%)
Mutual labels:  art

react-native-sparkline

npm code style: standard code style: prettier

An ART-based sparkline component for react-native

example screenshot

Prerequisite

This library is based on [ART][art-library] and works on both Android and iOS platform.

Linking module

For react-native >= 0.60 ReactNativeART should be auto-linked and no additional action is required.

For react-native < 0.60 you need to link ReactNative ART:

react-native link @react-native-community/art

Manual: [manual-linking]: https://facebook.github.io/react-native/docs/linking-libraries-ios.html#manual-linking

Usage

  • Install
npm i react-native-sparkline
  • Use it
import React from 'react'
import Sparkline from 'react-native-sparkline'

const data = Array.from({ length: 20 }).map(
  (unused, i) => i + (i + 1) * Math.random()
)

const App = () => (
  <Sparkline data={data}>
    <Sparkline.Line />
    <Sparkline.Fill />
    <Sparkline.Spots />
    <Sparkline.Band />
  </Sparkline>
)

Example

  1. cd example
  2. npm install
  3. react-native run-ios or react-native run-android

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].