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 Canva Open-Source Projects
-
-
However, Notion and Obsidian can only help you write documentation. Well, how about some visuals? Let's talk about Excalidraw.
-
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.
-
ChartsJS for inspiring me with the pie chart.
-
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?
-
Anime.js is celebrated for its simplicity, speed, and versatility. This compact library simplifies the animation process, enabling developers to craft visually striking animations with minimal effort. Anime.js supports a wide array of effects like scaling, morphing, and rotating, offering developers the tools to create complex timelines and animations with ease.
-
PixiJS
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
-
phaser
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
Project mention: Introduction to JavaScript: Empowering Web Development with Interactivity | dev.to | 2024-03-25Versatility: JavaScript is not limited to web browsers. It's used in a variety of environments, including mobile app development (using frameworks like React Native), game development (using libraries like Phaser), and even serverless computing (using platforms like AWS Lambda).
-
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: Rough.js: Create graphics with a hand-drawn, sketchy, appearance | news.ycombinator.com | 2023-12-22
-
Project mention: Apple Vision Pro Review: The Best Headset yet Is Just a Glimpse of the Future | news.ycombinator.com | 2024-01-30
Meta Quest also has full support for WebXR which lets you bypass all the app store BS. You can use this framework to make worlds visible on most XR headsets as well as desktop and mobile
My understanding is that Apple is making excuses about being slow to support WebXR.
-
Do you think this worked so cleanly because there is a tutorial similar to this and its in the dataset?
-
x-spreadsheet
The project has been migrated to @wolf-table/table https://github.com/wolf-table/table
-
Project mention: Shadow: New browser engine made almost in JavaScript | news.ycombinator.com | 2023-10-31
Flipboard's react-canvas
-
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.
-
-
I recently added support for plotting XGBoost models using Vega (https://vega.github.io/vega/) into the XGBoost Elixir API (https://github.com/acalejos/exgboost).
Since EXGBoost supports loading trained models across different APIs, you can even train using the Python API and then plot using this Elixir API if you prefer.
-
Piskel: Piskel is a user-friendly online and offline tool designed specifically for creating pixel art and animated sprites. It offers a simple interface and includes features like layers, color palettes, and frame-by-frame animation. You can access Piskel at https://www.piskelapp.com/ or download the offline version at https://github.com/piskelapp/piskel.
-
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.
-
-
-
-
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
-
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.
Canvas related posts
- Ask HN: Tips to get started on my own server
- Incredible JavaScript Animation Libraries
- JavaScript Libraries That You Should Know
- Add Writingsuggestions="" Attribute
- JSON Canvas – An open file format for infinite canvas data
- React: A Mess That Shouldn't Exist In Web Development
- Streaming HTML out of order without JavaScript
-
A note from our sponsor - InfluxDB
www.influxdata.com | 28 Mar 2024
Index
What are some of the best open-source Canva projects? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 98,332 |
2 | excalidraw | 70,904 |
3 | Chart.js | 63,235 |
4 | echarts | 58,683 |
5 | anime.js | 48,495 |
6 | PixiJS | 42,195 |
7 | phaser | 36,182 |
8 | rough | 19,367 |
9 | A-Frame | 16,115 |
10 | matter-js | 15,843 |
11 | x-spreadsheet | 13,732 |
12 | react-canvas | 13,126 |
13 | nivo | 12,526 |
14 | G2 | 11,939 |
15 | vega | 10,813 |
16 | piskel | 10,667 |
17 | Konva | 10,615 |
18 | zdog | 10,214 |
19 | dom-to-image | 10,036 |
20 | signature_pad | 10,031 |
21 | react-diagrams | 8,294 |
22 | two.js | 8,171 |
23 | lightweight-charts | 8,043 |