Superhero.js. Intention.js. 25 Awesome Open Source JavaScript | jQuery Chart Library for Web Developer. There are many javascript chart tools available on the web. Javascript code can easily plot beautiful charts and graphs. This is a list of javascript charts and graphs open source libraries that can help you plot charts easily using JS. Although a web application can use many ways to depict graphs or data, still client side processing of data reduces the load on server and improves overall latency. Open source JavaScript charting libraries are great tools for implementing data in the form of charts and graphs at the client side. The list of famous open source JavaScript charting libraries is given below- There are a number of other good JavaScript charting libraries too, besides the ones mentioned.
Daniel Davis - List of JavaScript charting libraries. NVD3.js :: re-usable charts for d3.js. [Announcement] WebEngage Notifications: adding awesomeness to user messaging | WebEngage Blog. Hello, It gives me immense pleasure to announce an ultra-cool, new add-on to WebEngage. After our in-site feedback and survey products inside WebEngage, we are very close to releasing the third product in our bundle – Notifications. Simply put, notification is a plug-n-play, DIY messaging tool for your website.
The illustration below, tries to explain the product idea - Notifications Some simple use-cases for notifications:1. 2. Seereferrer based targeting 3. Seesearch based targeting 4. Seebrowser based targeting 5. SeeURL & time based targeting Smart Notifications Wait, I am not done, yet. So, the idea is to pick up messages from your Twitter/FB/LinkedIn or Blog and display those as notifications on your site. We’ll be adding complete customization capabilities (colors, targeting etc) to Notification.
Notification product is now live. . - Avlesh. SyntaxHighlighter. What Can You Do With Paper.js? There are many JavaScript frameworks that leverage HTML5. Paper.js is one of these frameworks that uses Document Object Model (DOM) to structure objects in an easy-to-understand manner. It offers creative and neat ways of doing lots of stuff on a Web browser that supports the <canvas> tag. It also offers a new and interesting approach to drawing vector graphics. The basic setup is shown below: As you can see, the paper.js is included after which you add your code file under “type=”text/….” Working with Predefined Shapes Paper.js allows you to use predefined shapes of varying dimensions and create path items and segments.
Var myCircle = new Path.Circle(new Point(300, 70), 50); myCircle.fillColor = 'black'; This piece of code creates a black circle with a radius of 50pts and at the x position of 300 and a y position of y. To create a rectangle, you pass the “Rectangle” constructor the same way as a circle as shown below: Creating Interaction Creating Animations function onFrame(event) { } d3.js. Notifier.js – Elegant Javascript notifications | Srirangan. Native JavaScript H.264 decoder offers compelling demo of JS performance. Mozilla developer Michael Bebenita has released a JavaScript-based H.264 decoder that is intended to run natively in Web browsers. The decoder, which can display video at 30 frames per second on conventional hardware, is yet another compelling demonstration of JavaScript’s performance potential. JavaScript creator Brendan Eich included a demonstration of the H.264 decoder—codenamed Broadway—during a presentation at the ACM’s annual OOPSLA conference.
The demonstration attracted some attention, prompting the developers to publish the source code. Broadway is based on the open source H.264 decoder that Google uses in Android. The Mozilla developers simplified the Android H.264 decoder—which is written in the C programming language—and converted it to JavaScript. They used Emscripten, a compiler that translates LLVM bitcode into JavaScript.
In addition to the Emscripten-generated H.264 decoder, the Broadway developers are also working on a separate implementation that is coded by hand. Dominictarr/JSON.sh - GitHub. Backbone.js Screencasts - Learn Backbone.js quickly with these screencasts. Josephg/ShareJS - GitHub. Patterns For Large-Scale JavaScript Application Architecture. Today we're going to discuss an effective set of patterns for large-scale JavaScript application architecture.
The material is based on my talk of the same name, last presented at LondonJS and inspired by previous work by Nicholas Zakas. Who am I and why am I writing about this topic? I'm currently a JavaScript and UI developer at AOL helping to plan and write the front-end architecture to our next generation of client-facing applications. As these applications are both complex and often require an architecture that is scalable and highly-reusable, it's one of my responsibilities to ensure the patterns used to implement such applications are as sustainable as possible. I also consider myself something of a design pattern enthusiast (although there are far more knowledgeable experts on this topic than I). I've previously written the creative-commons book 'Essential JavaScript Design Patterns' and am in the middle of writing the more detailed follow up to this book at the moment. 1. 2. 3.
Gitgraph.js - convert git log to image by HTML5 canvas : programming. Former Apple HTML5 Leader Builds His Own Apps Platform. His brainchild is SproutCore, a JavaScript library whose goal is to accelerate HTML5 apps on multiple platforms, including tablets, so their execution speed approaches that of native apps. Charles Jolley began work on SproutCore at Apple, and was a key architect for Apple's vision of HTML5: a standards-driven effort that could yet be maneuvered to showcase Apple's strengths. But one of that effort's first culminations was MobileMe, Apple's first attempt at a data-syncing service for Mac and iPod/iPhone customers. That effort became synonymous with "disaster," one which then-CEO Steve Jobs promised to rebuild. Not very good with failures, Apple let MobileMe languish, and its HTML5 message was dialed down. Rumors such as a reconceiving of the iWork platform diminished, and eventually Jolley left Apple, taking SproutCore with him.
The list of people who have left Apple to do something successful is very, very short - after Steve Jobs himself, the names aren't very recognizable. Keymaster.js. Cryptico.js - An easy-to-use strong encryption system utilizing RSA and AES for javascript. Node.js: Express, Socket.io, and everything LearnBoost. This post is part of a series of articles about my recent experience building Sled using Node.js. Express It There wasn’t much of selection 6 months ago when I started coding Sled when it came to Node frameworks. Node itself provides very little. You create an HTTP server and get a callback when a new HTTP request comes in. Modern web applications require session management, request routing, and view rendering at the very least. These functions are provided by frameworks. At the time, the only two popular frameworks were Connect and Express. I use Express extensively and it is fantastic. Express’ biggest asset is its maintainer, TJ Holowaychuk.
I plan to open source some of the additional functionality I’ve added on top of Express to validate request bodies and query parameters, a flexible authentication configuration facility for routes, and a light layer to make it easier to building API servers. Express really shines when you combine it with Jade, another brilliant brainchild of Mr. Examples. Examples Boolean Operations Candy Crash Satie Liked To Draw Chain Tadpoles Nyan Rainbow Rounded Rectangles Radial Rainbows Meta Balls Voronoi Future Splash Smoothing Spiral Raster Division Raster Q-bertify Path Intersections Path Simplification Hit Testing Bouncing Balls. Home. DocumentCloud's VisualSearch.js. Created by Samuel Clay, @samuelclay. VisualSearch.js enhances ordinary search boxes with the ability to autocomplete faceted search queries.
Specify the facets for completion, along with the completable values for any facet. You can retrieve the search query as a structured object, so you don't have to parse the query string yourself. Here's an example of a search on DocumentCloud.org that uses facets. The project is hosted on GitHub. You can report bugs and discuss features on the issues page, on Freenode in the #documentcloud channel, or send tweets to @documentcloud. VisualSearch.js is an open-source component of DocumentCloud. Table of Contents Demo | Downloads | Usage | Links | Change Log Demo Try searching for: account, filter, access, title, city, state, or country.
Downloads (Right-click, and use "Save As") Usage To use VisualSearch.js on your site, follow these instructions on installation, configuration, and customization. Change Log June 23rd, 2011 Initial release of VisualSearch.js.