background preloader

Javascript

Facebook Twitter

Sample Diagrams for JavaScript and HTML, by Northwoods Software.

AngularJS

SunSpider 1.0.2 JavaScript Benchmark. This is SunSpider, a JavaScript benchmark. This benchmark tests the core JavaScript language only, not the DOM or other browser APIs. It is designed to compare different versions of the same browser, and different browsers to each other. Unlike many widely available JavaScript benchmarks, this test is: Real World This test mostly avoids microbenchmarks, and tries to focus on the kinds of actual problems developers solve with JavaScript today, and the problems they may want to tackle in the future as the language gets faster.

This includes tests to generate a tagcloud from JSON input, a 3D raytracer, cryptography tests, code decompression, and many more examples. Balanced This test is balanced between different areas of the language and different types of code. Statistically Sound One of the challenges of benchmarking is knowing how much noise you have in your measurements. Current version - sunspider-1.0.2: Start Now! All versions. Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. Timeline Portfolio. Timeline is a jQuery plugin specialized in showing a chronological series of events. You can embed all kinds of media including tweets, videos and maps, and associate them with a date. With some design tweaks, this will make it perfect for a portfolio in which you showcase your work and interests. The HTML Timeline comes with a light colored theme by default.

It is perfectly usable and in most cases would be exactly what you need. However, for our portfolio, a dark design would be a better fit, so we will customize it to our liking. First, let's look at the basic layout of the page: index.html <! In the head section, we have the plugin's stylesheet - timeline.css, and styles.css, which will hold our customizations. When we call the plugin, it will search for a div on your page with the ID of timeline. <div class="container main" id="timeline"><div class="feature slider" style="overflow-y: hidden;"><div class="slider-container-mask slider-container slider-item-container"><!

The jQuery The CSS. Vis.js | a dynamic, browser-based visualization library. 38 Tools For Beautiful Data Visualisations | DBi. As we enter the Big Data era, it becomes more important to properly expand our capacity to process information for analysis and communication purposes. In a business context, this is evident as good visualisation techniques can support statistical treatment of data, or even become an analysis technique. But also, can be used as a communication tool to report insights that inform decisions. Today there are plenty of tools out there that can be used to improve your data visualisation efforts at every level.

Below we list a non-exhaustive list of resources. Javascript Libraries Circular Hierarchy – D3.js Python Libraries Kartograph.py – Mapsigraph – Node-link, treesMatplotlib – Most types of statistical plotsPycha – Pie chart, bar chart, area chartNetworkX – Node-link Java / PHP Web Applications TileMill – Running Map Programming Languages Hyperbolic Tree – NYTimes 365/360 Generated with Processing Desktop Applications Treemap – Tableau. jQuery.

Gallery Plugins

Plugin List. jQuery UI. JavaScript. 390 ressources Javascript & jQuery. MixItUp. YUI Library. Comparison of JavaScript frameworks. 20 JavaScript Libraries to Simplify Development Tasks. A JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies. The primary use of JavaScript is to write functions that are embedded in or included from HTML pages and interact with the Document Object Model (DOM) of the page.

Some JavaScript libraries allow for easier integration of JavaScript with other web development technologies, such as CSS, PHP, Ruby, and Java. Many libraries include code to detect differences between runtime environments, and remove the need for applications to allow for such inconsistencies. In this article we have collected 20 JavaScript libraries that will sort out your development related problems and keep your site step ahead in competition. 1. Tracking.js is a standalone JavaScript library for tracking data received from cameras in real-time. Source 2.

Aristochart is a JavaScript library with no dependencies. Source 3. Source 4. Source 5.