Search Results for "drawing"
Sort By:
Showing 26 open source projects for "drawing"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
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. -
2
sigma.js
A JavaScript library dedicated to graph drawing
Sigma is 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. ... -
3
two.js
A renderer agnostic two-dimensional drawing api for the web
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. -
4
Fabric.js
Javascript Canvas Library and SVG-to-Canvas Parser
Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple... -
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
5
css-doodle
A web component for drawing patterns with CSS
<css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on all major browsers right now without polyfills. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself. Download the latest version or include it directly from a CDN. You can also install it from npm and import the module in JavaScript. The syntax... -
6
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. -
7
Pencil
The Pencil Project's unique mission is to build a free tool
...The latest stable version of Pencil is 3.1.0 which contains stability fixes and many new features. More details can befound in the releaste notes. Pencil provides various built-in shapes collection for drawing different types of user interface ranging from desktop to mobile platforms. Starting from 2.0.2, Pencil is shipped with Android and iOS UI stencils pre-installed. This makes it even easier to start protyping apps with a simple installation. Starting from 2.0.2 Pencil has even more shape collections included by default. The list of built-in collections now includes general-purpose shapes, flowchart elements, desktop/web UI shapes, Android and iOS GUI shapes. -
8
Vivus.js
JavaScript library to make drawing animation on SVG
...They all start and finish at the same time, hence the name `sync`. Each path element is drawn one after the other. This animation gives the best impression of live drawing. To give more freedom, it's possible to override the animation of each path and/or the entire SVG. It works a bit like the CSS animation timing function. But instead of using a cubic-bezier function, it use a simple JavaScript function. It must accept a number as parameter (between 0 to 1), then return a number (also between 0 and 1). ... -
9
lottery
Annual Meeting Lottery Procedure
lottery is a browser-based lottery drawing program designed for company annual meetings and event prize draws. It gives organizers a visual way to select winners from a participant pool. The workflow lets users choose a draw size, start the lottery animation, and stop it to generate the final results. It supports draw sizes such as 30, 10, 5, 2, or 1 winner at a time. After a participant wins, the app marks that person so they are not selected again in later rounds. -
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
10
Rickshaw
JavaScript toolkit for creating interactive real-time graphs
...Rickshaw relies on the fantastic D3 visualization library to do lots of the heavy lifting for stacking and rendering to SVG. Some extensions require jQuery and jQuery UI, but for drawing some basic graphs you'll be okay without. Rickshaw uses jsdom to run unit tests in Node to be able to do SVG manipulation. As of the jsdom 7.0.0 release, jsdom requires Node.js 4 or newer jsdom changelog. -
11
Face-Detection-JavaScript
Small browser-based computer vision demo
Face-Detection-JavaScript is a small browser-based computer vision demo that uses JavaScript and face-api.js to analyze live webcam video. 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... -
12
VivaGraph
Graph drawing library for JavaScript
VivaGraphJS is a powerful, high-performance graph drawing library for JavaScript that enables developers to visualize complex networks directly in the browser or in Node.js environments. 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. ... -
13
Raphaël
JavaScript vector library
...This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy. Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+. Versions will be released as we gather and test new PRs. As there are a lot of browsers being supported it might take a while to accept a PR, we will use the feedback from other users too. ... -
14
Phaser 3 Plugin Path Builder
Draw and edit Lines, Bezier Curves, Splines at runtime
Phaser 3 Plugin Path Builder is a tool that allows developers to create and edit paths for path followers and tweens within Phaser 3 games. It supports various path types and enables runtime editing and exporting of paths. -
15
Drception
Fractals generator with powerful functionality.
Fractals generator with powerful functionality. E-mail: programmingspecial@gmail.com -
16
EaselJS
Work with the HTML5 Canvas element easily
...It consists of a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier. Added drawPolygon(), pg() and Polygon() Added commands for drawing a polygon from an array of point arrays [[x,y],[x,y],etc] with tiny API of pg as dp is already taken for polystar. -
17
ProgressBar.js
Responsive and slick progress bars
...ProgressBar.js is lightweight, MIT licensed and supports all major browsers including IE9+. A simple code example of creating a Line shaped progress bar and animating it from 0% to 100%. ProgressBar.js uses shifty tweening library to animate path drawing. So in other words, animation is done with JavaScript using requestAnimationFrame. Animating with JS gives more control over the animation and is supported across major browsers. For example IE does not support animating SVG properties with CSS transitions. -
18
Javascript-Voronoi
JS implementation of Fortune's algorithm to compute Voronoi cells
...It’s especially useful in web UIs, visualizations, interactive maps, and generative-art contexts where you need dynamic tessellations or diagrammatic layouts. The library exposes API functions for computing cells, retrieving neighbors, and drawing results into canvas or SVG. Because it is pure JavaScript and self-contained, it integrates easily with browser or Node.js applications without heavy dependencies. For developers exploring spatial algorithms, generative UI, or interactive diagrams, this codebase is a practical reference and tool to build upon. -
19
isomerjs
Simple isometric graphics library for HTML5 canvas
...The renderer orders surfaces by depth to reduce visual overlap problems when drawing complex scenes. Developers can combine custom paths and colors to construct buildings, diagrams, game graphics, and procedural illustrations. The library can be added directly through a script file and requires no dedicated 3D rendering engine. -
20
Zebra_Tooltips
A lightweight tooltips plugin for jQuery
...When shown programmatically, the tooltips will feature a “close” button and clicking it will be the only way of closing tooltips opened this way. This is very useful for drawing users’ attention to specific areas of a website. Appearance can be easily customized both through JavaScript and/or CSS. Also, tooltips can be aligned left, center or right relative to the parent element. Zebra_Tooltips make use of NO IMAGES (uses CSS3 for rounded corners and drop shadow and falls back gracefully for browsers that don’t support CSS3) and the tooltips can be attached to any element not just anchor tags! ... -
21
Facebox
Facebook-style lightbox, built in jQuery
...The plugin is inspired by early lightbox implementations and focuses on simplicity and ease of integration into existing web projects. It provides a clean user experience by dimming the background and highlighting the modal content, drawing attention to the displayed information. Facebox supports loading content via AJAX, making it useful for dynamic applications where content is fetched on demand. It also includes basic styling and animation effects to enhance usability and presentation. -
22
An extension of GWTCanvas widget to allow leveraging all of the features of the HTML 5 canvas element, like drawing text and shadows. Depends on browser support for the canvas element. See project home page link for usage details.
-
23
-
24
-
25
UMLetino
Web-Based UML Diagram Tool
...It runs in your browser, and does not require any installs. It is based on UMLet (which is available as stand-alone tool or Eclipse plugin), and shares its fast, text-based way of drawing UML sketches. Main features: install-free web app; support for many UML diagram types; simple, markup-based UML element modifications; png export.