TypeScript Canvas

Open-source TypeScript projects categorized as Canvas

Top 23 TypeScript Canva Projects

  • excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

    Project mention: Tools that Make Me Productive as a Software Engineer | dev.to | 2024-03-03

    However, Notion and Obsidian can only help you write documentation. Well, how about some visuals? Let's talk about Excalidraw.

  • echarts

    Apache ECharts is a powerful, interactive charting and data visualization library for browser

    Project mention: Show HN: Paisa – Open-Source Personal Finance Manager | news.ycombinator.com | 2023-09-22

    I want to know where my money goes. I like to look at stacked-area (or column) charts of the categories of spending. To make this work I have some software I made ~20 years ago that does double-entry book-keeping. At the end of the month, I import statements from financial service providers (eg: Wells Fargo, Chase, PayPal, Stripe, etc). Lots of stuff is repeat purchases (eg: Shell Gas) and my software automatically categorises. Some transactions I have to categorise manually. Each category / vendor becomes an expense-account and my banks and CCs exist as assets and liabilities.

    Once the import and reconciliation is done I pull up a my column chart that shows where the money went -- and can compare over time -- see a full year of movement. I've been through various charting libraries with it and most recently moved to ECharts[0] -- so I'm planning to expand with Treemap and Sankey style visuals.

    The import process, which I do monthly takes maybe an hour. I'm importing from like 5 bank accounts, 3 payment processors, 4 CC providers. The part that takes the longest is signing into their slow sites, navigating past pop-up/interstitial, getting to their download page and waiting for it to download. Loads of these sites (WF, Chase) have been "modernised" and have some real bullshit UI/UX going on -- lags, no keyboard, elements jump around, forms can't remember state, ctrl+click won't open in a new page cause that damned link isn't actually a link but some nested monster of DIVs with 19 event listeners on each one -- and somehow still all wrong.

    I think the most-best feature would be to have some tool automatically get all my transactions from all these providers into one common format. Gimmee some JSON with like 10 commonly-named fields for the normal stuff and then 52 other BS fields that each provider likes to add (see a PayPal CSV for example). Does that exist and I just don't know?

    [0] https://echarts.apache.org/

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • PixiJS

    The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

    Project mention: Ask HN: Tips to get started on my own server | news.ycombinator.com | 2024-03-25
  • nivo

    nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

    Project mention: Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries | dev.to | 2023-07-31

    Nivo is a data visualization library built on top of D3.js and React. It offers a range of well-designed, customizable charts with great animations, making it suitable for creating visually impressive data visualizations.

  • G2

    📊 The concise and progressive visualization grammar.

  • Konva

    Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

    Project mention: How I choose Fabric.js again | dev.to | 2023-09-03

    Based on this, I found that some of the libraries are dead and no longer have any support. Only two libraries are still alive and have significant amount of stars on GitHub and downloads on NPM. They are Fabric.js and Konva.js.

  • signature_pad

    HTML5 canvas based smooth signature drawing

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • react-diagrams

    a super simple, no-nonsense diagramming library written in react that just works

    Project mention: react-diagrams VS rete - a user suggested alternative | libhunt.com/r/react-diagrams | 2023-06-09
  • lightweight-charts

    Performant financial charts built with HTML5 canvas

    Project mention: Using javascript library for multiplatform | /r/flutterhelp | 2023-10-23

    link https://github.com/tradingview/lightweight-charts

  • tsParticles

    tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

    Project mention: tsParticles 3.0.0 is out. Breaking changes ahead. | dev.to | 2023-12-04
  • React Konva

    React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.

    Project mention: What is the appropriate webpack loader for the 'canvas' package in a Node.js environment? | /r/nextjs | 2023-05-26

    I'm currently using konva (& react-konva) package, to utilize it in Node.js enviroment I also need canvas package installed in. However, when running the code encountering this error:

  • pts

    A library for visualization and creative-coding

  • html-to-image

    ✂️ Generates an image from a DOM node using HTML5 canvas and SVG.

  • planck.js

    2D JavaScript Physics Engine

  • canvg

    JavaScript SVG parser and renderer on Canvas

  • univer

    Univer is a set of enterprise document and data collaboration solutions.

  • S2

    ⚡️ A practical visualization library for tabular analysis. (by antvis)

  • paint-board

    🎨 A powerful multi-end drawing board that brings together a lot of creative brushes to experience a whole new range of drawing effects!

    Project mention: Show HN: Paint-BOARD, A powerful and fun multi-end drawing board | news.ycombinator.com | 2024-01-13

    In the UI I get a mix of Chínese and English, but the images in https://github.com/LHRUN/paint-board show English UI. ( few days ago, I had a problem because my browser prefered language is Spanish Latin America.)

  • gpu-io

    A GPU-accelerated computing library for running physics simulations and other GPGPU computations in a web browser.

    Project mention: Share your CA/Alife programs for my students! | /r/cellular_automata | 2023-05-13
  • react-financial-charts

    Charts dedicated to finance.

    Project mention: The top 11 React chart libraries for data visualization | dev.to | 2023-10-05

    Website: react-financial-charts GitHub page

  • vue-konva

    Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.

  • js-confetti

    JS Confetti library that supports emojis 🦄 🎉 ⚡️

  • revezone

    A lightweight local-first graphic-centric productivity tool to build your second brain. Supporting Excalidraw/Tldraw whiteboard and notion-like note. 一款以图形为中心、轻量级、本地优先的用于构建第二大脑的效率工具。支持 Excalidraw、Tldraw 白板和类 Notion 笔记。

    Project mention: How to draw beautiful software architecture diagrams | news.ycombinator.com | 2023-10-27

    For anyone who likes excalidraw & tldraw, there's this wrapper that handles local storage: https://github.com/revezone/revezone

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-03-25.

TypeScript Canvas related posts

Index

What are some of the best open-source Canva projects in TypeScript? This list will help you:

Project Stars
1 excalidraw 70,904
2 echarts 58,590
3 PixiJS 42,195
4 nivo 12,526
5 G2 11,939
6 Konva 10,615
7 signature_pad 10,031
8 react-diagrams 8,294
9 lightweight-charts 8,043
10 tsParticles 6,827
11 React Konva 5,486
12 pts 5,090
13 html-to-image 5,058
14 planck.js 4,768
15 canvg 3,543
16 univer 2,192
17 S2 1,379
18 paint-board 1,223
19 gpu-io 1,161
20 react-financial-charts 1,100
21 vue-konva 1,073
22 js-confetti 995
23 revezone 885
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com