background preloader

Portfolio de Raphaël Velt

Portfolio de Raphaël Velt

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 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 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 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.

Aux origines | Service des Archives, EHESS L’École des hautes études en sciences sociales (EHESS), créée par décret du 21 janvier 1975, est la transformation statutaire de la VIe section de l’École pratique des hautes études (EPHE-VIe), instituée par décret du 3 novembre 1947. Celle-ci a été précédée d’une longue gestation depuis la création de l’EPHE par Victor Duruy, en 1868, et l’annonce d’une section consacrée aux sciences administratives et économiques, périodiquement invoquée pour appuyer les projets de regroupement des sciences sociales entre les deux Guerres mondiales. Lucien Febvre, Charles Morazé, Fernand Braudel La création de la VIe section de l’EPHE dans le cadre du renouvellement institutionnel de l’immédiate après-guerre, avec l’aide financière de la Fondation Rockefeller, a été le fruit de la rencontre des talents de trois hommes : Lucien Febvre, Fernand Braudel, Charles Morazé. Clemens Heller et les aires culturelles La création de la Maison des sciences de l’homme

Marcin Ignac : Generative art and data visualization Cindermedusae My experiments for – a generative book. All these creatures were generated by an algorithm controlled by number of parameters that can be randomized and animated. The look was inspired by amazing works of Ernst Haeckel. Background Recently I was working on a project about underwater life. Short algorithm description: The base for the whole creature is the head made out of deformed sphere. To output images at hi-res print quality I decided to use OpenGL and new library called Cinder . Some more pictures: New version animated on the GPU: One of animated sketches: Process screenshots on Flickr . Experimenting with projections and materials . Various exhibitions .

The Brewster Kaleidoscope Society - Kaleidoscope Writings Miriam tensely clasps in her hands the blue token and trinket --- this is a scene in the movie "Bee season." When you see this scene, you will instinctively know that it is an important motif. In this film, kaleidoscopes play an important role. The 'fragments' in Miriam's hands are the objects to be put inside the end of kaleidoscope, and they are the symbols of memories and recollections of daily experiences ; some are in turmoil, or with regrets or sorrows, others are with hopes, joys, or blessings. Those pieces of memory seem to be scattered in disarray, causing chaos. When looking back into my life, I feel it is chaos. Richard Gere plays Saul, Miriam's husband and father of two children in the film. When Miriam comes across a holy child, she instinctively gives a kaleidoscope to him. From confusion to order, harmony ; from chaos to kaleidoscopes. {*style:<i>by Richard Wilbur Poet laureate of the U.S. in 1987 From: Atlantic Monthly, November 2002 </i>*} In this tube you see - James Allen