User experience (UX) is how a user feels when interacting with a system. The system could be a website, a web application or desktop software and, in modern contexts, is generally denoted by some form of human-computer interaction (HCI).

Rapid Prototyping Tool: Axure

Creates Responsive Interactive Wireframes And Prototypes: UxPin

(more…)

RazorFlow PHP is a framework to build interactive, cross-device, responsive and real time HTML5 dashboards using PHP code. It offers seamless viewing experience across PCs, Macs, tablets and smartphones.

RazorFlow PHP connects to your MySQL, PostgreSQL, or SQLite databases and renders the dashboards in real-time. RazorFlow PHP’s API allows you to quickly retrieve data from your databases, and apply joins, grouping or sorting the way you want it.

Chart.js is a lightweight (4.5kb minified) JavaScript charting/graph library for creating object-oriented client side charts & graphs.

It has 6 chart types, offers numerous customization options and help visualize your data in different ways. Each of them animated, fully customisable and look great, even on retina displays.

Chart.js uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE7/8.

DataMaps is a library for map based data visualizations built using D3.js. DataMaps is bundled into a single JavaScript file.

It comes with ready-to-use maps for world map with countries, USA with states and a combined one.

• Uses D3.js and Backbone, Underscore & Zepto
• Delivered as a jQuery plugin, also delivered as a standalone Backbone view (if you use Backbone)

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js.

Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integration and customization.

Jim Knopf is a small JavaScript library to create knobs using SVG. Knobs can changed by moving mouse, keyboard (← ↑ → ↓ ), mousewheel and touchpad navigate trough knobs by tab key. As the knobs are build with SVG all parts can by styled with CSS.

Piecon is a tiny javascript library for dynamically generating progress pie charts in your favicons. It dynamically draws and updates a pie chart in the favicon’s place, very useful if you want to show a simple percentage loader in the favicon.

Works perfectly in Chrome, Opera and Firefox, while in IE and Safari it defaults to a simple page title update.

Piecon was inspired by Tinycon – It allows the addition of alert bubbles and changing the favicon image.

A Gantt chart is a type of bar chart that illustrates a project schedule. Gantt charts illustrate the start and finish dates of the terminal elements and summary elements of a project.

Gantti is a free and simple to use Gantt chart PHP class. Data is defined as an associative array, for each project you get a label, start date, end date and a class name. The default stylesheet is available as .scss (SASS) It includes a set of predefined variables, which you can use to adjust the styles very easily.

• Generates valid HTML5
• Very easy to customize with SASS stylesheet
• Works in all major browsers including IE7, IE8 and IE9
• No javascript required

Easy pie chart is a lightweight jQuery plugin that uses HTML5 canvas element to render and animate simple pie charts for single values. These chars are highly customizable and very easy to implement.

You can pass number of options to the initialize function to set a custom behavior and look for the plugin.

Dataset is a JavaScript client-side data transformation and management library. Dataset makes managing client-side data easy by handling loading, parsing, sorting, querying & manipulating data from all sorts of sources. Dataset is part of the Miso Toolkit.

Dataset is designed exclusively for working with matrices/tables of data. This allows a rich set of number crunching capabilities and helps optimise the handling of large numbers of rows