background preloader

SeuratJS - A Raphaël plugin for creating beautiful pointillized animations.

SeuratJS - A Raphaël plugin for creating beautiful pointillized animations.
Related:  Node.js | Graphics

Sketch.js - Simple Canvas-based Drawing for jQuery Sketch.js has been tested on Chrome (OS X), Firefox (OS X), Safari (OS X), Android Browser (Honeycomb 3.1). It suffers significant performance degradation on mobile browsers due to general HTML5 Canvas performance issues. Copyright (C) 2011 by Michael Bleigh and Intridea, Inc. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

20 Vintage Texture Packs Each time we flip through the memory books of bygone days, we are filled with a sense of nostalgia. The older days had their own charm and sense of awe. Be it in literature, technology or architectural creativity, vintage concepts always invoke a feeling of magnificence. When it comes to design textures too, at times we wish to lend a magnificent or majestic feel to our work. Vintage Texture Pack (5 Textures) Big Vintage Textures 13 (6 Textures) Vignetted Vintage Paper (9 Textures) Vintage Paper (9 Textures) Vintage Texture Set 2 (12 Textures) Vintahe (3 Textures) Vintage Film (14 Textures) Vintage Sweet Heart (9 Textures) Vintage Books (19 Textures) Vintage Background Textures Pk2 (20 Textures) Victorian Grunge Texture Pack (5 Textures) Vintage Paper (5 Textures) Vintage II Texture Pack (12 Textures) Vintage Wallpaper Textures (5 Textures) Vintage Textures (13 Textures) Vintage Star Pattern (3 Textures) Art & Vintage Textures (15 Textures) Vintage Grunge Texture Pack (6 Textures)

sole/tween.js Showcase Of Beautiful Patterns And Textures In Web Design By on October 28, 2012 Different patterns are used in web designs as the background images. Patterns are more or less like the textures and have been greatly used not only in web designs but also in posters, trailer, ads, advertisements and almost any graphic work because they add the beauty of the work. In this post, we have gathered some beautiful and attractive patterns in web design for your inspiration. Related posts: Download Quality And Unique Free Design Patterns! Now Create And Share Patterns With BG Patterns! Adobe Photoshop Tutorials, Design Tips, Photo Effects, Icon Creation, Special Effects, Textures and Patterns and Much More At PSDTOP The Colorful Showcase Of Beautiful Floral Typography

Polymaps Royalty Free Icons & Clipart Stock Images ~ Icons Etc. Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. Protovis is no longer under active development.The final release of Protovis was v3.3.1 (4.7 MB). This project was led by Mike Bostock and Jeff Heer of the Stanford Visualization Group, with significant help from Vadim Ogievetsky. Updates June 28, 2011 - Protovis is no longer under active development. September 17, 2010 - Release 3.3 is available on GitHub. May 28, 2010 - ZOMG! October 1, 2009 - Release 3.1 is available, including minor bug fixes. September 19, 2009 - Release 3.0 is available, including major performance improvments, bug fixes, and handy utilities such as scales and layouts. Getting Started How does Protovis work?

40 Impressive Grid based Web Designs for Inspiration In order to create better and more innovative website the developers are always on the lookout for better and innovative stylization techniques that makes their website better than its competitors.In order to create better and more innovative website the developers are always on the lookout for better and innovative stylization techniques that makes their website better than its competitors. This could be anything from flash images to stylized text. One of the trendy website designing styles that has become extremely popular in the recent time is the grid based website design. With the use of this technique it will be possible for the designers to focus on the main elements of the website like the main menus and objectives. Protest Summer Hejz Pixillion Major Tom Nice Device Swinton Boutique Cycles Dot Com Dynamit Faebric Fakultat Gestaltung Fonts in Use Heydays Dondup Square Space Teruhiro Yanagihara The Book Cover Archive Toxic Toko Uniqlo Viktoriaklein Rodgers Townsend Reserved Work diary Thisalso Panoetic

Rickshaw: A JavaScript toolkit for creating interactive time-series graphs Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. See Demo → Built on d3.js It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Open Source Rickshaw is free and open source, available under the MIT license. Getting Started Here's a minimal but complete working example. Area Graphs Lines Bars Scatterplot Interactive Legend Add a basic legend: Add functionality to toggle series' visibility on and off: Highlight each series on hover within the legend: Add drag-and-drop functionality to re-order the stack (requires jQueryUI): Interactive Hover Details Show the series value and formatted date and time on hover: Specify formatting callbacks to customize output: See the custom formatter and subclass examples for more. Annotations Add toggleable annotations: annotator.add(timestamp, message);annotator.update(); Range Slider Graphs & Data via AJAX / JSONP Tutorial

Cubism.js Time Series Visualization foo7.6 bar−6.2 foo + bar1.4 foo - bar14 Cubism.js is a D3 plugin for visualizing time series. Scalable Cubism fetches time series data incrementally: after the initial display, Cubism reduces server load by polling only the most recent values. Effective Cubism also scales in terms of perception: small multiples aligned by time facilitate rapid comparison. Area (120px)7.6 Area (30px)7.6 In contrast, horizon charts reduce vertical space without losing resolution. Horizon, 1-band (120px)7.6 Horizon, 2-band (60px)7.6 Horizon, 3-band (40px)7.6 Horizon, 4-band (30px)7.6 By combining position and color, horizon charts improve perception: position is highly effective at discriminating small changes, while color differentiates large changes. Flexible Cubism is data-source agnostic. Want to learn more?

D3.js - Data-Driven Documents colony Colony is a neat little visualisation tool for exploring Node projects and their dependencies using d3.js. Each file is represented as a node in the graph. If one file depends on another, a link is made between the two files. Each file is coloured based on the module they belong to. By hovering over a node, you can see the file's name, the files it depends on (light), and the files that depend on it (dark). This demo is a visualisation of colony's own code and dependencies, but you can use the command-line tool to apply it to almost any NPM module or CommonJS project. Click on any file to focus on it: this displays the file's source code and hides any unrelated files on the screen. By pressing the tilde (~) key, you can toggle the size of this text box.