forked from mbostock's block: Circle-Packing
Last active
October 25, 2019 09:07
-
-
Save emilyinamillion/6f992ea10d093731403cec6d4efcd511 to your computer and use it in GitHub Desktop.
Justice-Packing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: gpl-3.0 | |
height: 960 | |
border: no |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
id | value | |
---|---|---|
flare | ||
flare.analytics | ||
flare.analytics.cluster | ||
flare.analytics.cluster.AgglomerativeCluster | 3938 | |
flare.analytics.cluster.CommunityStructure | 3812 | |
flare.analytics.cluster.HierarchicalCluster | 6714 | |
flare.analytics.cluster.MergeEdge | 743 | |
flare.analytics.graph | ||
flare.analytics.graph.BetweennessCentrality | 3534 | |
flare.analytics.graph.LinkDistance | 5731 | |
flare.analytics.graph.MaxFlowMinCut | 7840 | |
flare.analytics.graph.ShortestPaths | 5914 | |
flare.analytics.graph.SpanningTree | 3416 | |
flare.analytics.optimization | ||
flare.analytics.optimization.AspectRatioBanker | 7074 | |
flare.animate | ||
flare.animate.Easing | 17010 | |
flare.animate.FunctionSequence | 5842 | |
flare.animate.interpolate | ||
flare.animate.interpolate.ArrayInterpolator | 1983 | |
flare.animate.interpolate.ColorInterpolator | 2047 | |
flare.animate.interpolate.DateInterpolator | 1375 | |
flare.animate.interpolate.Interpolator | 8746 | |
flare.animate.interpolate.MatrixInterpolator | 2202 | |
flare.animate.interpolate.NumberInterpolator | 1382 | |
flare.animate.interpolate.ObjectInterpolator | 1629 | |
flare.animate.interpolate.PointInterpolator | 1675 | |
flare.animate.interpolate.RectangleInterpolator | 2042 | |
flare.animate.ISchedulable | 1041 | |
flare.animate.Parallel | 5176 | |
flare.animate.Pause | 449 | |
flare.animate.Scheduler | 5593 | |
flare.animate.Sequence | 5534 | |
flare.animate.Transition | 9201 | |
flare.animate.Transitioner | 19975 | |
flare.animate.TransitionEvent | 1116 | |
flare.animate.Tween | 6006 | |
flare.data | ||
flare.data.converters | ||
flare.data.converters.Converters | 721 | |
flare.data.converters.DelimitedTextConverter | 4294 | |
flare.data.converters.GraphMLConverter | 9800 | |
flare.data.converters.IDataConverter | 1314 | |
flare.data.converters.JSONConverter | 2220 | |
flare.data.DataField | 1759 | |
flare.data.DataSchema | 2165 | |
flare.data.DataSet | 586 | |
flare.data.DataSource | 3331 | |
flare.data.DataTable | 772 | |
flare.data.DataUtil | 3322 | |
flare.display | ||
flare.display.DirtySprite | 8833 | |
flare.display.LineSprite | 1732 | |
flare.display.RectSprite | 3623 | |
flare.display.TextSprite | 10066 | |
flare.flex | ||
flare.flex.FlareVis | 4116 | |
flare.physics | ||
flare.physics.DragForce | 1082 | |
flare.physics.GravityForce | 1336 | |
flare.physics.IForce | 319 | |
flare.physics.NBodyForce | 10498 | |
flare.physics.Particle | 2822 | |
flare.physics.Simulation | 9983 | |
flare.physics.Spring | 2213 | |
flare.physics.SpringForce | 1681 | |
flare.query | ||
flare.query.AggregateExpression | 1616 | |
flare.query.And | 1027 | |
flare.query.Arithmetic | 3891 | |
flare.query.Average | 891 | |
flare.query.BinaryExpression | 2893 | |
flare.query.Comparison | 5103 | |
flare.query.CompositeExpression | 3677 | |
flare.query.Count | 781 | |
flare.query.DateUtil | 4141 | |
flare.query.Distinct | 933 | |
flare.query.Expression | 5130 | |
flare.query.ExpressionIterator | 3617 | |
flare.query.Fn | 3240 | |
flare.query.If | 2732 | |
flare.query.IsA | 2039 | |
flare.query.Literal | 1214 | |
flare.query.Match | 3748 | |
flare.query.Maximum | 843 | |
flare.query.methods | ||
flare.query.methods.add | 593 | |
flare.query.methods.and | 330 | |
flare.query.methods.average | 287 | |
flare.query.methods.count | 277 | |
flare.query.methods.distinct | 292 | |
flare.query.methods.div | 595 | |
flare.query.methods.eq | 594 | |
flare.query.methods.fn | 460 | |
flare.query.methods.gt | 603 | |
flare.query.methods.gte | 625 | |
flare.query.methods.iff | 748 | |
flare.query.methods.isa | 461 | |
flare.query.methods.lt | 597 | |
flare.query.methods.lte | 619 | |
flare.query.methods.max | 283 | |
flare.query.methods.min | 283 | |
flare.query.methods.mod | 591 | |
flare.query.methods.mul | 603 | |
flare.query.methods.neq | 599 | |
flare.query.methods.not | 386 | |
flare.query.methods.or | 323 | |
flare.query.methods.orderby | 307 | |
flare.query.methods.range | 772 | |
flare.query.methods.select | 296 | |
flare.query.methods.stddev | 363 | |
flare.query.methods.sub | 600 | |
flare.query.methods.sum | 280 | |
flare.query.methods.update | 307 | |
flare.query.methods.variance | 335 | |
flare.query.methods.where | 299 | |
flare.query.methods.xor | 354 | |
flare.query.methods._ | 264 | |
flare.query.Minimum | 843 | |
flare.query.Not | 1554 | |
flare.query.Or | 970 | |
flare.query.Query | 13896 | |
flare.query.Range | 1594 | |
flare.query.StringUtil | 4130 | |
flare.query.Sum | 791 | |
flare.query.Variable | 1124 | |
flare.query.Variance | 1876 | |
flare.query.Xor | 1101 | |
flare.scale | ||
flare.scale.IScaleMap | 2105 | |
flare.scale.LinearScale | 1316 | |
flare.scale.LogScale | 3151 | |
flare.scale.OrdinalScale | 3770 | |
flare.scale.QuantileScale | 2435 | |
flare.scale.QuantitativeScale | 4839 | |
flare.scale.RootScale | 1756 | |
flare.scale.Scale | 4268 | |
flare.scale.ScaleType | 1821 | |
flare.scale.TimeScale | 5833 | |
flare.util | ||
flare.util.Arrays | 8258 | |
flare.util.Colors | 10001 | |
flare.util.Dates | 8217 | |
flare.util.Displays | 12555 | |
flare.util.Filter | 2324 | |
flare.util.Geometry | 10993 | |
flare.util.heap | ||
flare.util.heap.FibonacciHeap | 9354 | |
flare.util.heap.HeapNode | 1233 | |
flare.util.IEvaluable | 335 | |
flare.util.IPredicate | 383 | |
flare.util.IValueProxy | 874 | |
flare.util.math | ||
flare.util.math.DenseMatrix | 3165 | |
flare.util.math.IMatrix | 2815 | |
flare.util.math.SparseMatrix | 3366 | |
flare.util.Maths | 17705 | |
flare.util.Orientation | 1486 | |
flare.util.palette | ||
flare.util.palette.ColorPalette | 6367 | |
flare.util.palette.Palette | 1229 | |
flare.util.palette.ShapePalette | 2059 | |
flare.util.palette.SizePalette | 2291 | |
flare.util.Property | 5559 | |
flare.util.Shapes | 19118 | |
flare.util.Sort | 6887 | |
flare.util.Stats | 6557 | |
flare.util.Strings | 22026 | |
flare.vis | ||
flare.vis.axis | ||
flare.vis.axis.Axes | 1302 | |
flare.vis.axis.Axis | 24593 | |
flare.vis.axis.AxisGridLine | 652 | |
flare.vis.axis.AxisLabel | 636 | |
flare.vis.axis.CartesianAxes | 6703 | |
flare.vis.controls | ||
flare.vis.controls.AnchorControl | 2138 | |
flare.vis.controls.ClickControl | 3824 | |
flare.vis.controls.Control | 1353 | |
flare.vis.controls.ControlList | 4665 | |
flare.vis.controls.DragControl | 2649 | |
flare.vis.controls.ExpandControl | 2832 | |
flare.vis.controls.HoverControl | 4896 | |
flare.vis.controls.IControl | 763 | |
flare.vis.controls.PanZoomControl | 5222 | |
flare.vis.controls.SelectionControl | 7862 | |
flare.vis.controls.TooltipControl | 8435 | |
flare.vis.data | ||
flare.vis.data.Data | 20544 | |
flare.vis.data.DataList | 19788 | |
flare.vis.data.DataSprite | 10349 | |
flare.vis.data.EdgeSprite | 3301 | |
flare.vis.data.NodeSprite | 19382 | |
flare.vis.data.render | ||
flare.vis.data.render.ArrowType | 698 | |
flare.vis.data.render.EdgeRenderer | 5569 | |
flare.vis.data.render.IRenderer | 353 | |
flare.vis.data.render.ShapeRenderer | 2247 | |
flare.vis.data.ScaleBinding | 11275 | |
flare.vis.data.Tree | 7147 | |
flare.vis.data.TreeBuilder | 9930 | |
flare.vis.events | ||
flare.vis.events.DataEvent | 2313 | |
flare.vis.events.SelectionEvent | 1880 | |
flare.vis.events.TooltipEvent | 1701 | |
flare.vis.events.VisualizationEvent | 1117 | |
flare.vis.legend | ||
flare.vis.legend.Legend | 20859 | |
flare.vis.legend.LegendItem | 4614 | |
flare.vis.legend.LegendRange | 10530 | |
flare.vis.operator | ||
flare.vis.operator.distortion | ||
flare.vis.operator.distortion.BifocalDistortion | 4461 | |
flare.vis.operator.distortion.Distortion | 6314 | |
flare.vis.operator.distortion.FisheyeDistortion | 3444 | |
flare.vis.operator.encoder | ||
flare.vis.operator.encoder.ColorEncoder | 3179 | |
flare.vis.operator.encoder.Encoder | 4060 | |
flare.vis.operator.encoder.PropertyEncoder | 4138 | |
flare.vis.operator.encoder.ShapeEncoder | 1690 | |
flare.vis.operator.encoder.SizeEncoder | 1830 | |
flare.vis.operator.filter | ||
flare.vis.operator.filter.FisheyeTreeFilter | 5219 | |
flare.vis.operator.filter.GraphDistanceFilter | 3165 | |
flare.vis.operator.filter.VisibilityFilter | 3509 | |
flare.vis.operator.IOperator | 1286 | |
flare.vis.operator.label | ||
flare.vis.operator.label.Labeler | 9956 | |
flare.vis.operator.label.RadialLabeler | 3899 | |
flare.vis.operator.label.StackedAreaLabeler | 3202 | |
flare.vis.operator.layout | ||
flare.vis.operator.layout.AxisLayout | 6725 | |
flare.vis.operator.layout.BundledEdgeRouter | 3727 | |
flare.vis.operator.layout.CircleLayout | 9317 | |
flare.vis.operator.layout.CirclePackingLayout | 12003 | |
flare.vis.operator.layout.DendrogramLayout | 4853 | |
flare.vis.operator.layout.ForceDirectedLayout | 8411 | |
flare.vis.operator.layout.IcicleTreeLayout | 4864 | |
flare.vis.operator.layout.IndentedTreeLayout | 3174 | |
flare.vis.operator.layout.Layout | 7881 | |
flare.vis.operator.layout.NodeLinkTreeLayout | 12870 | |
flare.vis.operator.layout.PieLayout | 2728 | |
flare.vis.operator.layout.RadialTreeLayout | 12348 | |
flare.vis.operator.layout.RandomLayout | 870 | |
flare.vis.operator.layout.StackedAreaLayout | 9121 | |
flare.vis.operator.layout.TreeMapLayout | 9191 | |
flare.vis.operator.Operator | 2490 | |
flare.vis.operator.OperatorList | 5248 | |
flare.vis.operator.OperatorSequence | 4190 | |
flare.vis.operator.OperatorSwitch | 2581 | |
flare.vis.operator.SortOperator | 2023 | |
flare.vis.Visualization | 16540 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
id | value | party | |
---|---|---|---|
flare | |||
flare.cluster0 | |||
flare.cluster0.SOTOMAYOR | 1.005602412 | 0 | |
flare.cluster0.KAGAN | 1.041687943 | 0 | |
flare.cluster0.SOUTER | 0.734771892 | 1 | |
flare.cluster0.REHNQUIST | 0.724557392 | 1 | |
flare.cluster0.O'CONNOR | 0.658315431 | 1 | |
flare.cluster0.ALITO | 0.617072406 | 1 | |
flare.cluster0.STEVENS | 0.613648864 | 1 | |
flare.cluster0.SCALIA | 0.644077552 | 1 | |
flare.cluster0.THOMAS | 0.573134842 | 1 | |
flare.cluster0.BREYER | 0.556252866 | 0 | |
flare.cluster0.GINSBURG | 0.55568073 | 0 | |
flare.cluster0.KENNEDY | 0.491614892 | 1 | |
flare.cluster1 | |||
flare.cluster1.CAMPBELL | 4.139433551 | 0 | |
flare.cluster1.GRAY | 1.582052162 | 1 | |
flare.cluster1.MOODY | 1.456839645 | 1 | |
flare.cluster1.CLARKE | 1.106786989 | 0 | |
flare.cluster1.TANEY | 1.113702738 | 0 | |
flare.cluster1.SHIRAS | 1.001837057 | 1 | |
flare.cluster1.LURTON | 1.016611528 | 1 | |
flare.cluster1.LAMAR | 0.806895831 | 0 | |
flare.cluster1.BROWN | 0.768138681 | 1 | |
flare.cluster1.BREWER | 0.684920367 | 1 | |
flare.cluster1.FULLER | 0.648428514 | 0 | |
flare.cluster1.PITNEY | 0.628145644 | 1 | |
flare.cluster1.PECKHAM | 0.525332907 | 0 | |
flare.cluster1.VAN DEVANTER | 0.61867925 | 1 | |
flare.cluster1.MCREYNOLDS | 0.647094747 | 0 | |
flare.cluster1.DAY | 0.470354849 | 1 | |
flare.cluster1.WHITE | 0.390830348 | 0 | |
flare.cluster1.HUGHES | 0.44177786 | 1 | |
flare.cluster1.HARLAN | 0.365875982 | 1 | |
flare.cluster1.HOLMES | 0.381346587 | 1 | |
flare.cluster2 | |||
flare.cluster2.CURTIS | 3.555809089 | 2 | |
flare.cluster2.PATERSON | 2.699695196 | 2 | |
flare.cluster2.NELSON | 2.363812184 | 2 | |
flare.cluster2.MILLER | 2.025069429 | 1 | |
flare.cluster2.WASHINGTON | 1.812526876 | 2 | |
flare.cluster2.BLACKMUN | 2.0075706 | 1 | |
flare.cluster2.CLARK | 1.729721564 | 0 | |
flare.cluster2.FORTAS | 1.65733792 | 0 | |
flare.cluster2.BRADLEY | 1.513761766 | 1 | |
flare.cluster2.GOLDBERG | 1.538382416 | 0 | |
flare.cluster2.JOHNSON | 1.266465442 | 2 | |
flare.cluster2.BRENNAN | 1.171109087 | 1 | |
flare.cluster2.BURGER | 1.093853158 | 1 | |
flare.cluster2.POWELL | 0.991061216 | 1 | |
flare.cluster2.WARREN | 0.847892958 | 1 | |
flare.cluster2.STEWART | 0.729798209 | 1 | |
flare.cluster2.STORY | 0.699577443 | 2 | |
flare.cluster2.CARDOZO | 0.652791239 | 1 | |
flare.cluster2.JACKSON | 0.548624247 | 0 | |
flare.cluster2.FRANKFURTER | 0.477019693 | 0 | |
flare.cluster2.BLACK | 0.47651514 | 0 | |
flare.cluster2.MARSHALL | 0.408002776 | 0 | |
flare.cluster2.ROBERTS | 0.439463742 | 1 | |
flare.cluster3 | |||
flare.cluster3.CLIFFORD | 3.788787931 | 0 | |
flare.cluster3.MATTHEWS | 2.161159004 | 1 | |
flare.cluster3.CHASE | 2.809478811 | 2 | |
flare.cluster3.BURTON | 1.018426897 | 0 | |
flare.cluster3.VINSON | 1.175519662 | 0 | |
flare.cluster3.SANFORD | 1.00350287 | 1 | |
flare.cluster3.MURPHY | 0.841059949 | 0 | |
flare.cluster3.RUTLEDGE | 0.722501621 | 0 | |
flare.cluster3.BUTLER | 0.63530646 | 1 | |
flare.cluster3.SUTHERLAND | 0.672398543 | 1 | |
flare.cluster3.REED | 0.624351435 | 0 | |
flare.cluster3.TAFT | 0.569978394 | 1 | |
flare.cluster3.BRANDEIS | 0.518458031 | 0 | |
flare.cluster3.DOUGLAS | 0.490198637 | 0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
text { | |
font: 10px sans-serif; | |
text-anchor: middle; | |
} | |
.node--hover circle { | |
stroke: #000; | |
stroke-width: 1.2px; | |
} | |
.tooltip { | |
background-color: #f7f7f7; | |
padding: 3px 12px; | |
font-family: sans-serif; | |
border: 1px solid #bbbbbb; | |
box-shadow: 1px 1px 4px #bbbbbb; | |
} | |
.tooltip_title { | |
font-weight: bold; | |
font-size: 14px; | |
margin: 5px 0; | |
max-width: 300px; | |
word-wrap: normal; | |
} | |
.tooltip_body { | |
font-weight: normal; | |
margin: 5px 0; | |
} | |
.tooltip_img { | |
max-width: 240px; | |
} | |
</style> | |
<svg width="960" height="960"><g transform="translate(1,1)"></g></svg> | |
<script src="//d3js.org/d3.v4.0.0-alpha.35.min.js"></script> | |
<script> | |
var svg = d3.select("svg"), | |
width = +svg.attr("width"), | |
height = +svg.attr("height"); | |
var format = d3.format(",d"); | |
var color = d3.scaleOrdinal() | |
.range(['lightgrey','indianred', 'steelblue']) | |
.domain([2, 1, 0]) | |
//d3.scaleMagma() | |
//.domain([-4, 5]); | |
// 0 = red | |
// demo | |
var stratify = d3.stratify() | |
.parentId(function(d) { return d.id.substring(0, d.id.lastIndexOf(".")); }); | |
var pack = d3.pack() | |
.size([width - 2, height - 2]) | |
.padding(3); | |
var tooltip = d3.select("body") | |
.append("div") | |
.attr("class", "tooltip") | |
.style("position", "absolute") | |
.style("z-index", "10") | |
.style("visibility", "hidden"); | |
d3.csv("fullshebang4d32.csv", function(error, data) { | |
if (error) throw error; | |
var root = stratify(data) | |
.sum(function(d) { return d.value; }) | |
.sort(function(a, b) { return b.value - a.value; }); | |
pack(root); | |
var node = svg.select("g") | |
.selectAll("g") | |
.data(root.descendants()) | |
.enter().append("g") | |
.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }) | |
.attr("class", function(d) { return "node" + (!d.children ? " node--leaf" : d.depth ? "" : " node--root"); }) | |
.each(function(d) { d.node = this; }) | |
.on("mouseover", function(d) { | |
tooltip.html(""); | |
if (d.depth < 2) return; | |
tooltip.append("h3").attr("class", "tooltip_title"); | |
tooltip.append("img").attr("class", "tooltip_img"); | |
tooltip.append("pre").attr("class", "tooltip_body"); | |
tooltip.select(".tooltip_title") | |
.text(d.data.party) | |
tooltip.select("img") | |
.attr("src", d.imgUrl); | |
tooltip.select(".tooltip_body") | |
.text( | |
"company: " + d.data.party + "\n" + | |
"type: " + "circle" + "\n" | |
); | |
return tooltip.style("visibility", "visible"); | |
}) | |
.on("mousemove", function() { | |
return tooltip.style("top", (d3.event.pageY-52) + "px").style("left", (d3.event.pageX+18) + "px"); | |
}) | |
.on("mouseout", function() { | |
return tooltip.style("visibility", "hidden"); | |
}); | |
node.append("circle") | |
.attr("id", function(d) { return "node-" + d.id; }) | |
.attr("r", function(d) { return d.r; }) | |
.style("fill", function(d) { | |
if (d.depth == 0) return "lightgrey"; | |
if (d.depth == 1) return "grey"; | |
return color(d.data.party); }); | |
var leaf = node.filter(function(d) { return !d.children; }); | |
leaf.append("clipPath") | |
.attr("id", function(d) { return "clip-" + d.id; }) | |
.append("use") | |
.attr("xlink:href", function(d) { return "#node-" + d.id + ""; }); | |
leaf.append("text") | |
.attr("clip-path", function(d) { return "url(#clip-" + d.id + ")"; }) | |
.selectAll("tspan") | |
.data(function(d) { return d.id.substring(d.id.lastIndexOf(".") + 1).split(/(?=[A-Z][^A-Z])/g); }) | |
.enter().append("tspan") | |
.attr("x", 0) | |
.attr("y", function(d, i, nodes) { return 13 + (i - nodes.length / 2 - 0.5) * 10; }) | |
.text(function(d) { return d; }); | |
// node.append("title") | |
// .text(function(d) { return d.id + "\n" + format(d.value); }); | |
}); | |
function hovered(hover) { | |
return function(d) { | |
d3.selectAll(d.ancestors().map(function(d) { return d.node; })).classed("node--hover", hover); | |
}; | |
} | |
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
�PNG | |