background preloader

JointJS

JointJS
Related:  GraphsProgramowaniedivers

arbor.js jquery thumbnail scroller Last updated on Dec 3, 2014 Originally published on July 28, 2010 by malihu, under Plugins. A thumbnail/image scroller that can be used as standalone or alongside lightboxes, gallery scripts etc. Features include: scrolling by cursor movement, buttons and/or touch, vertical and/or horizontal scrolling, customization via CSS and option parameters, methods for triggering events like scroll-to, update, destroy etc., user-defined callbacks functions and more. Current version 2.0.1 (Changelog) – Version 1.x.x (no longer actively maintained) How to use it Get plugin files. Include jquery.mThumbnailScroller.css in the head tag your html document Include jQuery library (if your project doesn’t use it already) and jquery.mThumbnailScroller.min.js in your document’s head or body tag Some frameworks and CMS include jQuery library in the head tag to make sure it’s loaded when other scripts request it. If you’re creating a vertical scroller, you’ll need to set a height (or max-height) value Initialization

A JavaScript library for building user interfaces A Simple Component React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props. JSX is optional and not required to use React. A Stateful Component In addition to taking input data (accessed via this.props), a component can maintain internal state data (accessed via this.state). An Application Using props and state, we can put together a small Todo application. A Component Using External Plugins React is flexible and provides hooks that allow you to interface with other libraries and frameworks.

JavaScript Diagram Editor Installation The examples can be edited with any texteditor. To run the examples point your browser directly to the local files (use links below) or use a webserver to deliver the files. Note that the files should always be delivered via a webserver in production. Local usage of files is only recommended for development and testing. Examples Data Visualization Libraries Based on D3.JS - Mike McDearmon There are a lot of ways to visualize data on the Web (with more emerging every day), but the flexibility, versatility, and energized development community surrounding D3.js makes it a great option to explore. The following list of D3 plugins, extensions, and applications below is by no means comprehensive, but oughta be enough to keep you busy for a while. If you’re just getting your feet wet with D3.js, here are some great learning resources to get you acclimated:D3 for mere mortals: Great introductory lessons for those starting from scratch.Try D3 Now: Another great resource for learning about core D3 concepts.Data-Driven Documents (paper): An academic article by Mike Bostock with loads of footnotes.Learning D3, Scott Becker: A quick and effective tutorial series to get yourself up and running.Dashing D3: A very thorough tutorial series covering a LOT more than just D3.Interactive Data Visualization for the Web is a fantastic book by Scott Murray.

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. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! 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. April 9, 2009 - First release on Google Code. Getting Started

Martin Ivanov | CSS3, HTML5, JavaScript, AJAX and More Koa - next generation web framework for node.js Dockerisez votre Raspberry Pi ! Aujourd’hui nous publions sur Raspbian France un article qui a été écrit pour nous par Franck, quarantenaire passionné de technologie, de sport et de bricolage. Utilisateur depuis 2 ans de Docker et de la Raspberry Pi, il vous propose aujourd’hui un article sur le sujet. Nous remercions Franck d’avoir pris le temps d’écrire un article pour Raspbian France entre l’écriture d’articles sur son site et autres tentatives pour convertir son fils à la Raspberry Pi ! Pour ceux travaillant dans le domaine informatique, Docker et les containeurs nous sont devenus familiers depuis plus d’un an et notamment pour les équipes de développement. Mais que sont les containeurs et en particulier Docker ? Plutôt que de ré-inventer une définition, je vais simplement paraphraser cette publication. Les containeurs permettent d’ « automatiser le déploiement de code applicatif en embarquant, dans un « container », toutes les dépendances nécessaires à son exécution ». Comment Docker va vous simplifier la vie?

Related:  Legacy / discontinued