Rowno / Sparkline
Licence: isc
Lightweight React sparklines ✨ 📈
Stars: ✭ 19
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Sparkline
Reactjs Popup
React Popup Component - Modals,Tooltips and Menus — All in one
Stars: ✭ 1,211 (+6273.68%)
Mutual labels: component, react-component
React Splitters
React splitter component, written in TypeScript.
Stars: ✭ 127 (+568.42%)
Mutual labels: component, react-component
React Multi Select
A Multi Select component built with and for React
Stars: ✭ 111 (+484.21%)
Mutual labels: component, react-component
Ui Box
Blazing Fast React UI Primitive
Stars: ✭ 847 (+4357.89%)
Mutual labels: component, react-component
React Intl Tel Input
Rewrite International Telephone Input in React.js. (Looking for maintainers, and PRs & contributors are also welcomed!)
Stars: ✭ 212 (+1015.79%)
Mutual labels: component, react-component
Uskin
A front-end framework aims at developing web projects based on CSS3 and provides common components.
Stars: ✭ 74 (+289.47%)
Mutual labels: component, react-component
Reactprimer
React component prototyping tool that generates fully connected class component code.
Stars: ✭ 743 (+3810.53%)
Mutual labels: component, react-component
React Planner
✏️ A React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.
Stars: ✭ 846 (+4352.63%)
Mutual labels: component, react-component
React Reorder
Drag & drop, touch enabled, reorderable / sortable list, React component
Stars: ✭ 209 (+1000%)
Mutual labels: component, react-component
React Component Echarts
React component echarts. 组件式百度图表。
Stars: ✭ 175 (+821.05%)
Mutual labels: component, react-component
React Magnifier
🔍 React image zoom component
Stars: ✭ 116 (+510.53%)
Mutual labels: component, react-component
React Hint
Tooltip component for React, Preact, Inferno
Stars: ✭ 338 (+1678.95%)
Mutual labels: component, react-component
Reactopt
A CLI React performance optimization tool that identifies potential unnecessary re-rendering
Stars: ✭ 1,975 (+10294.74%)
Mutual labels: component, react-component
Yoshino
A themable React component library!Flexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it!
Stars: ✭ 216 (+1036.84%)
Mutual labels: component, react-component
React Scrollbars Custom
The best React custom scrollbars component
Stars: ✭ 576 (+2931.58%)
Mutual labels: component, react-component
React Insta Stories
A React component for Instagram like stories
Stars: ✭ 777 (+3989.47%)
Mutual labels: react-component
Orbit
React components of open-source Orbit design system by Kiwi.com
Stars: ✭ 774 (+3973.68%)
Mutual labels: component
Multityperecyclerviewadapter
一个专注于RecyclerView优雅刷新(接管资源和数据源)、高灵活、低耦合、健壮性以及高效性的MVP模式库,支持大多数Adapter
Stars: ✭ 763 (+3915.79%)
Mutual labels: component
Base
React-UI-Kit - frontend library with ReactJS components
Stars: ✭ 18 (-5.26%)
Mutual labels: react-component
sparkline
Lightweight React sparklines ✨ 📈
Install
yarn add @rowno/sparkline
# or
npm install --save @rowno/sparkline
Example
function Spark() {
const lines = [
{
values: [789, 880, 676, 200, 890, 677, 900],
colors: {
area: 'rgba(217, 227, 237, 0.5)',
line: '#193652'
}
}, {
values: [354, 456, 200, 566, 344, 467, 545],
colors: {
area: 'rgba(199, 228, 255, 0.5)',
line: '#004585'
}
}
]
return (
<Sparkline
width={56}
height={12}
lines={lines}
/>
)
}
Properties
{
width: 56,
height: 12,
lines: [{
values: [789, 880, 676],
colors: {
area: 'rgba(217, 227, 237, 0.5)',
line: '#193652'
},
title: 'Allowed events',
key: 'allowed'
}]
}
width
Type: number
(required)
Width of the sparkline.
height
Type: number
(required)
Height of the sparkline.
lines
Type: array<object>
(required)
Objects defining the lines to draw.
values
Type: array<number>
(required)
Numbers that make up the data points of the line.
colors
Type: object
Custom colors for the line.
area
Type: string
Color of the line's filled in area.
line
Type: string
Color of the line's stroke.
title
Type: string
title
of the line. Shown as a tooltip in the browser.
key
Type: any
Unique React key
of the line.
License
sparkline is released under the ISC license.
Copyright © 2017, Roland Warmerdam.
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].