background preloader

The Miso Project

The Miso Project
Miso is an open source toolkit designed to expedite the creation of high-quality interactive storytelling and data visualisation content. Miso consists of Dataset, a JavaScript client-side data management and transformation library, Storyboard, a state and flow-control management library & d3.chart, a framework for creating reusable charts with d3.js. Miso is in active development, and will have components released as they are completed. Follow along: @TheMisoProject & Github

Related:  Data VisualizationUI IdeasDatajournalismeGallery/Archive

progressive <svg> pie charts Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.2.1 Uncompressed 8.7Kb jquery.peity.js 7 Color Scheme Generators to Help Pick the Perfect Palette Balancing color is important in all walks of life. Whether you’re decorating your house, choosing an outfit or even planning your wedding, you’re always trying to balance the right colors. Web design is no different. Choosing an appropriate color scheme is always a key consideration when building a website.

Infographics for Students - Top 3 Online Schools : Online ... Welcome to Visual Academy,'s novel attempt at furthering education and creating a hunger for more knowledge through the use of visual learning techniques. Visual learning is a learning style in which teaching is accomplished through the association of images and techniques with ideas, concepts, data and other information. While the concept of purely visual learners has been debunked, the benefits of using graphics to introduce new concepts and ideas are still worth mentioning.

SPIF - Streaming Progressive Image Format MultiRes is an image format that makes images look good on all screen resolutions, from mobile displays to Retina displays. Test it now! Zoom in to the photo on the left. You can use Ctrl/Cmd-+ to zoom in. Note how the GitHub banner gets pixelated but the photo stays sharp. You can see more examples on the sample images page. Home - Recline Data Explorer and Library A simple but powerful library for building data applications in pure Javascript and HTML. Recline re-uses best-of-breed presentation libraries like SlickGrid, Leaflet, Flot and D3 to create data 'Views' and allows you to connect them with your data in seconds. Documentation » Tutorials » Demos »

We Created ThisWe Created This User Experience Design (UXD) is a term used to describe how designers shape how users feel about a system, be it a website, an app or desktop software. They look at such things as ease of use, perception of the value of the system, utility, efficiency in performing tasks and so forth. As Websites and Web applications become increasingly more complex, what used to be a one-way static medium has evolved into rich, interactive user experience. So, user experience (abbreviated as UX) is how a person feels when interfacing with a system and it has become increasingly important to understand the value of this. With web design it has only been quite recently (within the last 5 years) that this has become something that businesses are taking seriously.

Architecture Infographics While The WA100, Building Design’s annual ranking of the world’s largest architecture firms, isn’t perfect (see our controversial article here), it does reveal a lot about the state of architecture today. And for 2013, the research shows that there are finally brighter days ahead for architects – just not at home. BD’s research reveals that China remains the world’s largest construction market (a title it’s held since 2010); that the Asia-Pacific Market is expected to be the largest by 2020 (with projected value of $4.6 trillion dollars); and that China, India, and Brazil offer the best growth potential for architectural services. Not surprisingly, the survey’s top three ranking firms – Aecom, Gensler, and IBI Group – all have a significant presence in these markets. However, are these mega-firms really the best models to aspire to? With the economic crisis making it everyday more evident that there are more opportunities abroad than at home, where is a firm to go?

Sometimes I hack One of the cool things about working at Yahoo! is that you get to see and play with a lot of little toys before the rest of the world does. YUI was one such tool. I started playing with YUI while it was still in version 1, and its API was much different from what it looks like now. SVG Crowbar A Chrome-specific bookmarklet that extracts SVG nodes and accompanying styles from an HTML document and downloads them as an SVG file—A file which you could open and edit in Adobe Illustrator, for instance. Because SVGs are resolution independent, it’s great for when you want to use web technologies to create documents that are meant to be printed (like, maybe on newsprint). It was created with d3.js in mind, but it should work fine no matter how you choose to generate your SVG.

New Flat UI Website Design – 26 Example For Inspiration Flat design website designs inspired by modern flat style and with a greatresponsive design. A beautiful collection of creative HTML5 websites for your inspiration. Websites are imperative to prove the potential of your business; however your website should be such that it is accessible from almost any device. Some designers work very hard to create something more unique then a traditional website design. You might be interested to read: 10 Jaw-Droppingly Awesome Infographics on Education Infographics can change the way we learn, the way we see information put in front of us. They help us digest that information and leads us to draw important conclusions more swiftly. After doing a little research online I was able to discover 10 gorgeous infographics on education that do more than simply show information, they relay it in a really potent and amazing way.

Hogan.js Getting started Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates. If you're developing with Node.js, just use NPM to add the Hogan package. $ npm install hogan.js Dancing with Data « Quasipartikel Last Sunday I gave a small workshop at the MapBox office, where I showed new findings I’ve discovered while working on my last visualization project. We turned a collection of countries into a dance of dots, each dot referring to a country in the collection. In other words: We created a simple animated Scatterplot. The goal was to implement a data-driven visualization where the output image is determined by the data and visualization state, such as filters and selected variables.

36 Inspiring Mobile Calendar UI Designs For Your Inspiration User Interface design is every where, this is needed in any industry because the UI is the interface used by the end users. So the User Interface need to be very clean, crisp and simple to use. User Interfaces are getting used by many industries like computers, appliances, machines, mobiles, software applications and websites etc. The User Interface and the User experience are two important aspects of any application development with every digital program that is out there.

Related:  GraphicsJavascript LibrariesDATA