Open Source JavaScript Graphics Software - Page 4

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. 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. You can use the raphaelTest.html to try things, you need to start a server in the root dir to start testing things there.

Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform. Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the fonts. You can either use one of the bundled icons supported or roll your own custom font. Since Icon builds on top of the Text component, most style properties will work as expected, you might find it useful to play around with background color, border width, border color, border radius, padding, margin, color, font size, etc.

Rickshaw provides the elements you need to create interactive graphs, renderers, legends, hovers, range selectors, etc. You put the pieces together. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you like with techniques you already know. Rickshaw is free and open source, available under the MIT license. Developed at Shutterstock. 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.

Picture Gallery viewable with HTML web browsers. All dynamics is implemented at client-side in JavaScript. This approach is useful when the server side is able to provide only static contents, or if the gallery is stored on CDROM or other media.

SvgUP is an open source platform for building interactive Web applications based on SVG components and other web standards like JavaScript, CSS, RDF and DTD. SvgUP allows the separation of concerns by dividing the applications into modules.

Salto framework is an AJAX based framework which makes possible to build a Web application very quickly. Thanks to AJAX mechanism, datas exchanges between client side an server side are reduced. You are able to refresh only a part of the screen.

A simple web interface for Blender, for rendering animation with clusters. "Blender is the free open source 3D content creation suite, available for all major operating systems under the GNU General Public License."

Scriptio is a framework for presenting animations and educational content in a rich online experience. Featuring an easy-to-learn scripting language for fast prototyping and production-quality development, Scriptio is designed for Web 2.0 application

This is a script for Photoshop to change hue, saturation and lightness of WordPress theme. It is often a case when you find a theme with layout you like, but you'd like the whole theme in different color. In such case our script will help you.

Stingray provides a robust Object Oriented Programing framework for Javascript. Stingray's classes lessen development time for graphic/multi-media designers and web developers and focus on new projects, rather than re-invent the wheel.

The Presentation framework for Web applications. On the basis of: HTML, JavaScript, DHTML. Configure your user interface with Tag libraries (for J2EE systems) or XSL templates (for any other WEB systems using XML/XSL).

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation. Each line is drawn synchronously. 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). It's a hook.

Wave is a PHP micro-framework that is built loosely following model-view-control architecture and factory method design pattern. It is made for web services, websites and info-systems and is built to support a native API architecture, caching, user control and smart resource management. Wave is a compact framework that does not include bloated libraries and features and is developed keeping lightweight speed and optimizations in mind. While not necessary for using Wave Framework, it comes by default with a URL and View controllers intended for building websites by solving URL requests and loading views. Mercurial and Git repositories is available for developers who are interested in following the development. Official website and documentation: http://www.waveframework.com Social networks for latest news: Google+ - http://plus.google.com/106969835456865671988 Facebook - http://www.facebook.com/waveframework Twitter - http://www.twitter.com/WWWFramework

Web 2.0 environment for collaborative and extensible design of object interconnection diagrams like UML, networks, circuits and other graph based diagrams. Client: Web-based (AJAX / Dojo Toolkit) Server: JEE Application (Struts Framework)

Javascript SDK for Nintendo Wii's Opera browser with classes for 3D vertex math, triangle meshes, canvas drawing, Wii Remote motion/button detecting, and multiuser interfaces. Official site: http://wiioperasdk.com and blog: http://blog.wiioperasdk.com.

art-template is a simple and superfast templating engine that optimizes template rendering speed by scope pre-declared technique, hence achieving runtime performance which is close to the limits of JavaScript. At the same time, it supports both NodeJS and browser. art-template simultaneously supports two syntax of template. Standard syntax allows templates to be easier to read and write. While original syntax has powerful logical processing ability. Original syntax is compatible with EJS, Underscore, LoDash templates. Performance is close to the JavaScript rendering limits. Debugging friendly. Syntax errors or runtime errors will be positioned accurately at which line of template. Support setting breakpoint in templating files (Webpack Loader). Supports Express, Koa, Webpack. Supports template inheritance and sub template. Browser version is only 6KB. Standard syntax supports basic templating syntax and JavaScript expression.

CLI tool for making HTML presentations with Remark.js using Markdown. Use bs init to create a new presentation along with a template directory in the current directory. The template directory is needed for backslide to transform your Markdown files into HTML presentations. You can create as many markdown presentations as you want in the directory, they will all be based on the same template. Use bs serve to start a development server with live reload. A page will automatically open in your web browser showing all your presentations. Select one to see the preview, you can then edit your .md file and see the changes immediately as you save the file. Any style change will also be applied live. Slides are written in Markdown, along with some useful Remark.js specific additions. See the Remark.js wiki for the specific syntax and helpers.

Comic Creation CMS will be an integrated CMS/Groupware/Portal webapplication for creating Comics/Graphic Novels fit for web and electronic publishing. Ambitions also to create an generic XML file format for active multimedia content comics (and more...)

CLI to bulk upload emojis to your Slack! Note you must have node and npm installed. If you don't, go to nodejs.org and follow the install instructions there. A file named batchUploadExample.sh is provided for your reference. Edit this file change the subdomain, email, and password parameters to your own and save it as batchUpload.sh or something similar. It optionally takes an argument for the directory path that contains your yaml files. If this is not provided './packs' will be used by default.

euDock is a Javascript Emulation of Dock style MAC OS X bar. Features: transparency, fading, external events and hooking to HTML objects. euDock 2.0 also support mouseMove events, PNG imagees on IE and programmable javascript objects.

Gitmoji is an initiative to standardize and explain the use of emojis on GitHub commit messages. Gitmoji is an emoji guide for GitHub commit messages. Aims to be a standarization cheatsheet, guide for using emojis on GitHub's commit messages. Using emojis on commit messages provides an easy way of identifying the purpose or intention of a commit with only looking at the emojis used. As there are a lot of different emojis I found the need of creating a guide that can help to use emojis easier. This project is Open Source, that means everyone can participate, suggesting, discussing and adding new emojis. Take a look at the contributing section and guidelines for contributing. An easy solution for using gitmoji from your command line, is to install gitmoji-cli. A gitmoji interactive client for using emojis on commit messages. This project is a static website built with Next.js. All the gitmojis displayed are rendered from a JSON file.

HTML5 canvas chart library (javascript) . Display and animate charts & graph in HTML5 Canvas. Signal,pie,ring,led,digital,odometer, radial and lineal meters, thermometer and vumeter,piramid,funnel,stack and Multiserie charts availables

Mac OS X and Windows OpenGL 3D Engine tools, content and code to create games and applications. Newton physics, OpenAL sound with OGG Vorbis, Lua, Revolution, written in C.

Lightweight, simple-to-use jQuery plugin to animate SVG paths. This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties.

jQuery MiniColors Plugin. A tiny color picker built on jQuery.