background preloader

Humble finance - html5 visualization

Humble finance - html5 visualization
HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis. Demo: This demo displays historical stock data for Google from their IPO to March 5th, 2010. You can mouse over the chart for additional data, as well as zoom and pan the charts using the grey bottons. August 19, 2004 - January 11, 2005 HTML: (hide) <div id="finance"><div id="labels"><div id="financeTitle">NASDAQ:GOOG</div><div id="time"><a onclick="HumbleFinance.zoom(5);">1w</a><a onclick="HumbleFinance.zoom(21);">1m</a><a onclick="HumbleFinance.zoom(65);">3m</a><a onclick="HumbleFinance.zoom(127);">6m</a><a onclick="HumbleFinance.zoom(254);">1y</a><a onclick="HumbleFinance.zoom(1265);">5y</a></div><div id="dateRange"></div></div></div> Related:  Data Visualizationvisualisation

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)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example. 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! Getting Started

D3.js - Data-Driven Documents Data Visualization and Infographics Examples and Resources Things wordy, geeky, and webby Since taking a class that discussed Edward Tufte‘s work, I’ve been fascinated by turning information into visual data. His site contains many examples that you could easily spend hours on the site. It’s not just about presenting data in a presentation or making things colorful. It’s a struggle for me as I haven’t practiced this process or created any charts in a long time. Updated: 9 February 2013 ShortURL to this post: Examples 5 Amazing Infographics for the Health Conscious10 Outstanding Social Media Graphics10 Revealing Infographics about the Web10×10 is “100 words and pictures that define time.”35 Great Social Media Infographics3D Animation of Linux Code Development7 Nights of Bright Eyes article and accompanying visual analysis of Conor Oberst.AInews.org: Note the .org! Blogs If a blog isn’t listed — it may be too new, hasn’t been updated in a long time, doesn’t have enough entries. Resources

Kartograph.org Open Science, H1N1, Processing, and the Google Spreadsheet API I’ve recently been working on a project with my friend Jennifer Gardy, whose insights into epidemiology and data modeling led me to build Just Landed. Jennifer is currently working at the BC Centre for Disease Control where, among other things, she’s been looking at data related to swine flu genomics. She came to me with an interesting idea for visualizing data related to historical flu strains, and I thought it might be an interesting project for several reasons. First, I’ve been doing a lot of reading and thinking around the concept of open science and open research, and thought that this project might be a good chance to test out some ideas. The project is just getting started, so I don’t have a lot of results to share (a screenshot of the initial stages of the tool is above). Michael Nielson is the author of the most cited physics publication of the last 25 years. For the flu genomics project, we are working with a reasonably large data set – about 38,000 data points.

Home · FlowingMedia/TimeFlow Wiki visualization and tools Visualization and tools UNdata Processing, Calc Data Pilot - Import into GIS Gothos, a Geospatial Librarian's World, offers some tips on how to process data downloaded from UNdata. Link: The growth of internet use Based on the Key Global Indicators from the UNdata, ''DrasticData'' calculated the number of internet users per country from 1990 to 2005. Link: Progress: A Graphical Report on the State of the World "Progress: A Graphical Report on the State of the World" is published by FlowingData using UNdata as a source. Link: Progress: A Graphical Report on the State of the World Thematic Mapping Engine for UNdata Bjorn Sandvik from the United Nations Association (UNA) of Norway has recently developed a Thematic Mapping Engine which enables users to visualise global statistics on Google Earth. Link: Thematic Mapping Engine UNdata plugin for Firefox Link: Firefox plugin United Nations Statistical Data iGoogle Gadget

arbor.js Data Voucher - Technology Strategy Board Innovation Vouchers Do you have an early stage business idea that can take advantage of open data? Do you need access to particular skills, expertise or technology to prove your idea or further develop and accelerate the development of a working prototype? This Innovation Voucher is available to support SMEs, entrepreneurs and early stage start-ups who see value in using open data to invent new propositions, develop ideas to proof of concept stage or innovate on existing products and services to find new value. Please make sure you read the guidance carefully on what open data is and how you can use it - this is not an 'open call' for projects in any topic area. Open data background Open data can create opportunities for organisations to make more robust decisions, uncover cost savings and get to know customers better. What is open data and what is the opportunity? Please be clear in your application about how you will use or create open data. Need more information?

Related: