Search Results for "canvas"
Sort By:
Showing 37 open source projects for "canvas"
View related business solutions-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
1
Cowart
Local infinite canvas plugin for Codex
Cowart is a local infinite-canvas plugin designed specifically for Codex-powered creative workflows. Built on top of tldraw, it provides a visual workspace where users can brainstorm ideas, annotate images, generate new artwork, and iterate on existing visuals through AI-assisted editing. The canvas runs as a local web service and stores project data directly inside the user's workspace rather than in the plugin repository, making it suitable for project-centric workflows. ... -
2
Pushy jQuery
Pushy is a responsive off-canvas navigation menu using CSS transforms
Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. This project was inspired by the off-canvas navigation menu seen on Medium. Pushy has been implemented on many sites, check them out! Feel free to contact me if you use Pushy in one of your websites. Pushy has been featured on the Treehouse Show and in a book. -
3
Cytoscape.js
Graph theory library for visualization and analysis
...Designed for users first, for both frontfacing app usecases and developer usecases. Highly optimized. Compatible with All modern browsers. Legacy browsers with ES5 and canvas support. ES5 and canvas support are required, and feature detection is used for optional performance enhancements. Browsers circa 2012 support ES5 fully: IE10, Chrome 23, Firefox 21, Safari 6 (caniuse). Browsers with partial but sufficient ES5 support also work, such as IE9 and Firefox 4. The documentation and examples are not optimized for old browsers, although the library itself is. ... -
4
ECharts
A powerful, interactive charting and visualization library for browser
...It offers a rich set of features that includes rendering ability for ten-million-level data, Wechart and Powerpoint support, multi-dimension data analysis, and more. It also has a number of extensions for various applications. ECharts is written in pure JavaScript, and is based on zrender, a new and lightweight canvas library. -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
5
p5.js
Client-side JS platform for artists, designers and students to express
...p5.js is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone. Using the metaphor of a sketch, p5.js has a full set of drawing functionality. However, you’re not limited to your drawing canvas. You can think of your whole browser page as your sketch, including HTML5 objects for text, input, video, webcam, and sound. p5.js is an interpretation of Processing for today’s web. We hold events and operate with support from the Processing Foundation. For self-learners and animators, artists, game makers, creative-technologists, curriculum planners, designers, graphic designers, graphics editors, learning experience designers, project managers, software engineer, student, teachers, university faculty members, visualization researchers, etc. -
6
sigma.js
A JavaScript library dedicated to graph drawing
...It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications. Sigma provides a lot of built-in features, such as Canvas and WebGL renderers or mouse and touch support, to make networks manipulation on Web pages smooth and fast for the user. The default configuration of sigma deals with mouse and touch support, refreshing and rescaling when the container's size changes, rendering on WebGL if the browser supports it and Canvas else, recentering the graph and adapting the nodes and edges sizes to the screen. ... -
7
DXcharts Lite
Flexible open source financial charting library
...DXcharts Lite provides a wide-ranging selection of asset classes and extensive market coverage. This includes a variety of financial instruments such as stocks, forex, cryptocurrencies, and more. - Efficiency and speed. The platform uses HTML5 based on canvas to ensure smooth chart loading and data processing. - Snapshots. The snapshot feature is a handy tool that allows users to take and share chart snapshots anywhere. - Customisation. The platform offers users the ability to personalise their workspace allowing traders to customise their own theme or choose between the predefined dark or white ones. -
8
OpenLayers
A high-performance, feature-packed library for all your mapping needs
...Pull tiles from OSM, Bing, MapBox, Stamen, and any other XYZ source you can find. OGC mapping services and untiled layers also supported. Render vector data from GeoJSON, TopoJSON, KML, GML, Mapbox vector tiles, and other formats. Leverages Canvas 2D, WebGL, and all the latest greatness from HTML5. Mobile support out of the box. Build lightweight custom profiles with just the components you need. Style your map controls with straight-forward CSS. Hook into different levels of the API or use 3rd party libraries to customize and extend functionality. -
9
jCanvas
A jQuery plugin that makes the HTML5 canvas easy to work with
jCanvas is a jQuery plugin that makes the HTML5 canvas easy to work with. jCanvas is a JavaScript library, written using jQuery and for jQuery, that wraps around the HTML5 canvas API, adding new features and capabilities, many of which are customizable. Capabilities include layers, events, drag-and-drop, animation, and much more. The result is a flexible API wrapped up in a sugary, jQuery-esque syntax that brings power and ease to the HTML5 canvas. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
10
LombokCharts
Canvas and SVG renderers, LTTB decimation,real-time streaming layer
LombokCharts A zero-dependency charting library for the browser. It pairs a small grammar-of-graphics core (Data → Scale → Mark) with pluggable Canvas and SVG renderers, LTTB decimation, and a real-time streaming layer — so the same API draws a five-point bar chart or a five-million-point line without changing shape. -
11
Neiki's Charts
Lightweight SVG chart Web Component
...Charts are fully responsive, support light and dark themes with automatic prefers-color-scheme detection, and expose a simple JS API for data and options. Tooltips, legends, animations, and grid lines are all controlled through standard HTML attributes. All rendering is pure SVG — no Canvas — making charts scalable, printable, and inspectable in DevTools. Accessibility is built in with proper ARIA roles, keyboard-navigable legends, and full prefers-reduced-motion support. -
12
D3.js
A JavaScript library for visualizing data using web standards
D3.js (or D3 for Data-Driven Documents) is a JavaScript library that allows you to produce dynamic, interactive data visualizations in web browsers. With D3 you can bring data to life using SVG, Canvas and HTML. Powerful visualization and interaction techniques plus a data-driven approach to DOM manipulation means D3.js gives you greater design freedom and control over the final result. -
13
SiriWave
The Apple® Siri wave-form replicated in a JS library
The "Apple Siri" wave is replicated in pure Javascript using the Canvas API. To learn more about the project, read the blog post, and check the demo or code pen. Import the UMD package via the unpkg CDN and it's ready to use. Create a div container and instantiate a new SiriWave object. Stop the animation and destroy the canvas, by removing it from the DOM. Subsequent start() calls on this SiriWave instance will fail with an exception. -
14
Smoothie Charts
Smooth JavaScript charts for realtime streaming data
...It focuses on smooth live updates instead of charts that visibly jump every time new data arrives. Developers can create a TimeSeries object, attach it to a SmoothieChart, and stream the chart into an HTML canvas element. Data points can be appended continuously, making it useful for dashboards, monitoring tools, server metrics, sensors, and other live feeds. The project includes examples, documentation, an interactive builder, and installation options through npm, Yarn, Bower, or direct JavaScript usage. Overall, it is a lightweight option for adding fluid, browser-based streaming charts. -
15
Flowy
The minimal javascript library to create flowcharts
flowy is a minimal JavaScript library for building interactive flowchart-style interfaces in web applications, allowing developers to create node-based editors, automation builders, or visual programming tools with relatively little code. It provides draggable, connectable blocks (nodes) that can be placed on a canvas, connected via lines, and rearranged dynamically while preserving the underlying graph structure. The library focuses on simplicity and aesthetics, offering a clean look out of the box that can be customized with your own CSS, making it suitable for dashboards, SaaS products, or internal tools. Events emitted by flowy enable integration with your own data model, so you can sync block positions, connections, and metadata back to a database or application state. ... -
16
glfx.js
An image effects library for JavaScript using WebGL
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. The library is structured around three components: textures (image sources), filters (shader pipelines), and canvases (render targets), making it easy to compose multiple effects. ... -
17
jeelizFaceFilter
Javascript/WebGL lightweight face tracking library
This JavaScript library detects and tracks the face in real time from the camera video feed captured with WebRTC. Then it is possible to overlay 3D content for augmented reality applications. We provide various demonstrations using main WebGL 3D engines. We have included in this repository the release versions of the 3D engines to work with a determined version (they are in /libs/<name of the engine>/). This library is lightweight and it does not include any 3D engine or third-party library.... -
18
JavaScript Load Image
Load images provided as File or Blob objects or via URL
JavaScript-Load-Image is a client-side image loading and processing library that focuses on turning File/Blob objects or remote URLs into HTML <img> or <canvas> elements, optionally transformed in the process. It is often used in upload flows where images need to be previewed, resized, rotated, or cropped before being sent to a server, reducing bandwidth and improving user experience. The library can interpret image metadata, including Exif and IPTC tags, and can extract embedded thumbnails when present, which is handy for building fast image pickers or galleries. ... -
19
RecordRTC
RecordRTC is WebRTC JavaScript library for audio/video
RecordRTC is a client-side JavaScript library for recording browser media streams. It can record audio, video, screen activity, canvas animation, and combined media sources through WebRTC-related browser APIs. The library supports common modern browsers across Windows, macOS, Linux, Android, and selected iOS or Safari use cases. Developers can use promise-based or callback-based recording flows, then retrieve blobs for saving, uploading, or playback. It offers multiple recorder strategies, MIME type options, time-sliced blob delivery, CDN usage, npm installation, and many demos. ... -
20
WebRTC-Experiment
WebRTC, WebRTC and WebRTC. Everything here is all about WebRTC
...The repository acts as a catalog of related projects rather than one narrow library. It links together tools such as RecordRTC, MultiStreamsMixer, DetectRTC, RTCMultiConnection, scalable broadcasting, Canvas Designer, and Translator. Developers can study the examples to understand WebRTC APIs, signaling patterns, browser support, device detection, and peer-to-peer behavior. It is useful for prototyping browser-based communication apps and learning practical WebRTC implementation ideas. -
21
Face-Detection-JavaScript
Small browser-based computer vision demo
...It loads face detection, facial landmark, face recognition, and facial expression models from a local models folder. Once the webcam stream starts, the app creates a canvas overlay and draws detection results directly over the video feed. It can identify face boxes, map facial landmark points, and display detected expressions in near real time. The project is simple enough for beginners to study, but it still demonstrates the core pieces needed for webcam access, model loading, detection loops, result resizing, and canvas rendering. ... -
22
VivaGraph
Graph drawing library for JavaScript
...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. -
23
HTML5 Demos and Examples
Collection of hacks and demos showing capability of HTML5 apps
HTML5 Demos and Examples is a classic collection of HTML5 experiments and demonstration files created to show the capabilities of modern web APIs and browser technologies during the rise of HTML5. The repository is an archive of interactive examples—ranging from canvas tricks to video, audio, drag-and-drop, WebSockets, and more—that illustrate how HTML, CSS, and JavaScript can combine to build rich, browser-centric experiences without plugins. Each demo is a self-contained piece of code you can open, explore, and learn from, and the collection was curated to help developers grasp emerging standards at a time when HTML5 was gaining traction and not yet ubiquitous. ... -
24
printThis
jQuery printing plugin; print specific elements on a page
jQuery printing plugin; print specific elements on a page. Filter which inline style attributes to remove. Requires removeInline to be true. Accepts custom CSS/jQuery selectors. The amount of time to wait before calling print() in the printThis iframe. Defaults to 1000 milliseconds. Appropriate values depend heavily on the content and network performance. Graphics heavy, slow, or uncached content may need extra time to load. Use a custom page title on the iframe. This may be reflected on the... -
25
PDF API HTML5 Web Apps
Mini SDK JavaScript API library PDF web apps
A condensed library designed to web modern applications, to quickly export your content html to pdf thanks the famous library in javascript: jsPDF. And a special thanks to the project canvg and html2canvas. Project documentation: http://ulmdevice.altervista.org/pdfapihtml5/#documentation ========== Also available service for Angular 7+: http://ulmdevice.altervista.org/pdfjsapi/ Mobile Applications: http://bit.ly/1MrlgKk Opera add-on: http://bit.ly/1kkMhTa
