Selected Tools

http://selection.datavisualization.ch/#

FoamTree: addictively interactive Voronoi treemap What are the requirements of FoamTree? FoamTree requires JavaScript and HTML5 canvas support. It will work on any major browser, including Chrome, Firefox, IE10+, Edge and Safari. Will FoamTree run on mobile devices? Yes, FoamTree will run on Android and iOS phones and tablets. Using D3.js to visualise Hierarchical Classification Why D3.js? I’ve been playing around with a fairly new visualisation library called D3.js for the last couple of weeks. Given my last post about how awesome the python plotting library matplotlib is, why bother? D3 is for visualisation, as opposed to plotting. Sankey Diagram Source: Department of Energy & Climate Change, Tom Counsell. Sankey diagrams visualize the magnitude of flow between nodes in a network. This intricate diagram shows a possible scenario for UK energy production and consumption in 2050: energy supplies are on the left, and demands are on the right. Intermediate nodes group related forms of production and show how energy is converted and transmitted before it is consumed (or lost!). The thickness of each link encodes the amount of flow from source to target.

Stephen Boak — Tutorial: Network Flow Visualizations With Directed Edges in D3 Back in May I posted some network visualization experiments we did at Boundary to the Boundary Blog. This is the companion post walking through the code and showing you how we made them. In total we made 4 of these experiments. Since much of the code repeats across experiments I’ll walk through the general setup and then the specifics of each experiment. General Setup All of these experiments use the same base of draggable circles, shown here:

Free Sankey Diagrams <svg id="sankey_svg" height="600" width="600" xmlns=" version="1.1"><title>Your Diagram Title</title><! Copy the code above to embed your diagram. Save it in a “.svg” file to edit it in another application. Every Flow will have a tooltip when hovering. Visualizing min-heap algorithms with D3.js I haven't done any real work on learning Javascript and D3.js since my last attempt a couple months back. To keep at it, I thought I'd try using D3.js to visualize a simple algorithm: finding the largest couple of items in a list. This problem comes up all the time when doing search and recommendation type tasks. Every time you query a search engine, it has to find the couple best scored results in all matching items. For example, Google finds 15 million results when querying for 'D3.js', but only shows you the 10 best scored of these.

50 Great Examples of Data Visualization Wrapping your brain around data online can be challenging, especially when dealing with huge volumes of information. And trying to find related content can also be difficult, depending on what data you’re looking for. But data visualizations can make all of that much easier, allowing you to see the concepts that you’re learning about in a more interesting, and often more useful manner. Below are 50 of the best data visualizations and tools for creating your own visualizations out there, covering everything from Digg activity to network connectivity to what’s currently happening on Twitter. Music, Movies and Other Media

Best Free Fonts for Your Graphic Designs Mostly websites used different methods to server contents to their readers like some websites used videos, images, articles etc. But if you’ve notice one thing that major websites usually used fonts along with their articles and show their work clearly to their readers. They used different fonts in their text and make their articles or headings more attractive so users can easily read them and browse their website more happily. You may know that a good designer faced a lot of problems because he must need to do quality work so their clients can be satisfied. Visualising Data » Resources Here is a collection of some of the most important, effective, useful and practical data visualisation tools. The content covers the many different resources used to create and publish visualisations, tools for working with colour, packages for handling data, places to obtain data, the most influential books and educational programmes and qualifications in visualisation itself. * Please note there are another 40-50 items to add to these collections but they are going to be saved for now and launched alongside the new version of this website around April * Data and visualisation tools Resources and learning references

30 Simple Tools For Data Visualization There have never been more technologies available to collect, examine, and render data. Here are 30 different notable pieces of data visualization software good for any designer's repertoire. They're not just powerful; they're easy to use. In fact, most of these tools feature simple, point-and-click interfaces, and don’t require that you possess any particular coding knowledge or invest in any significant training. Let the software do the hard work for you.

Gallery · mbostock/d3 Wiki Wiki ▸ Gallery Welcome to the D3 gallery! More examples are available for forking on Observable; see D3’s profile and the visualization collection. Please share your work on Observable, or tweet us a link! Visual Index Basic Charts The Best Data Visualization Projects of 2014 It's always tough to pick my favorite visualization projects. I mean, it's a challenge to pick and rank your favorite anything really. So much depends on what you feel like at the time, and there's a lot of good work out there. Nevertheless, I gave it a go.

Visual thinking Visual thinking, also called visual/spatial learning or picture thinking is the phenomenon of thinking through visual processing. Visual thinking has been described as seeing words as a series of pictures.[citation needed] It is common in approximately 60–65% of the general population.