background preloader

Mike Bostock

Mike Bostock
December 27, 2014Mapping Every Path to the N.F.L. Playoffs December 20, 2014How Each Team Can Make the N.F.L. Playoffs November 5, 2014The Most Detailed Maps You’ll See From the Midterm Elections November 3, 2014How To Scroll September 19, 2014‘Stop-and-Frisk’ Is All but Gone From New York July 26, 2014Mapping the Spread of Drought Across the U.S. June 26, 2014Visualizing Algorithms June 15, 2014Three Little Circles May 22, 2014Is It Better to Rent or Buy? May 6, 2014Let’s Make a Bubble Map April 22, 2014Who Will Win The Senate? March 7, 2014Let’s Make a Block Feburary 14, 2014Front Row to Fashion Week February 14, 2014Sochi 2014: Interactive Stories January 11, 2014Taking the Battle to the States November 30, 2013Tracing the History of N.C.A.A. November 5, 2013Let’s Make a Bar Chart, Parts 1-3 October 27, 2013A Game of Shark and Minnow October 14, 2013The Russia Left Behind September 29, 2013For Eli Manning, 150 Games and Counting September 25, 2013Oracle’s Path to Victory June 9, 2013For Example #Talks

http://bost.ocks.org/mike/

How Selections Work Any sufficiently advanced technology is indistinguishable from magic. –Arthur C. Clarke In the past I have presented simplified descriptions of D3’s selections, providing only enough detail to get started. This article takes a more comprehensive approach; rather than saying how to use selections, I will explain how selections are implemented. This may take longer to read, but it should dispel any magic and help you master data-driven documents. feltron Mapping Neighborhoods in Boston, San Francisco and New York. Hand-drawn animation of 43 years of the Sun’s weather. (via kottke) William Stone Branching Drawings (identified by wowgreat) Geometric choropleths 1895 vs 1978 Fisher–Yates Shuffle Say you had a fresh pack of cards: If you want to play a game of Texas Hold ‘em with friends, you should shuffle the deck first to randomize the order and insure a fair game. But how? A simple but effective way of doing this is to pull a random card from the deck repeatedly and set it aside, incrementally building a new stack. As long as you pick each remaining card from the deck with equal probability, you’ll have a perfectly-unbiased random stack when you’re done: But let’s say instead of a physical deck of cards, you wanted to write code to perform this same task with an in-memory array of n elements.

37 tools It's often said that data is the new world currency, and the web is the exchange bureau through which it's traded. As consumers, we're positively swimming in data; it's everywhere from labels on food packaging design to World Health Organisation reports. As a result, for the designer it's becoming increasingly difficult to present data in a way that stands out from the mass of competing data streams. Get Adobe Creative Cloud One of the best ways to get your message across is to use a visualization to quickly draw attention to the key messages, and by presenting data visually it's also possible to uncover surprising patterns and observations that wouldn't be apparent from looking at stats alone. And nowadays, there's plenty of free graphic design software to help you do just that.

HTML5 Showcase for Web Developers: The Wow and the How Webkit If using Google Chrome, you will likely need the Dev channel to see all of the functionality in this presentation. If you are using Safari, you will likely need a nightly build of WebKit in order to see all of the functionality in this presentation. Mozilla Vizualize Czecoslovakia tourist road map cover, 1964 A bold map cover from communist-era Czechoslovakia in 1964. Many East European countries that had strong pre-WW2 design legacies continued with some often bold output such as this.

Planning and management charts Share RGraph: Planning and management charts Funnel charts Shows decreasing (or increasing) quantities progressing through a process Tooltips, custom events, resizable, zoom, context menu, annotatable Key Visual effects Crossfilter Fast Multidimensional Filtering for Coordinated Views Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly. Since most interactions only involve a single dimension, and then only small adjustments are made to the filter values, incremental filtering and reducing is significantly faster than starting from scratch. Crossfilter uses sorted indexes (and a few bit-twiddling hacks) to make this possible, dramatically increasing the perfor­mance of live histograms and top-K lists.

7 Interactive Resumes That Shame Your Paper Version In the wild, animals competing for the same thing scare off the competition with grand displays of dominance. The same goes for your job search. We're not saying you should wear a fluorescent suit to an interview or pee on the interviewer's shoes, but the right amount of showiness can go a long way in the business world, starting with your resume. An interactive resume gives you more control over your first impression, showcasing who you are instead of just what you've done.

Related: