Canvas

Open-source projects categorized as Canvas

Top 23 Canva Open-Source Projects

  • three.js

    JavaScript 3D Library.

    Project mention: Ask HN: Tips to get started on my own server | news.ycombinator.com | 2024-03-25
  • 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.

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

  • Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Project mention: Working Camp Inquiry - Glam Up my Markup | dev.to | 2024-03-23

    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-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/

  • anime.js

    JavaScript animation engine

    Project mention: Incredible JavaScript Animation Libraries | dev.to | 2024-03-24

    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.

    Project mention: Ask HN: Tips to get started on my own server | news.ycombinator.com | 2024-03-25
  • 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-25

    Versatility: 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.

  • rough

    Create graphics with a hand-drawn, sketchy, appearance

    Project mention: Rough.js: Create graphics with a hand-drawn, sketchy, appearance | news.ycombinator.com | 2023-12-22
  • A-Frame

    :a: Web framework for building virtual reality experiences.

    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

    https://aframe.io/

    My understanding is that Apple is making excuses about being slow to support WebXR.

  • matter-js

    a 2D rigid body physics engine for the web ▲● ■

    Project mention: Copying Angry Birds with nothing but AI | news.ycombinator.com | 2023-10-31

    Do you think this worked so cleanly because there is a tutorial similar to this and its in the dataset?

    https://github.com/liabru/matter-js/wiki/Tutorials

  • x-spreadsheet

    The project has been migrated to @wolf-table/table https://github.com/wolf-table/table

  • react-canvas

    High performance <canvas> rendering for React components

    Project mention: Shadow: New browser engine made almost in JavaScript | news.ycombinator.com | 2023-10-31

    Flipboard's react-canvas

    https://github.com/Flipboard/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-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.

  • vega

    A visualization grammar.

    Project mention: Plotting XGBoost Models with Elixir | news.ycombinator.com | 2024-01-27

    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

    A simple web-based tool for Spriting and Pixel art.

    Project mention: Sprite editing software | /r/Unity2D | 2023-04-23

    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.

    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.

  • zdog

    Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

  • dom-to-image

    Generates an image from a DOM node using HTML5 canvas

  • signature_pad

    HTML5 canvas based smooth signature drawing

  • 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
  • two.js

    A renderer agnostic two-dimensional drawing api for the web.

    Project mention: Ask HN: Tips to get started on my own server | news.ycombinator.com | 2024-03-25
  • 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

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

Canvas related posts

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