Unfortunately, none of this project's authors have the time/enthusiasm to maintain this project right now. We recommend forking this project, or reading its source to learn how it's built). Graphing tools are often complex, abstract, and heavy. They require domain-specific knowledge and significant time investment. While building rich data visualizations for an analytics app, is a necessary cost. But what if you just need a sparkline that shows a trend? These are very simple and elegant visualizations, and they should not require a bloated graphing library to produce. React Trend is a concrete component that does 1 thing, and does it well, generate these trending graphs. By default, all properties not recognized by React Trend will be delegated to the SVG. The line inherits these properties if none of its own override them.

Features

  • Simple. Integrate in seconds
  • Scalable. Uses SVG for sharp, scalable graphs
  • Will fill the parent container, or you can provide a fixed size
  • Beautiful. Built-in gradient support, and customizable smoothing
  • Animatable. Support for on-mount animations where the trend graph draws from left to right
  • Tiny. Zero-dependency, gzips to <3kb

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow React Trend

React Trend Web Site

Other Useful Business Software
Demo Series - Small Business Backup By Veeam Icon
Demo Series - Small Business Backup By Veeam

Learn how to protect your Microsoft 365 data, with simple, actionable tips today.

Watch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
Watch Demo Series
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of React Trend!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Data Visualization Software

Registered

2022-07-12