General Update Pattern, III By adding transitions, we can more easily follow the elements as they are entered, updated and exited. Separate transitions are defined for each of the three states. Note that no transition is applied to the merged enter + update selection; this is because it would supersede the transition already scheduled on entering and updating elements. It's possible to schedule concurrent elements by using transition.transition or by setting transition.id, but it's simpler here to only transition the x-position on update; for entering elements, the x-position is assigned statically. Want to read more?
Using D3, backbone and tornado to visualize histograms of a csv file After being procrastinating for weeks the learning of D3.js and backbone.js I have finally made my first example using both libraries to explore (via histograms) a pandas DataFrame. The reason of the procrastination is very simple: I love python to much, because is probably the only language who is great in all areas (that I am interested at least): Great web frameworks as Django and Tornado - "fighting" with ruby (rails)Great Data Analysis packages such as pandas - "fighting" with RGreat machine-learning libraries such as scikit-learnProbably not the most successful but has a good gaming library pyGameIs a great general purpose language - I use it to program a robot for a NASA competition using a PS3 controller, serial-ports, web-server, cameras, and all in one languageAnd the list could go for hours
D3.js: How to handle dynamic JSON Data When I started with d3.js, I really struggled understanding how I could link data from a JSON feed to a SVG graph. I read a lot of tutorials but still, I couldn't find what I was looking for. Now that I know how d3.js behaves, I thought it would a good idea to share the things that I learned. How to convert d3.js SVG to PDF « Work Updates by Sergiy Nesterko on January 30th, 2012 Consider the following plot: The image above is an SVG created using d3.js. I am going to use it in a paper, so need to convert it to PDF. It so happened that how to do this is not common knowledge, as is mentioned in this blog (which is, by the way, a good and balanced source of information relevant to our profession). » Beyond Tag Clouds: TagArcs for Wordpress Tag Visualization (part I) Beyond Tag Clouds: TagArcs for WordPress Tag Visualization Tag clouds are very useful to visualize the most frequently used tags on a website, e.g. a blog. This is done by steering attention through emphasized words whose font size, color or position stands out. But nothing can be found out about temporal relation of a tag's posts. For me this became evidently on my own tag cloud (see left) which still rates 'Lima' at the leading position whereas the related articles are more then three years old.
Quick scatterplot tutorial for d3.js When I code One of the many interesting things Github does are punchcards for repositories that can tell you when people work on their code. Unfortunately, they’re only per-repository and I was interested in per-user Github punchcards. So I made my own. Collecting the data was fairly straightforward, finding a simple tutorial/example of a scatterplot in d3.js proved to be less than trivial. A fascination with xml maps Fig 1 - MapD Twitter Map 80M tweets Oct 19 - Oct 30 Visualizing large data sets with maps is an ongoing concern these days. Just ask the NSA, or note this federal vehicle tracking initiative reported at the LA Times. Or, this SPD mesh network for tracking any MAC address wandering by. “There was of course no way of knowing whether you were being watched at any given moment.