Render sparklines as SVGs in React.

<Sparkline values={[ 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89 ]} /><Sparkline
fill="rgba(128, 128, 128, 0.05)"
stroke="rgba(192, 128, 64, 0.75)"
strokeWidth={1}
values={[ 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89 ]}
viewBoxHeight={32}
viewBoxWidth={800}
/>

With just a few, customizable props, you can have beautiful SVG sparklines ready for your React application.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Charles Stover

Charles Stover

Staff front end engineer | Tech lead | Architect | charlesstover.com