Search Results for "webgl"

webgl-plot is a high-performance plotting library for real-time data visualization in the browser using WebGL. Unlike traditional canvas or SVG-based charting libraries, webgl-plot is optimized for streaming and dynamic updates, making it ideal for oscilloscope-style data, biomedical signals, or any application where data updates hundreds of times per second.

Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. It can be deployed easily as a single file, just 21kB gzipped, and then embedded into pages as an <iframe>. A configuration utility is included to generate the required code for embedding. An API is included for more advanced integrations.

glfx.js is a JavaScript image-effects library that uses WebGL to apply real-time filters and transformations directly in the browser. It exposes a simple API where images are uploaded into GPU textures, processed with shader-based filters, and rendered to a WebGL canvas. Because the work is done on the GPU, many effects that would be too slow in pure JavaScript (like complex blurs, lens effects, or tilt-shift) can run interactively, even on large images.

...It is designed for speed and scalability, handling large graph datasets with smooth rendering and interactive capabilities such as dragging nodes and zooming. The library supports multiple rendering backends including SVG, WebGL, and Canvas, allowing developers to choose the best balance of performance and visual fidelity for their use case. Its layout algorithms help position nodes in aesthetically pleasing arrangements using force-directed simulations that adjust dynamically as the graph evolves. VivaGraphJS is modular, so you can extend or customize layouts, rendering, and interaction logic to fit specialized applications such as social network analysis, dependency mapping, or knowledge graphs.

...Rather than being a traditional codebase, it functions as a knowledge hub that aggregates tutorials, libraries, research papers, and inspirational materials across multiple domains such as WebGL, shaders, animation, and design systems. The repository is structured to help developers discover high-quality tools and deepen their understanding of graphics programming ecosystems. It emphasizes practical learning by linking to real implementations and community-driven resources, making it especially useful for both beginners and experienced developers seeking inspiration or solutions. ...

webgl-heatmap is a browser-side rendering library that uses the GPU via WebGL to draw smooth, continuous heatmaps from large numbers of data points. Instead of relying on CPU-bound canvas operations, it leverages fragment shaders and additive blending to accumulate intensity and colorize results in real time. The API lets you push points or weighted samples into a buffer and then renders a gradient map where hot areas emerge organically from density rather than discrete markers. ...

...The library focuses on clarity and correctness: its implementation is intentionally concise and readable so developers can understand the algorithm, while still correctly handling tricky edge cases such as overlapping coplanar polygons. A WebGL-based demo shows how two solids can be combined interactively in the browser, making it a great educational tool for learning CSG concepts. The API allows you to create primitives (cubes, spheres, etc.) and then combine or transform them programmatically, producing new mesh geometry for rendering or export. Because it is dependency-light and pure JavaScript, csg.js can be integrated into custom modeling tools, CAD-like apps, games, or procedural modeling pipelines running in the browser or Node.