All posts Marcin Ignac Data Art with Plask and WebGL @ Resonate My talk at Resonate'13 about Plask and how I use it for making data driven visualizations Fast Dynamic Geometry in WebGL Looking for fast way to update mesh data dynamically. Piddle Urine test strip analysis app Evolving Tools @ FITC My talk at FITC Amsterdam about the process behind some of my data visualization, generative art projects and Plask. Ting Browser Experimental browsing interface for digital library resources Bring Your Own Beamer BYOB is a "series of exhibitions hosting artists and their beamers". Bookmarks as metadata Every time we bookmark a website we not only save it for later but add a piece of information to the page itself. Timeline.js A compact JavaScript animation library with a GUI timeline for fast editing. SimpleGUI SimpleGUI is a new code block developed by me for Cinder library. Cindermedusae - making generative creatures Cindermedusae is quite a special project for me. Effects in Delta ProjectedQuads source code
How We Visualized Life After Fukushima on Datavisualization.ch The Starting Point During the first two weeks of March 2013, Interactive Things and the Swiss newspaper “Neue Zürcher Zeitung” (NZZ) collaborated on a web publication about the Fukushima nuclear disaster that took place in Japan in 2011. The reporter Marcel Gyr and photographer Christoph Bangert revisited the same people they met two years earlier and interviewed them again to hear their personal accounts on how their lives have changed during that time. Our task was to create an online reading experience to present the long form text, the photos and the video footage in a sincere but pleasant way. To support the readers in their understanding of the text, we created several visualizations to clarify and point out important facts. Because we wanted the visual and interactive design to reflect the contents of the story, we waited until the reporter returned from Japan before starting any work. The Process The Result This project was realized by Interactive Things.
squeak_screencasts – Squeak Community Projects The image as a persistent world ¶ Description The image is your working environment. All your modifications are stored with its state. Preview Video [ Download Basic Elements of the Image ¶ In this video we take a tour around the basic UI elements and menus of the image. How to Recover Changes ¶ Help! Halos to access morphs ¶ Halos provide an instant access to graphical elements of the image. How to update your Image ¶ How to modify settings and change your browser ¶ The image has a menu for editing all your preferences. Demo mode – large text for using a beamer or making screenshots ¶ In "Demo Mode" all text is large enough to be legible while using a beamer, making a screencast or taking screenshots. Organise your work with projects ¶ Projects are a nice way to organise different workplaces in one image. File out file in – the image and its environment ¶ Description This video shows how to get your code out of the image into the file system and back from the filesystem into the image. Help!
Raphaël—JavaScript Library Top 5 Affordable Tools To Make Infographics In A Snap What makes infographics so popular? Jennifer Gregory, a content marketing writer and blogger, says that infographics have become more prominent because, “Each of us learns differently. A lot of people are visual learners. Plus, Infographics are 30 times more likely to be read than a normal text article, according to HubSpot. To effectively produce an infographic, large companies turn to their creative team, but small businesses might not have the same resources. 1. Piktochart comes complete with pre-programmed themes, more than 1,000 images to choose from and the ability to share your completed infographic. Recommended for YouWebcast: Strategies, Tactics & Tools for Content Marketing in 2015 2. Canva offers a free, simple to use platform that contains hundreds of fonts and millions of images to incorporate into an infographic. 3. Like Canva and Piktochart, you get a limited number of free features on Venngage like themes, templates, charts, and icons. 4. 5.
CodeKata 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?
Venngage | Make Beautiful Infographics PragDave d3.js