Created by Christopher Manning
Draws a force directed graph using svg:path and geo projections onto a sphere.
Created by Christopher Manning
Draws a force directed graph using svg:path and geo projections onto a sphere.
| I combined Mike Bostock's [Zoomable Sunburst](http://bl.ocks.org/mbostock/4348373) and [Sunburst Partition](http://bl.ocks.org/mbostock/4063423) examples, so that I could have both zooming and updating the underlying data (between count and size, in this case). A simple combination of the examples does not work; you have to edit the arcTween function used for updating the data, so that when it redraws the partition layout, it takes account of the current zoom level by adjusting the domain of the x scale. | |
| Click on any arc to zoom in, and click on the center circle to zoom out. Use the Size/Count radio buttons to update the data. |
| Click on any arc to zoom in. Click on the center circle to zoom out. | |
| A sunburst is similar to a treemap, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area (or angle, depending on implementation) of each arc corresponds to its value. Sunburst design by [John Stasko](http://www.cc.gatech.edu/gvu/ii/sunburst/). Data courtesy [Jeff Heer](http://flare.prefuse.org/). |
| license: gpl-3.0 | |
| border: no | |
| height: 1060 |
| # d3 cloud example | |
| An example of how to animate a [d3-cloud](https://github.com/jasondavies/d3-cloud) word cloud. | |
| Based on https://github.com/jasondavies/d3-cloud/blob/master/examples/simple.html. |
| // Promise.all is good for executing many promises at once | |
| Promise.all([ | |
| promise1, | |
| promise2 | |
| ]); | |
| // Promise.resolve is good for wrapping synchronous code | |
| Promise.resolve().then(function () { | |
| if (somethingIsNotRight()) { | |
| throw new Error("I will be rejected asynchronously!"); |
| A vega-lite scatterplot example for vega-tooltip. You can specify the limited sets of field to display in tooltip by setting `showAllFields` to false, then specify those in `fields` array. You can also rename the field by specifying `title` |
| license: bsd-3-clause |
| d3.sankey = function() { | |
| var sankey = {}, | |
| nodeWidth = 24, | |
| nodePadding = 8, | |
| size = [1, 1], | |
| nodes = [], | |
| links = []; | |
| sankey.nodeWidth = function(_) { | |
| if (!arguments.length) return nodeWidth; |
| border: no | |
| license: Apache-2.0 |