Dygraphs: Visualization Library In JavaScript

Dygraphs is an open source JavaScript library that you can use to create interactive, zoomable charts of time series, capable of displaying huge data sets and enabling users to explore and analyse them. Check out the examples at the link, along with sample code to get you started. Looks dead simple to use. Dygraphs sends no data to any servers – it is client-side JavaScript, processed entirely in the client’s browser.  If you work with JavaScript you’re going to love this because as far as I can see it really transforms the user interface potential of the language into something terrific.

Javascript Carousel Widget

iCarousel is an open source JavaScript tool for creating carousel like widgets.  Based on the MooTools JS library, iCarousel is a nice widget with lots of possibility for customization.  We are starting to see a lot of these interesting widgets for various types of functionality that are geared towards applications like photography and e-commerce and plenty of others. It’s indicative of the versatility and power of JavaScript that these additional tools are created to extend the language into all sorts of interesting areas. Widgets are coming into their own as small applications created for very specific tasks,  and we are seeing that even non-technical users find them to be very easy to use.

Speed Up JavaScript Object Detection

Dean Edwards has a great JavaScript tip that will show you how to Speed Up Object Detection.  New theory must be an outstanding tip if it’s the very first on a supposedly recurring series! This is valuable because of all the irregularities that one finds even today in browsers (and not only Internet Explorer), which force us to create different branches for different browsers. The particular tip that Edwards is showing us today with the help of code snippets within the article allows us to perform object detection only one time when we call addEvent for instance, rather than every time we call it.

JavaScript Lightbox

Lightbox JS is a nifty unobtrusive script used to to overlay images on the current page. It’s a simple to setup and works on all modern browsers. So simple in fact, all you need to do is add a rel="lightbox" attribute to the anchor tag that surrounds the img element and the effect is added on page load!  I am starting to see the script in action around the Internet and it is a very elegant addition to your graphic user interface that will enhance the presentation of images, regardless of the kind of site to which you add it. And anyway I like featuring JavaScript scripts like this on this site because we all most likely have a folder full of them for reference.

Custom JavaScript Alert Dialog

Tired of the default alert dialog that your web browser displays? Custom Alert is a demonstration of how to over-ride the default window.alert method of a browser and will allow you to create alert messages that fit in with the overall style of your web application. The author has posted a disclaimer to the effect that this is only a demonstration; this method does not allow for true modality so it may not in fact be an alternative worthy of a production environment, relative to how the window.alert  method behaves. Still though, this custom alert demonstration is worth taking a look at.

[link via The JavaScript Weblog]