VimUnDo1#1r[}5})Gw}2React.renderComponent(, document.body) T=Z_vSqYvar React = require('react');5_vSq[)var HelloWorld = require('../src/index');5_vSq\React = require('react');5_$vSq]%HelloWorld = require('../src/index');5_2vSq^3React.renderComponent(HelloWorld(), document.body);5_"vSr5_vSr
Yo
5_ !v!Sr2React.renderComponent(HelloWorld(), document.body)5_ !v!Sr&React.renderComponent(, document.body)5_  !v!SsP$pizza =
Yo
5_ !v!SsS*pizza =
Yo
5_ *v*Ssd1pizza =
Yo
5_  *v*Ss5_ *v*St"pizza =
Yo
5_ *v*St0pizza =
Yo
5_*v*St pizza =
5_*v*St #Yo
5_*v*St % Yo5_!*v*St ' Yo5_*v*St  5_*v*Su ! Yo5_*v*Su  5_ *v*Su    5_*v*Sud   5_*v*Sur5_*v*Sus 5_ VSu  Yo Yo Yo5_VSv   5_VSv 5_VS~ $HelloWorld = require('../src/index')5_ VS~  5_! VS~  5_ "!#VS~ % 5_!#" VS~ & 5_"$#VS~ & 5_#&$#VS~ & 5_$'%&VS  5_&('4v4S 8 5_'*(4v4S  5_(+)* 4v4S 8 5_*-+ :4v4S d 5_+/,- 4v4S e 5_-0./ !4v4S f 5_/10 '4v4S g 5_021 -4v4S h 5_132 34v4S i 5_243 94v4S j 5_354 94v4SK  5_465 4v4SM k 5_576 4v4SR W 5_687 4v4ST X 5_798 !4v4SU Y 5_8:9 %4v4SX Z 5_9;: )4v4SY [ 5_:<; -4v4SZ \ 5_;=<5vS} 8 5_<>=5vS~  5_=?> A A gvgS k 5_>@? 4 4 YvYS ] 5_?A@ 4 4 YvYS 7 5_@BA 4 4 YvYS 6 5_ACB @ F 3v3S D  5_BFC T F 3v3S X 5_CGEF  A SvSS   5_FHG A SvSS.5_GIH A SvSS8   5_HJI A SvSSmconsole.log 'yo'5_IKJ A SvSSm5_JLK  A SvSS columns = 5_KML A SvSS5_LNM A SvSSkk5_MON A SvSS5_NPO A SvSS5_OQP'ASvSS(console.log faker.random.array_element()5_PRQ ASvSS  Use in table5_fhg2v2Sy%5_gih2v2S5_hji2v2S

Defaults

5_ikj2v2S&"

Override all Defaults

5_jlk2v2S 5_kml2v2S 5_lnm2v2S width: 200/>5_mon2v2S! fill: 'pink;5_npo2v2S'" !5_oqp2v2S(% circleDiameter: 5/>% />5_prq 2v2S$ width: 2005_qsr 2v2S$ width 2005_rts 2v2S$ width2005_sut 2v2S$ height: 405_tvu 2v2S$ height 405_uwv 2v2S$ height405_vxw 2v2S$ fill: 'pink'5_wyx 2v2S$ fill 'pink'5_xzy 2v2S$ fill'pink'5_y{z 2v2S$ fill=-'pink'5_z|{2v2S$ strokeColor: 'purple'5_{}|2v2S$ strokeColor 'purple'5_|~}2v2S$ strokeColor'purple'5_}~2v2S$ strokeWidth: '2px'5_~2v2S$ strokeWidth '2px'5_2v2S$ strokeWidth'2px'5_2v2S$ interpolate: 'none'5_2v2S$ interpolate 'none'5_2v2S$ interpolate'none'5_2v2S$ circleDiameter: 5 />5_2v2S$ circleDiameter 5 />5_2v2S)$ circleDiameter5 />5_ 2v2S*$ fill='pink'5_ 2v2S:+$ fill='lightpink'5_ 2v2SX $ function: -> 5_ 2v2S[ $$ function: (data) -> 5_ 2v2S^ $# function: (data) -> 5_ 2v2Sh $< {apple: faker.Lorem.words(1), peach: faker.Lorem.words(1)}5_2v2Sk %= apple: faker.Lorem.words(1), peach: faker.Lorem.words(1)}5_2v2Sk %< apple: faker.Lorem.words(1) peach: faker.Lorem.words(1)}5_2v2Sl %; apple: faker.Lorem.words(1)peach: faker.Lorem.words(1)}5_2v2Sm& peach: faker.Lorem.words(1)}5_2v2Sn,( '5_2v2S-(9 data: for i in [0..10] faker.Helpers.randomNumber(20)5_2v2S.) data: for i in [0..10] 5_2v2S) data: for i in [0..100] 5_2v2S) data: for i in [0..00] 5_2v2S/) data: for i in [0..0] 5_ !VS* )5_ "V-S#**5_"# *V-S0"$3 "$25_+$ +V-S3.  """}} />5_# # V S"$3 """}} />5_# # V S"$3 ""}} />5_# # V S"$3 "}} />5_# # V S"$3 }} />5_# # V S"$3 } />5_# # V S"$3 />5_# # V S"$3 />5_# # V S"$3 />5_ # V S4 35_# $ V S2#%5 #%45_ % V S5 5_% % V S3$&5 />5_  vS5 
5_%	vS$&5      />
5_% vS4$&5 >5_ vS255 {"5_ vSY5 {"5_$ vS[6#%5 "}5_  vSf5 
5_%	vSj7$&5
5_ % V S{&5 {""" """} 5_. % V S-/5

Defaults

5_/ % V S./$ 5_/A/A/SvSS.04W 5_0/A/SvSS8/0I 5_//A/SvSS.13D 5_0/A/SvSS/149 data={[88999,89163,89325,89526,89736,89963,90176]} />5_08/A/SvSS/24; data={[88999,89163,89325,89526,89736,89963,90176]} />5_0/A/SvSS9036 0255_0/A/SvSS:/178 data={[88999,89163,89325,89526,89736,89963,90176]}5_0/A/SvSS;/177 data={[88999,89163,4000,89526,89736,89963,90176]}5_0/A/SvSS</178 data={[88999,89163,40000,89526,89736,89963,90176]}5_0/A/SvSS/178 data={[88999,89163,70000,89526,89736,89963,90176]}5_01/A/SvSS=/178 data={[88999,89163,70000,99526,89736,89963,90176]}5_01/A/SvSS>/177 data={[88999,89163,70000,99526,89736,89963,0176]}5_01/A/SvSS?/176 data={[88999,89163,70000,99526,89736,89963,176]}5_01/A/SvSS@/177 data={[88999,89163,70000,99526,89736,89963,7176]}5_0/A/SvSSA/178 data={[88999,89163,70000,99526,89736,89963,57176]}5_0 /A/SvSSB/178 data={[88999,89163,60000,99526,89736,89963,57176]}5_01/A/SvSSC/178 data={[48999,89163,60000,99526,89736,89963,57176]}5_1 /A/SvSSD027 width=1005_. %  V S .;7./75_0?;VS06C01C5_66=VSE56 5_VS!

Use in table

+ 5_*VS#*,=5_:VS%:>>:;>5_;VS&F:<A5_,;VS9&BB5_<KVS<R

Pass in custom data

5_<KVSDR 5_VSJ8 data={[48999,89163,60000,99526,89736,89963,97176]} width=200 height=205_VSKGK K />5_VS`J
5_VSmHJ
5_ VSIJ/
Code on Github5_6  VSU68N67N5_G  VSXOGIOGHO5_K  VSaKMPKLP5_L  VSaPLNQLMQ5_M  VSlMORMNR5_N  VSlQNPSNOS5_  VSR data: for i in [0..50] 5_(  VSS'( fill='rgb(63, 159, 215)'5_(  VSG')S strokeColor='purple'5_+  VSM*,S circleDiameter=5 />5_+  VSNT*,S circleDiameter= />5_)  VSWU(*S strokeWidth='2px'5_1  VSd01 fill='rgb(63, 159, 215)'5_1  VSe02R strokeColor='purple'5_2  VSk13R strokeWidth='2px'5_4  VSm35R circleDiameter=5 />5_4  VSmV35R circleDiameter=1 />5_/   VSW.0R width=2005_   VSSR5_PVS;.


React-Sparkline

P Code on Github



Default look

 
    {"""    
      """}
 "

Override all defaults

 
    {"""    
      """}



Pass in data

 
    {"""    
      """}



Use in table

+




 5_VS pizza = ()5_VS 5_VS +React.renderComponent(pizza, document.body)5_VS columns = ['apple', 'peach', { displayName: 'activity'4 function: (data) -> }]data = for i in [0..5] { apple: faker.Lorem.words(1) peach: faker.Lorem.words(1) data: for i in [0..50]$ faker.Helpers.randomNumber(20) }5_VSX5_S<#Sparkline = require('../src/index')5_VS>Y$Table = require 'react-simple-table'faker = require 'faker'5_  vT=~Z2React.renderComponent(, document.body)5_!  VSQ!"N!"N
5_. % V S-/5_+$ +V-S13B 5_CED F 3v3S   5_-/. "4v4S g 5_+-, 4v4S f 5_(*) 4v4S b 5_$&%$VS J 5