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. Learn more →
Top 23 Canva Open-Source Projects
-
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.
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
-
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.
-
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.
-
x-spreadsheet
The project has been migrated to @wolf-table/table https://github.com/wolf-table/table
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
-
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
We also used three.js to setup a scene and manage resources.
Just before I went to sleep last Sunday I thought it would be fun to create an app for my friends and I where we can rate the Eurovision Song Contest participants live together. The idea was to have everyones votes being tallied up live as we make adjustments to the ratings. This led me into looking at Replicache as the solution. I've been interested in trying it out for a while now and this was the perfect project for it. I quickly threw together a sketch on Excalidraw so I would have something to go on for tomorrow.
Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29
Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29
Project mention: Mastering Web Animation with JavaScript Libraries: A Comprehensive Guide | dev.to | 2024-05-09Repository: anime.js on GitHub
And canvas felt almost natural and invoked heavy nostalgia from the first time I touched keyboard and wrote primitive program to draw a house out of lines utilizing Basic. Later on I had a chance to broaden my expertise, when I was doing my hobby game project with Pixi and small bits and pieces on FindLabs pages.
Project mention: Alternatives to Flash Player for Videogame Coding? | news.ycombinator.com | 2024-05-08
Project mention: Rough.js: Create graphics with a hand-drawn, sketchy, appearance | news.ycombinator.com | 2023-12-22
I like it. It is a perfect framework for my smart RSS reader and my image sorter where I want to do some simple things like putting up modal dialogs, implementing multiple-stage selects, combo boxes, things like that.
React can handle apps with much more complex state and do really amazing things like
https://aframe.io/
but it is overkill for the common form applications it is commonly used for.
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
Project mention: Interview with Senior JavaScript Developer 2024 [video] | news.ycombinator.com | 2024-04-14> Building an accessible canvas-based UI with a React-like API would make a lot more sense for SPAs
https://github.com/Flipboard/react-canvas
React is the Simpsons of web tech.
Up to now we had been using the excellent Nivo dataviz library for React, but I wasn't sure how to customize it to support such a specific use case, or even if it was possible at all:
Project mention: Show HN: Minard – Generate beautiful charts with natural language | news.ycombinator.com | 2024-04-18Hi HN – Excited to share a beta for Minard, a new data visualization toolkit we've been working on that lets you generate publication-quality charts with simple natural language (throw away your matplotlib docs and rejoice!).
Upload or import CSVs, Excel, and JSON, give it a spin, and please let us know what you think! (Long format data works best for now)
For those curious, the stack is a simple Django app with HTMX/Alpine and all of the charts are specified and rendered as Vega (https://vega.github.io/vega/). Lots of LLM function calling under the hood as well.
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.
It's only meaningful to consider that our world is a simulation if it is an imperfect one, otherwise you're just using "simulation" as an awkward synonym for "reality".
Click the "snow" button enough (https://catdad.github.io/canvas-confetti/) and you'll get a horizontal line separating the pre-slowdown flakes from the post-slowdown flakes. I suppose that's the kind of simulation imperfection that we might look for.
Personally, I don't think we're hacking our way out of this one any time soon, so I'm happy to just call it reality.
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
Canvas related posts
-
Chapter 1: Boring SVG Manipulation
-
Ask HN: Why Htmx So Controversial?
-
How to configure the outer border of the primitive when hovering in a bar chart?
-
How to display segmented linear progress bar?
-
Does the primitive shape support SVG?
-
VChart, How to perform event tracking based on Tooltip behavior
-
How to draw a line chart with a multi-line layout
-
A note from our sponsor - SurveyJS
surveyjs.io | 20 May 2024
Index
What are some of the best open-source Canva projects? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 99,250 |
2 | excalidraw | 74,166 |
3 | Chart.js | 63,595 |
4 | echarts | 59,130 |
5 | anime.js | 48,824 |
6 | PixiJS | 42,689 |
7 | phaser | 36,421 |
8 | rough | 19,515 |
9 | A-Frame | 16,230 |
10 | matter-js | 16,028 |
11 | x-spreadsheet | 13,798 |
12 | react-canvas | 13,126 |
13 | nivo | 12,742 |
14 | G2 | 11,976 |
15 | vega | 10,881 |
16 | Konva | 10,848 |
17 | piskel | 10,785 |
18 | zdog | 10,244 |
19 | signature_pad | 10,162 |
20 | dom-to-image | 10,120 |
21 | canvas-confetti | 8,816 |
22 | react-diagrams | 8,370 |
23 | lightweight-charts | 8,349 |
Sponsored