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. Learn more →
Top 23 TypeScript Canva Projects
-
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-22I 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?
-
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.
-
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-31Nivo 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.
-
-
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
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.
-
-
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.
-
Project mention: react-diagrams VS rete - a user suggested alternative | libhunt.com/r/react-diagrams | 2023-06-09
-
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.
-
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-26I'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:
-
-
-
-
-
-
-
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-13In 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.
-
Website: react-financial-charts GitHub page
-
-
-
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-27For 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.
TypeScript Canvas related posts
- Show HN: Pong Game
- A Visual Interactive Guide to Bloom Filters
- Show HN: Open-Source Pong Game
- Show HN: Open-Source Pong Game
- Show HN: Open-Source Pong Game
- Show HN: Open-Source Pong Game
- Show HN: Paint-BOARD, A powerful and fun multi-end drawing board
-
A note from our sponsor - InfluxDB
www.influxdata.com | 28 Mar 2024
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 |