Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 23 JavaScript Graphic Projects
-
Protip: get draw.io if you want to edit that file. Or just use the online https://www.drawio.com/ (previously diagram.net?)
-
p5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
In this last section, I'll be creating some visual examples to show how helpful loops can be. I'll be using p5js, a JavaScript library with functionality for creative coding. That being said, I'll try to give a condensed version of the functions being utilized in the following examples.
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
Looking here: https://github.com/c3js/c3/issues/2831
-
three-mesh-bvh
A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.
the default one ( with the sop/boolean node ) uses https://github.com/gkjohnson/three-mesh-bvh, which is very stable already.
-
-
three-gpu-pathtracer
Path tracing renderer and utilities for three.js built on top of three-mesh-bvh.
Yeah this is neat but it is 90% not done and that is being generous.
For a open source path tracer with a full glTF compatible material model and lighting and runs in the browser check out:
https://github.com/gkjohnson/three-gpu-pathtracer
Or if you want hardcore features look at Moonray from Dreamworks:
-
-
InfluxDB
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
-
-
three-bvh-csg
A flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh
there's csg, but that's just very simple boolean operations https://codesandbox.io/s/csg-house-y52tmt try this library for instance https://github.com/gkjohnson/three-bvh-csg
-
urdf-loaders
URDF Loaders for Unity and THREE.js with example ATHLETE URDF Files open sourced from NASA JPL
Project mention: Hello, is there a tutorial or something where i can manage same result? | /r/ROS | 2023-02-27 -
SPX-GC
SPX is a graphics control client for live video productions and live streams using CasparCG, OBS, vMix, or similar software.
-
retrace.gl
Create, ray trace & export programatically defined Signed Distance Function CSG geometries with an API suited for generative art - in your browser! 🎉
-
react-native-gcanvas
react native canvas based on gpu opengl glsl GCanvas -- A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎)
-
closed-chain-ik-js
A generalized inverse kinematics solver that supports closed chains for parallel kinematics systems, dynamic reconfiguration, and arbitrary joint configuration based on damped least squares error minimization techniques
Project mention: Hello, is there a tutorial or something where i can manage same result? | /r/ROS | 2023-02-27 -
-
According to this GKJohnson had a fairly long road ahead to make everything work..
-
Literally the first thing that pops on when googling.
-
-
-
isometric-css
Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.
-
-
-
Project mention: Hacktoberfest 2023: Where Open Source Enthusiasts of All Levels Unite | dev.to | 2023-09-27
In its illustrious decade, Hacktoberfest has transformed from a modest initiative to a global festival. Last year alone, more than 145,000 developers across 150 countries merged more than 300,000 pull requests. Projects like Kubernetes, React, and TensorFlow have all been beneficiaries of this collective effort. The #hacktoberfest hashtag has become a beacon on social media, illuminating the vast expanse of the open-source universe.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
JavaScript Graphics related posts
- Repetition can make you loopy!: Intro to JavaScript Loops
- G9.js: Automatically Interactive Graphics
- Octos – HTML live wallpaper engine
- [OC] Monthly Performance of the S&P 500: 94 Years in 1 Video.
- [OC] I created a simple, free waveform and genre visualizer for your top ten Spotify songs, a few samples below and link to the tool in the comments!
- Different texture types
- HarvardX CS50's Introduction to Programming with Python
-
A note from our sponsor - Sonar
www.sonarsource.com | 4 Oct 2023
Index
What are some of the best open-source Graphic projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | drawio-desktop | 42,991 |
2 | p5.js | 19,947 |
3 | c3 | 9,293 |
4 | three-mesh-bvh | 1,946 |
5 | 3DTilesRendererJS | 1,259 |
6 | three-gpu-pathtracer | 1,033 |
7 | Odoo | 813 |
8 | octos | 507 |
9 | three-bvh-csg | 395 |
10 | urdf-loaders | 311 |
11 | SPX-GC | 243 |
12 | retrace.gl | 188 |
13 | react-native-gcanvas | 172 |
14 | closed-chain-ik-js | 120 |
15 | QuickPlot | 85 |
16 | source-engine-model-loader | 65 |
17 | OpenGraphics | 64 |
18 | 3d-core-raub | 60 |
19 | trace.moe-media | 37 |
20 | isometric-css | 35 |
21 | art | 29 |
22 | ChelseaJS | 25 |
23 | hacktoberfest-data | 21 |