All Projects → oceanengine → okeevis-render

oceanengine / okeevis-render

Licence: MIT License
a fast lightweight 2d graphic library

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to okeevis-render

Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (+590.91%)
Mutual labels:  chart, canvas, 2d
Cax
HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
Stars: ✭ 1,864 (+8372.73%)
Mutual labels:  canvas, render, 2d
awesome-canvas
Canvas资源库大全中文版。An awesome Canvas packages and resources.
Stars: ✭ 288 (+1209.09%)
Mutual labels:  chart, canvas, 2d
Picasso
Picasso is a high quality 2D vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
Stars: ✭ 205 (+831.82%)
Mutual labels:  canvas, render, 2d
jqCandlestick
jQuery plugin for creating line, bar and candlestick charts.
Stars: ✭ 13 (-40.91%)
Mutual labels:  chart, canvas
Pencil.js
✏️ Nice modular interactive 2D drawing library
Stars: ✭ 204 (+827.27%)
Mutual labels:  canvas, 2d
Tui.chart
🍞📊 Beautiful chart for data visualization.
Stars: ✭ 5,041 (+22813.64%)
Mutual labels:  chart, canvas
Dazv
canvas 可视化图表
Stars: ✭ 70 (+218.18%)
Mutual labels:  chart, canvas
Luckysheet
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Stars: ✭ 9,772 (+44318.18%)
Mutual labels:  chart, canvas
Chart.qml
Chart.qml like Chart.js
Stars: ✭ 100 (+354.55%)
Mutual labels:  chart, canvas
Stock Chart
基于 canvas 的沪深两市股票分时 K 线图
Stars: ✭ 170 (+672.73%)
Mutual labels:  chart, canvas
Picasso.js
A charting library streamlined for building interactive visualizations for the Qlik product suites.
Stars: ✭ 175 (+695.45%)
Mutual labels:  chart, canvas
Chart.js
Simple HTML5 Charts using the <canvas> tag
Stars: ✭ 55,646 (+252836.36%)
Mutual labels:  chart, canvas
Klinechart
📈Lightweight k-line chart that can be highly customized. Zero dependencies. Support mobile.(可高度自定义的轻量级k线图,无第三方依赖,支持移动端)
Stars: ✭ 303 (+1277.27%)
Mutual labels:  chart, canvas
Black
World's fastest HTML5 2D game engine   🛸
Stars: ✭ 174 (+690.91%)
Mutual labels:  canvas, 2d
Hqchart
HQChart - H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,通达信语法,(麦语法),第3方数据替换接口
Stars: ✭ 1,126 (+5018.18%)
Mutual labels:  chart, canvas
Gcanvas
A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas
Stars: ✭ 1,705 (+7650%)
Mutual labels:  canvas, 2d
Plutovg
Tiny 2D vector graphics library in C
Stars: ✭ 141 (+540.91%)
Mutual labels:  canvas, 2d
Zeu
A JavaScript library for real-time visualization
Stars: ✭ 1,777 (+7977.27%)
Mutual labels:  chart, canvas
Clchart
A fast, simple and cross-platform(html5 react-native weex wechat-applet) stock chart library created using canvas.
Stars: ✭ 250 (+1036.36%)
Mutual labels:  chart, canvas

OKee Render

A fast lightweight 2D graphic library

npm version min size

English | 简体中文

Features

  • Both svg and canvas renderer support with same API
  • Good performance with large amount of data
  • Cross platform suppprt with web、node、mini-program
  • Support interpolation animation, and path animation
  • Support start and end arrows on path
  • Virutal dom update with transition animation
  • Rich-text component

Install

npm install @okee-uikit/render

Usage

<div id="container" style="width: 600px;height: 480px"></div>
import { Render, Rect } from '@okee-uikit/render'

const or = new Render(document.getElementById('container'))

or.add(new Rect({
  x: 0,
  y: 0,
  width: 100,
  height: 100,
  fill: 'red'
}))

License

MIT licensed

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].