9 ms·
D3 3.3 Released
- przemoc 13y agoA bit off-topic, but it bothers me (positively). How in GitHub you can provide that kind of tag summary? Is it part of tag message? (There are even links, so I doubt it.)
- bullfight 13y agoThis is a release, a relatively new github feature https://github.com/blog/1547-release-your-software https://github.com/blog/1547-release-your-software Check out the list of D3 releases https://github.com/mbostock/d3/releases/ https://github.com/mbostock/d3/releases/
- deleted 13y ago[deleted]
- przemoc 13y agoThanks, somehow I overlooked that. > You can also attach binary assets (such as compiled executables, minified scripts, documentation) to a release. Nice. I knew they didn't turn Downloads off for good (API still works, or at least worked some time ago), but I didn't expect such move.
- mbostock 13y agoGitHub Releases: https://github.com/blog/1547-release-your-software https://github.com/blog/1547-release-your-software
- jsnk 13y agoAre you asking about github releases? https://github.com/blog/1547-release-your-software https://github.com/blog/1547-release-your-software
- mparr4 13y agoD3 is an absolute blast. I'm continually impressed by it's accessibility and flexibility. If you've never played with it before it's an absolute joy to work with. Make sure to check out Mike Bostock's (d3's primary author) absurdly large collection of examples: http://bl.ocks.org/mbostock http://bl.ocks.org/mbostock
- car 13y agoI second this sentiment. Transform based zoom is a great new feature, now I don't have to roll my own.
- jws 13y agoWhat is D3? D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
- ibudiallo 13y agoI was completely lost without your comment. Thank you
- groovy2shoes 13y agoI'm still completely lost. How is a "document based on data" different from any other document?
- BHSPitMonkey 13y ago"Data" as in "datasets", not "paragraph data" or "JPEG data".
- mparr4 13y agohttp://mbostock.github.io/d3/tutorial/circle.html http://mbostock.github.io/d3/tutorial/circle.html The above is an excellent example of both what d3 is AND how it works.
- captaincrowbar 13y agoSeems to be broken on Chrome (Win7 x64). Clicking on any of the Run buttons does nothing.
- mbostock 13y agoThe “document” here refers to the W3C Document Object Model (DOM): the hierarchy of HTML or SVG elements that comprises a webpage. And “data” refers to arbitrary JavaScript data structures, like an array of numbers or a parsed CSV file. So, D3 is a JavaScript library for transforming the DOM based on data.
- aviswanathan 13y agoD3 is the reason I got into animation in the first place. The general ease-of-use combined with the hackability of it is awesome.
- sophacles 13y agoD3 is great - It has made a lot of things super easy to make pretty (mostly pretty realtime front ends to research demos). I wish they would add some more support for canvas drawing, but other than that, everything about it is just slick.
- npalli 13y agoWhat is your specific use case for using Canvas along with D3?
- crm416 13y agoSeconded--canvas support would be great. I too had to mix D3 with some canvas drawing. The specific use case was that I had a number of diagrams, most of which were handled by D3, but one of which required pixel-by-pixel rendering (i.e., each pixel in the canvas was colored according to some data).
- sophacles 13y agoRight now everything I want to do is capable of being done reasonably well in SVG, however, there has been talk of effects that we wish to add that are easier done in canvas. We are doing a graph diagram using force directed layout, and are displaying various overlays of paths through the graph based on input data parameters. As I mentioned, this is currently all fine in SVG, however, we'd like to in the future be able to make those overlays a bit more dynamic in the graphic sense - by adding some effects that canvas makes easy. Also, our future drawing of the graph will include enough custom shapes and images/sprites that the canvas context + drawing objects will result in cleaner code than the equivalent SVG operations. Also, and this part is a personal bias, I just dislike SVG and it's DOM for runtime graphics manipulation, and prefer the canvas API for it.
- ph0rque 13y agoWe are doing a graph diagram using force directed layout... Can you provide a link to this?
- danso 13y agoNot a D3 expert myself so hard to know how "big" each of the bullet points are...but the interpolated zoom is pretty slick: http://bl.ocks.org/mbostock/6301817 http://bl.ocks.org/mbostock/6301817 And custom geometry transforms: https://github.com/mbostock/d3/wiki/Geo-Streams#wiki-transform https://github.com/mbostock/d3/wiki/Geo-Streams#wiki-transfo...
- cscheid 13y agoThe slickest part of that demo is the continuous level-of-detail rendering. That's extremely helpful when scaling up to large maps.
- oscilloscope 13y agoBrush transitions are a nice feature http://bl.ocks.org/mbostock/6216724 http://bl.ocks.org/mbostock/6216724
- crm416 13y agoHighly recommend D3. I've used it for a large-scale project this summer, handling thousands (millions, even) of data points in the browser. Mike Bostock has created an immense body of examples and is constantly found answering questions on SO, etc. Kudos to Mike and D3 as a whole. EDIT: oops, typo
- bunkat 13y agoHis name is actually Mike Bostock, not Mark :)
- dljsjr 13y agoI've never had the opportunity to do much with D3 myself, but one of the things that strikes me as really neat about D3 is that the data visualization is aesthetically pleasing (use of colors, transparency, stroke weight, etc.). I love to just sit and look at D3 documents because I often find them to be very soothing and enjoyable as visual elements, independent of the data being presented. Conversely, I very rarely see any demonstrations of non-Web plotting/visualization tools (MATLAB, matplotlib, gnuplot, etc.) that look nearly as nice. What's the reason for this? Does D3 look that nice out of the box, or are D3 users/demonstrators just more interested in flipping the appropriate bits and writing the code and doing the work to make sure that their data looks nice? I ask because I'm about to start playing with a personal project that isn't web based and that needs plotting. I'm seriously contemplating embedding a WebKit panel and using D3 to render the graphics, but I haven't had the chance to really invest a lot of time in studying plotting options. D3 has definitely given the best first impression though.
- mschulkind 13y agoD3 is not a graphics library, so it's certainly not D3 itself making anything look nice. D3 enables you to easily build great visualization, but it doesn't actually draw anything directly or provide you with a theme or anything like that. D3 pure and simple binds data to DOM elements and keeps the relationship updated, but nothing more. Those DOM elements could be pure text, or tables, or whatever else you want. It just so happens that D3 works well when bound to SVG elements, but that's purely up to you.
- kmfrk 13y agoMike Bostock has a great design sensibility, but there is also some work behind the scenes. It's a little like the LaTeX of charts that way. Notice how the ticks look, which is dynamically handled, for instance. There's some tweakage behind how many ticks to display, where to place ticks, and other Tuftian goodness.
- bdon 13y agoA few reasons: D3 has built-in components to draw small details like axes precisely, which lower the barrier to making good data graphics. Also, the feedback loop in my experience is much tighter than with tools like Processing, R or Matlab, since you can manipulate elements directly in your browser, instead of having to compile code/generate a new raster image every time.
- javajosh 13y agoI find D3 to be frustrating because it promises so much and yet it's less of a library and more of a "way to write JavaScript". There really isn't an abstraction so much as a convention for calculating the 3 subsets of an intersection and associating each subset with DOM elements, and then 'doing something' with those DOM elements, possibly as a function of the associated data item. Mike has created some amazing visualizations with D3, but for each viz the code is fairly long and hairy. The worst thing though is that it's not composable - or rather, the unit of composability is very low level. D3 doesn't have any helpers for data that changes over time, for example.
- ganeumann 13y agoAs a programmer I'm a hacker--in the golf sense of "someone who spends a lot of time at something but still sucks." But d3 has allowed me to build several useful data visualizations. The code may not be short and sweet, but it is pretty easy to write and pretty easy to understand. Perfect for someone looking for just the right amount of abstraction. Here's something I wrote a while ago using d3 for my own use. It's entirely client-side js. http://neuvc.com/labs/vcbar/ http://neuvc.com/labs/vcbar/ It charts the investment activity of VCs by pulling Crunhbase data. I would not have written this if I didn't have d3 to use as a crutch for the bar charts.
- JungleGymSam 13y ago> but it is pretty easy to write and pretty easy to understand I wish I was as smart as you because D3 makes almost zero sense to me. I think there's something I'm missing that, once it clicks, will change things. <fingers crossed/>
- jbmartin 13y agoWhat's new in 3.3? - Brush transitions http://bl.ocks.org/mbostock/6216724 http://bl.ocks.org/mbostock/6216724 - Tools to help dynamic simplification (scale appropriate geometry on zoom): http://bl.ocks.org/mbostock/6252418 http://bl.ocks.org/mbostock/6252418 - Bug fixes - Others?