background preloader

Portfolio de Raphaël Velt

Portfolio de Raphaël Velt
Related:  MindMapping

Sue Keely | Graphic Recorder | SHIFT-IT® Coach | Home information design patterns cookbook a sophisticated online collection of about 48 design patterns that describe distinct methods for the display of interactive information graphics, their active behavior as well as the forms of user interaction with them. as part of the written thesis in Interface Design from Christian Behrens, a freelance interface designer in Berlin, the website aims to inform graphic designers who need to deal with complex tasks in the field of information design, but do not have any specific knowledge in statistics or data visualization. it is intended as an online "cookbook" that offers a set of tools & methods to cope with all common forms of data visualization, similar to design patterns in computer science, such as the Yahoo! Design Pattern Library. Chris informed me there is the possibility to publish the thesis as a book. any interest from infosthetics readers? [link:|thnkx angus & Christian]

of nodes and edges | home page Mindmapping, concept mapping and information organisation software Accordion Pattern - Design Pattern Library An accordion (or accordion menu) is a grouped set of collapsible panels that provides access to a large number of links or other selectable items in a constrained space. Each inlaid panel may be individually expanded (usually leaving the rest collapsed), generally by hovering on or clicking the title of (or an expand/collapse element on) the specific panel, to display a single subset of the options. What Problem Does This Solve? When there are too many items to fit into a limited space or when the number of items, if displayed all at once, would overwhelm the user, then the question is how to give the user access to all of the items in digestible chunks and without requiring scrolling, which can remove the user from the context or page position they may prefer. When to Use This Pattern Use when the number of options is large, the space is constrained, and the list of items can be logically grouped into smaller, roughly equal sized chunks. What's the Solution? Recommendations Options

The french touch of Network Sciences Le schéma heuristique : même si le terme n’est pas mnémotechnique l’utilisation devrait en être systématique ! Découvrez comment Bernard utilise les schémas heuristiques dans le cadre de son projet Lean Six Sigma dans le roman d’initiation « A la découverte du Lean Six Sigma » (Tous les fichiers sources des cartes présentées dans le livre sont disponibles dans le CD-Rom joint au livre) de Florent FOUQUE disponible sur : —————————————————————————————————————————————– Vous savez quoi…!? Je sors du cinéma avec ma belle et douce. Nous sommes allés voir « Pour Elle », un thriller français. Le schéma heuristique, la carte mentale ou le mind map (à vous de choisir le terme) est utilisé par le héros (incarné par Vincent Lindon) pour construire le plan d’évasion. On ne le voit pas très bien sur ce plan, car le schéma est un peu surchargé, mais si vous allez voir le film vous allez voir comment il est construit au fil de l’histoire. Source : J’en profite d’ailleurs pour souligner la supercherie que constitue l’invention du fishbone… M.

Getting Started - Design Pattern Library Welcome! You've found your way to our pattern library and we hope you find it helpful. If you still aren't sure just exactly what a pattern is then you may want to take a moment to review our About the Pattern Library page, where we explain what we mean when we talk about user experience design patterns. After getting oriented, there are a few ways you can plunge in and start working with the patterns in this library: Browse the Patterns When you're looking for inspiration, trying to find out what has worked in the past, or are trying to come up with a framework for a design project, explore the pattern collection, which currently offers patterns in the following categories: Download a Stencil Kit Patterns are informative and educational, and they can help you out in a pinch, but nothing speeds up brainstorming and design processes like a library of stencil shapes you can drag and drop onto your canvas. Try 'em out! Join the Community Let us know when you see something that could be improved.

Generative art and data visualization ABC du Mind Mapping - Cours de cartes conceptuelles, cartes heuristiques, cartes des idées Une carte conceptuelle (ou schéma conceptuel, concept map en anglais), dont les variantes sont la mind map, carte des idées ou carte heuristique, est un diagramme qui représente les liens entre différents concepts. Elle peut être également appelée schéma de pensée, carte mentale, arbre à idées ou topogramme. La différence entre une carte heuristique et une carte conceptuelle est que cette dernière relie un ensemble de concepts entre eux par des lignes orientées et qualifiées (est un composant de.., favorise). De plus, elle prend la forme d' un graphe alors que la carte heuristique est un arbre. Ces cours en diapositives animées, vidéo, ppt, pdf et ces cartes conceptuelles sont distribués sous licence Creative Commons : à condition de me citer et de mettre un lien vers cette page, vous pouvez les réutiliser ou les modifier dans un cadre non-commercial, mais vous devez ensuite les publier aux mêmes conditions. - Cours de mind mapping en vidéo - En pdf et pptx En analyse fonctionnelle :

Design and Analysis of Algorithms I About the Course In this course you will learn several fundamental principles of algorithm design. You'll learn the divide-and-conquer design paradigm, with applications to fast sorting, searching, and multiplication. You'll learn several blazingly fast primitives for computing on graphs, such as how to compute connectivity information and shortest paths. Finally, we'll study how allowing the computer to "flip coins" can lead to elegant and practical algorithms and data structures. Learn the answers to questions such as: How do data structures like heaps, hash tables, bloom filters, and balanced search trees actually work, anyway? Course Syllabus Week 1: Introduction. Week 2: Running time analysis of divide-and-conquer algorithms. Week 3: More on randomized algorithms and probability. Week 4: Graph primitives. Week 5: Dijkstra's shortest-path algorithm. Week 6: Further data structures. Recommended Background Suggested Readings No specific textbook is required for the course. Course Format

Timeline.js Timeline.js is a compact JavaScript animation library with a GUI timeline for fast editing. Again? Why? As with ActionScript3 there exist many animation libraries for JavaScript. Some of them are too specific, some are too structured and others are too simple. None of them has all the features I needed though: simple apiworks easily both for short animations fired by e.g. mouse events and for long sequences Additionally there is the same problem with procedural animation coming over and over again: tweaking by hand (edit -> save -> refresh)hardcoded values And, Yes. Wouldn't it be easier to use graphical timeline like in Flash or After Effects? Meet Timeline.js Let's say we have a rect object with x and y properties and we want to animate x to 50 over 1s. Thant's it. If we want to edit this animation using graphical timeline just add the timeline-gui.js file This time I had to add "rect" string as a first parameter that will be used as an animation track name and is required for code export.