uPlot | fast chart for time series | Data Visualization library

by leeoniya JavaScript Version: 1.6.30 License: MIT

X-Ray Key Features Code Snippets(2)Community Discussions(1)Vulnerabilities Install Support

kandi X-RAY | uPlot Summary

uPlot is a JavaScript library typically used in Telecommunications, Media, Media, Entertainment, Analytics, Data Visualization applications. uPlot has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can download it from GitHub, Maven.

μPlot is a fast, memory-efficient Canvas 2D-based chart for plotting time series, lines, areas, ohlc & bars; from a cold start it can create an interactive chart containing 150,000 data points in 135ms, scaling linearly at ~25,000 pts/ms. In addition to fast initial render, the zooming and cursor performance is by far the best of any similar charting lib; at ~40 KB, it's likely the smallest and fastest time series plotter that doesn't make use of context-limited WebGL shaders or WASM, both of which have much higher startup cost and code size.

Support

Quality

Security

License

Reuse

Support

uPlot has a medium active ecosystem.

It has 7888 star(s) with 343 fork(s). There are 60 watchers for this library.

There were 4 major release(s) in the last 6 months.

There are 78 open issues and 651 have been closed. On average issues are closed in 4 days. There are 7 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of uPlot is 1.6.30

Quality

uPlot has 0 bugs and 0 code smells.

Security

uPlot has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

uPlot code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

uPlot is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

uPlot releases are available to install and integrate.

Deployable package is available in Maven.

Installation instructions are not available. Examples and code snippets are available.

It has 13214 lines of code, 0 functions and 111 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi has reviewed uPlot and discovered the below as its top functions. This is intended to give you an instant insight into uPlot implemented functionality, and help decide if they suit your requirements.

Plot rating .
Update cursor position
Plot bars in a series .
Creates a new bars .
Draws the axis of the chart
Generate TimeStuff Spread
Sets the scales
Constructs a linear path .
Catmculate the quadrant
stack - stack

Get all kandi verified functions for this library.

uPlot Key Features

No Key Features are available at this moment for uPlot.

uPlot Examples and Code Snippets

Vue.js,How to use

TypeScript

Lines of Code : 45

License : Permissive (MIT)

Copy

// Vue.js 2
import Vue from 'vue';
// Vue.js 3
import {createApp} from 'vue';
import uPlot from 'uplot';
import UplotVue from 'uplot-vue';
import 'uplot/dist/uPlot.min.css';

{
    ...,
    render() {
        return (
             {}}

React,How to use

TypeScript

Lines of Code : 13

License : Permissive (MIT)

Copy

import React from 'react';
import uPlot from 'uplot';
import UplotReact from 'uplot-react';
import 'uplot/dist/uPlot.min.css';

const Chart = () =>
    ( {}}
        onDelete={(chart) => {}}
    />);

Community Discussions

Trending Discussions on uPlot

How can I add reference lines in uplot?

QUESTION

How can I add reference lines in uplot?

Asked 2021-Nov-04 at 14:59

Because of the high rendering performance I am using uPlot to visualize historical sensor data. Is there a way to add horizontal reference lines like recommended min/max values for a data series? With other libraries that's often straight forward, like the ReferenceLine tag in recharts, but I haven't found anything yet with uPlot. Any hints?

Example: The orange dotted lines are the lower and upper acceptable bounds at 7.0 and 7.4. This image is rendered with recharts, but I want to migrate to uplot.

(There's a layer in front of the chart with the actual, min and max value which is totally independent of the chart.)

...

ANSWER

Answered 2021-Nov-04 at 14:59

I found an acceptable aproach based on two examples in the uPlog repository:

https://leeoniya.github.io/uPlot/demos/trendlines.html https://leeoniya.github.io/uPlot/demos/draw-hooks.html

The main idea is to handle one of the draw-hooks (draw, drawAxes, drawClear) and to directly drawing on the canvas.

Source https://stackoverflow.com/questions/69813200

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install uPlot

You can download it from GitHub, Maven.

Support

The docs are a perpetual work in progress, it seems. Start with /docs/README.md for a conceptual overview. The full API is further documented via comments in /dist/uPlot.d.ts. Additionally, an ever-expanding collection of runnable /demos covers the vast majority of uPlot's API.

Find more information at: