mbostock

36 ms·

301.
by mbostock 15y ago
Right; I ported it from the Dart implementation, not from the generated JavaScript.
302.
by mbostock 15y ago
Yep. Typed arrays don't have a built-in sort method, and even the built-in array.sort is extremely slow. I ported Dart's dual-pivot quicksort implementation, which reduced the time to sort 1M floats from ~2.5s to ~350ms (timed in Node v0.6.
303.
by mbostock 15y ago
Apologies; I wasn't aware of the Tesseract OCR project until very recently, and then I hoped there would not be much harm given that the two projects are so unrelated. (The name "Tesseract" was the natural progression from "Square" and "Cub
304.
Square open-sources Tesseract: fast filtering for coordinated views(square.github.com)
263 points by mbostock 15y ago|42 comments
305.
Visualizing Networks with Hive Plots(bost.ocks.org)
35 points by mbostock 15y ago|2 comments
306.
by mbostock 15y ago
Nice; animated transitions are great for maintaining continuity when data is changing. Handling changes in the y-scale can be another source of distraction, so it's nice if you're able to fix the domain (as [0,1] in your example). In Januar
307.
by mbostock 15y ago
Quite the opposite. With D3 you control the structure of the DOM (hence data-driven documents) directly. Data-driven refers to the declarative method in which you generate or update the document from data, not the end result. Unlike Raphaël
308.
by mbostock 15y ago
I forgot to include both weights of the Yanone Kaffeesatz web font (400 and 700), which was causing rendering problems on some browsers. Try it again now? Sorry for the inconvenience.
309.
by mbostock 15y ago
The cause of the instability appears to be the box-shadow (or possibly the -webkit-transform) on all 151 slides. I've disabled those features for iOS now, and it appears to be stable.
310.
by mbostock 15y ago
The Verlet integration is just this part here: https://github.com/mbostock/d3/blob/master/src/layout/force.... The rest of the function is calculating default forces and constraints for graph layout; these can be disabled, and thanks to t
311.
by mbostock 15y ago
Nice; it's lovely how position Verlet lets you simulate geometric constraints so naturally. If you're interested in learning more, I recommend Thomas Jakobsen's "Advanced Character Physics" (I could only find a PDF link): http://www.pagine
312.
by mbostock 15y ago
This is a nice example of the "quantified self", and I wonder if there's a potential for insight regarding productivity. For example, the weekly patterns are apparent: the weekends aren't labeled, but you can see repeating density patterns
313.
by mbostock 15y ago
Scott Murray has been developing a wonderful series of tutorials: http://alignedleft.com/tutorials/d3/ I expect he'll tackle more advanced topics as the series continues.
314.
by mbostock 15y ago
My guess is Cathode: http://www.secretgeometry.com/apps/cathode/
315.
by mbostock 15y ago
This is a truly impressive implementation, based on previous work by Jonathan Feinberg [1]. The display uses SVG, but the character outlines are computed by canvas bitmaps. Then, Jason implemented hierarchical bounding boxes to accelerate t
316.
by mbostock 15y ago
I like the generality of the defer/await concepts of TameJs (and by extension, iced coffee). But I was curious if these concepts could be used without code generation, as in Async.js. So I came up with Queue.js: https://github.com/mbostock
317.
by mbostock 15y ago
There's a good analysis of how to design a visualization that shows both approval and disapproval here: http://eagereyes.org/blog/2012/embracing-uncertainty-two-lin...
318.
by mbostock 15y ago
If you edit the algorithm in the textarea, it will automatically refresh the visualization. Edit: I added a checkbox to control the auto-refresh behavior.
319.
Will It Shuffle?(bost.ocks.org)
16 points by mbostock 15y ago|3 comments
320.
by mbostock 15y ago
The aspect ratio is also problematic with taller windows; best practice is to bank to 45º: http://vis.berkeley.edu/papers/banking/ It's hard to pick the right aspect ratio without knowing the data beforehand, but you could make some reaso
321.
by mbostock 15y ago
I did this same experiment with D3 (animating the outline-color and background-color for 1s with ease-in-out), and I got performance nearly identical to CSS. http://bl.ocks.org/d/1616423/ A lot of this gain is likely from using requestAni
322.
by mbostock 15y ago
2009. Note the rise in popularity of JavaScript since then: https://github.com/languages Also, box plots would provide more useful comparison than medians; box plots can show several quantiles simultaneously. This is almost essential if
323.
by mbostock 15y ago
Point taken; I'll keep this in mind in future examples. I find it extremely tempting to write JavaScript as compact as possible, sometimes at the expense of readability. Writing pedagogical code requires a slightly different mindset.
324.
by mbostock 15y ago
The angle of the lines encodes the value of the card. The lowest-value cards lean left, and the highest-value cards lean right. The in-order deck, therefore, neatly fans from left-to-right. In the shuffled deck the values are in random orde
325.
Show HN: A visual explanation of Fisher–Yates shuffle(bost.ocks.org)
176 points by mbostock 15y ago|37 comments
326.
by mbostock 15y ago
Agreed. Given DirectX and Direct3D, MS is unlikely to support a derivative of OpenGL. That may eventually change if WebGL becomes widely adopted, forcing their hand, but current lack of support in IE9+ is a major inhibition to adoption. I d
327.
by mbostock 15y ago
This might become more common when Proxy is supported more widely in JavaScript implementations. http://wiki.ecmascript.org/doku.php?id=harmony:direct_proxie...
328.
by mbostock 15y ago
This is one slide from my W3Conf talk. The accompanying video and full deck are here: http://cdn-smooth.ms-studiosmedia.com/events/W3C/Day2/Web_St... http://mbostock.github.com/d3/talk/20111116/
329.
by mbostock 15y ago
Agreed. To fix, open up the JavaScript console: $("p").css("color", "white").
330.
by mbostock 15y ago
https://github.com/mbostock/d3/blob/master/d3.min.js 20K minified and gzipped. You can also make custom builds using the provided Makefile. (And maybe use something like Ender for an even more specific build?)

More ›