background preloader

Demos - JavaScript InfoVis Toolkit

Demos - JavaScript InfoVis Toolkit
JavaScript InfoVis Toolkit Create Interactive Data Visualizations for the Web Home ● Download ● Builder ● Donate Area, Bar and Pie Charts Sunburst Icicle ForceDirected TreeMap SpaceTree RGraph HyperTree Advanced/Other copyright © 2013 SenchaLabs - Author: Nicolas Garcia Belmonte

http://philogb.github.io/jit/demos.html

Related:  Mind MapsapapantoTools and productsVisualization

Pretty pictures: Can images stop data overload? 16 April 2012Last updated at 19:01 ET By Fiona Graham Technology of business reporter, BBC News Brain scan: Research suggests that one way to avoid being overloaded by data is by presenting it visually rather than text or numbers Sitting at your desk in the middle of the day, yet another email notification pops up in the corner of the screen, covering the figures you're trying to digest in the complicated spreadsheet in front of you. Layouts Pure was crafted with the goal that it can be used in every web project. To showcase this, we've made some common layouts that leverage Pure. These layouts are responsive and don't require JavaScript (except for certain menu interactions). Responsive Side Menu A layout example with a side menu that hides on mobile, just like the Pure website.

Data visualisation DIY: our top tools What data visualisation tools are out there on the web that are easy to use - and free? Here on the Datablog and Datastore we try to do as much as possible using the internet's powerful free options. That may sound a little disingenuous, in that we obviously have access to the Guardian's amazing Graphics and interactive teams for those pieces where we have a little more time - such as this map of public spending (created using Adobe Illustrator) or this Twitter riots interactive. But for our day-to-day work, we often use tools that anyone can - and create graphics that anyone else can too. So, what do we use?

Visualizing Urban Futures This data visualization comes from the Anti-Eviction Mapping Project in San Francisco. The map visualizes the locations of evictions related to the use of a certain state law (the Ellis Act). The act, as the mappers describe, gives landlords the power to evict residents and has been linked to growing volumes of more expensive tenancy-in-common flats and condominium-style residential housing. blog Hey friends! I gave in and finally integrated <canvas> support into JSViz, and just in time for the Safari 3 Beta (which I'm really digging so far)! Note: To render with canvas, you'll need Firefox 1.5, Safari 2.0, or Opera 9.

Be More Productive Using A Mind Map As a Task List A mind map is a great tool for capturing ideas quickly, presenting them in a nice, graphical and hierarchical form. But can it be used as a task list? Your task list can exist in many different forms and you probably already have it on a sheet of paper, sticky notes or captured in some electronic device. Some people use good, old Notepad, but there are many applications to help you capture your tasks, such as Remember the Milk, Evernote, IQTell, OmniFocus, or simply Microsoft OneNote. I have been successfully using mind maps to store my tasks for several years and there are a number of people that have liked and adopted this idea. Sample Work — PSD to HTML & CSS services — Chop-Chop.org According to our Privacy Policy and NDA your files are safe with us. We will never share them with anybody without your clear consent. You can download our sample projects below. HTML5 CSS3 Responsive Website made for Jordan Price, UI/UX Designer from San Francisco.

Parallel Sets Parallel Sets (ParSets) is a visualization application for categorical data, like census and survey data, inventory, and many other kinds of data that can be summed up in a cross-tabulation. ParSets provide a simple, interactive way to explore and analyze such data. Even though the screenshots here show the Mac version, the program also runs on Windows and Linux. Links to the executables are in the Download Section. Basic Operation XP Calculator and Leaderboard One of the key components of gamification is feedback. Games give players timely, if not instantaneous, feedback. The quicker the feedback cycle, the more effectively the player can adjust their strategy. To effectively gamify a classroom, it is crucial that teachers give feedback to every student in their classroom as quickly as possible.

Processing.js Demos below! As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element. I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. 43 Intricate Mind Map Illustrations For the uninitiated, a mind map is a graphical organization of ideas and concepts that can be used to facilitate the generation of ideas and the learning process. The reason why this has been argued to be more effective than the traditional method of learning (e.g. rote learning, linear text reading, etc) is because such structuring of ideas and concepts resembles the way our brain works – i.e. via links or associations. Mind mapping is done by connecting one idea to another with the aid of colors and images to tap both sides of our brains. When that happens, creativity gets a boost without compromising our sense of logic.

Related:  web tools for data visualize