Render sparklines as SVGs in React.

Charles Stover
2 min readDec 9, 2019
<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.

--

--