background preloader

Arbor.js

Arbor.js
about arbor Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling. It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whatever display approach is appropriate for your project and your performance needs. As a result, the code you write with it can be focused on the things that make your project unique – the graph data and your visual style – rather than spending time on the physics math that makes the layouts possible.

http://arborjs.org/

Related:  Graphsjs, jqueryData VisualizationJS Librariesvisualvidya

Gantt dhtmlxGantt is an open source JavaScript Gantt chart that helps you visualize a project schedule in a nice-looking chart. It can show the dependencies between tasks as lines and allows you to set up different relationships between tasks (finish-to-start, start-to-start, end-to-end). dhtmlxGantt provides flexible API and a large number of event handles, which gives you the freedom to customize it for your needs. Projects and tasks are comfortably organized into a hierarchical structure displayed in the left pane of the chart. The grid is easily configurable so you can add/remove custom columns to display required information. Current schedule status can be seen at a glance with percent-complete shadings. You can also enable tooltips or use built-in "quick info" popup to show the details for each task.

Notification Styles Inspiration Some simple ideas and effects for unobtrusive website notifications. A little script is employed for showcasing some styles and CSS animations are used for the effects. View demo Download source Today we’d like to share a couple of simple styles and effects for website notifications. There are a lot of ways to show an unobtrusive message to a user: from the classic growl-like notification to a bar at the top of the viewport. There’s really no limit to making creative notification styles and effects but you should keep in mind to not overdo it if you don’t want to make your user fall off a chair when he gets a notification :) If you want the notification to be a discreet message to the user, keep simplicity and subtlety in mind for the effect of appearance and also the disappearance.

Visualisation of Ontologies and Large Scale Graphs For a whole number of reasons, I am currently looking into the visualisation of large-scale graphs and ontologies and to that end, I have made some notes concerning tools and concepts which might be useful for others. Here they are: Visualisation by Node-Link and Tree Keypress: A Javascript library for capturing input The first thing to do is include the JavaScript file in your page. Once you've got that loaded in, you'll want to start by instantiating a listener: var listener = new window.keypress.Listener(); Once you've done that you can register combos with that listener you've created. The simplest way to do that is using the simple_combo API. It takes a space dilineated string or an array of strings of key names that describe your combo.

7 Skills To Become Super Smart People aren’t born smart. They become smart. And to become smart you need a well-defined set of skills. Here are some tips and resources for acquiring those skills. Memory Gliffy Gliffy’s friendly editor, vast symbol libraries, and handy templates make it easy to communicate your thoughts and plans visually. You’re just minutes away from all the diagrams you need: Flow Charts SWOT Analysis UML Charts 17 jQuery Plugins For Form Functionality & Validation Here is another beautiful and useful collection of some of the best jQuery plugins to help you with form functionality and validation. We have previously discussed how much jQuery has contributed to the world of web development. In this round up, we are presenting jQuery plugins for form functionality and validation. Validation can be a real mess for some developers, and these plugins will be of great assistance for them. With these plugins, they can easily build and customize forms in an attractive way and help them to sort out form validation related problems.

ChronoZoom: A Timeline for Big History Video from The 2012 R. Lowry Dobson Memorial Lecture featuring Walter Alvarez, Big History and ChronoZoom now online! ChronoZoom 2 beta in HTML5 has arrived!Please visit www.ChronoZoomProject.org/ to try it now. We look forward to your comments and suggestions. Jeditable - Edit In Place Plugin For jQuery Hi! My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements. I am based on Dylan Verheul’s editable. For those in hurry download latest source or minified. For bleeding edge version check GitHub. 60 Ways To Make Life Simple Again When we were young life was easier, right? I know sometimes it seems that way. But the truth is life still is easy. It always will be. The only difference is we’re older, and the older we get, the more we complicate things for ourselves. You see, when we were young we saw the world through simple, hopeful eyes.

yEd - Graph Editor yEd is a powerful desktop application that can be used to quickly and effectively generate high-quality diagrams. Create diagrams manually, or import your external data for analysis. Our automatic layout algorithms arrange even large data sets with just the press of a button. yEd is freely available and runs on all major platforms: Windows, Unix/Linux, and Mac OS X. WebUI Popover Demo The jQuery Foundation’s mission has always been about more than just our namesake projects of jQuery, jQuery UI, and jQuery Mobile. We already host several projects such as Sizzle, QUnit and Globalize that are not dependent on the jQuery library. This wider web-oriented mission is evident in our jQuery Conferences, which span a wide range of developer concerns beyond jQuery, including Node, CSS, tooling, testing and much more. Over the years we’ve had talks on build tools, accessibility, security, performance, design patterns, and frameworks such as Ember and Angular. At our San Diego conference this past February, for example, Lenny Markus gave a great talk on PayPal’s continuing adoption of Node as they move away from Java and proprietary solutions, Catherine Farman talked about real world responsive design, and John Dimm gave a talk on the HTML5 speech APIs.

Related:  Visual programmingJavaScript ChartsjQueryJsCharts&DiagramsJS