Archive for category: tips

Getting beyond hello world with d3

20 November, 2013 (07:26) | d3, data visualization, tips | By: jerome

About a year ago I proposed a very simple template to start working with d3. But is that the way I actually work? Of course not. Because, though you and I know that displaying hello world in d3 is not exactly trivial, this is not a highly marketable skill either. That said, I just can’t […]

Selections in d3 – the long story

5 March, 2013 (12:20) | d3, data visualization, tips | By: jerome

This past week, Scott Murray and I presented a tutorial at Strata on d3 (of all things!) First things first, you probably want to get Scott’s book on the subject when it’s out. I should be translating it into French eventually. You’re also welcome to the slides and examples of the tutorial which can be […]

d3 tutorial at visWeek 2012

15 October, 2012 (21:11) | conferences, d3, data visualization, presentation, tips | By: jerome

Jeff Heer, Scott Murray and myself have done a d3 tutorial at visWeek 2012. You probably gathered that from the title of the post. Here is a link to all the slides and code examples that we have presented: d3 tutorial For the purpose of the tutorial I have compiled a d3 cheat sheet, on […]

Getting to “Hello world” with d3

4 September, 2012 (17:20) | d3, tips | By: jerome

Back when I started learning programming, it was always fairly simple to achieve the canonical first step of accomplishments, that is, to get the system to announce that you are ready to do more by displaying “hello world” on the screen. In most systems then, there was a command prompt somewhere that would usually do […]

animations and transitions

16 July, 2012 (11:44) | d3, tips | By: jerome

That post originally appeared on, I’m reproducing it here for clarity and ease of retrieval In interactive visualisation, there is the word reactive. Well, maybe not literally, but close enough. The fact is that reactivity, or the propension of a visualisation to respond to user actions, can really help engage the user in a […]

Embedding tableau visualizations on the web

2 July, 2012 (19:42) | d3, data visualization, tips | By: jerome

I’m writing this short post because I see that exact phrase come up in the search engine terms of the blog now and again (along with “Hello this is bathtub” but I can’t really help there). Long story short. I run into problems all the time trying to properly embed Tableau vis into wordpress blog […]

Manipulating data like a boss with d3

28 May, 2012 (03:27) | d3, data visualization, tips | By: jerome

Data is the first D in d3 (or possibly the 3rd, but it’s definitely one of these). Anyway. Putting your data in the right form is crucial to have concise code that runs fast and is easy to read (and, later, troubleshoot). So what shape should your data be in? You undoubtedly have many options. […]

Making-of: the map of congress equality

24 May, 2012 (12:36) | d3, data visualization, tips | By: jerome

To my datavis readers, sorry for that string of posts in French but what better data to visualize than political data, and what better time to visualize political data than election time, and what better audience for such visualizations than the folks who are asked to vote? Like last time, though, I am writing a […]

Making-of: cutting Paris in voting districts

15 May, 2012 (15:33) | d3, data visualization, tips | By: jerome

Hi, in my previous post I showcased one of my recent projects. I really enjoyed building it and so would like to share how this has been done. First, getting the data. I already scraped the results of both rounds of the presidential election by city. The districts for the congress election are also known, […]

Treemaps in Tableau? can be done.

19 April, 2012 (13:16) | d3, tips | By: jerome

Tableau can do many things natively but there are a couple of basic primitives that are not built in because they behave somewhat differently from the overall logic. And treemaps is one of them. Then again treemaps are arguably one of the best way to express complex hierarchical information, i.e. to show the proportions in […]