Last active
December 12, 2015 08:28
-
-
Save harlantwood/4743857 to your computer and use it in GitHub Desktop.
D3 Circle Packing in CoffeeScript
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
| root = exports ? this | |
| root.collections_viz = (json_path) -> | |
| d3.json json_path, (data) -> | |
| width = 600 | |
| height = 600 | |
| format = d3.format(",d") | |
| pack = d3.layout.pack() | |
| .size([ width - 4, height - 4 ]) | |
| .value((d) -> d.size) | |
| vis = d3.select("#viz-collections").append("svg") | |
| .attr("width", width) | |
| .attr("height", height) | |
| .attr("class", "pack") | |
| .append("g") | |
| .attr("transform", "translate(2, 2)") | |
| node = vis.data([ data ]).selectAll("#viz-collections g.node") | |
| .data(pack.nodes) | |
| .enter().append("g") | |
| .attr("class", (d) -> if d.children then "node" else "leaf node") | |
| .attr("transform", (d) -> "translate(" + d.x + "," + d.y + ")") | |
| node.append("title") | |
| .text (d) -> d.name + (if d.children then "" else ": " + format(d.size)) | |
| node.append("circle") | |
| .attr("r", (d) -> d.r) | |
| .on "click", (d) -> if d.children then (window.location = d.url) else undefined | |
| node.filter((d) -> d.children) | |
| .append("text") | |
| .attr("text-anchor", "middle") | |
| .attr("dy", ".3em") | |
| .text (d) -> if d.name.length <= d.r/3 then d.name else "" | |
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
| circle { | |
| fill-opacity: .25; | |
| stroke-width: 1px; | |
| fill: #1f77b4; | |
| stroke: steelblue; | |
| } | |
| .leaf circle { | |
| fill-opacity: 0; | |
| pointer-events: none; | |
| } | |
| text { | |
| font: 12px sans-serif; | |
| } | |
| .leaf text { | |
| opacity: 0; | |
| } | |
| text.parent { | |
| fill: #1f77b4; | |
| } | |
| circle.parent:hover { | |
| stroke: #ff7f0e; | |
| stroke-width: .5px; | |
| } |
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
| // Generated by CoffeeScript 1.3.1 | |
| (function() { | |
| var root; | |
| root = typeof exports !== "undefined" && exports !== null ? exports : this; | |
| root.collections_viz = function(json_path) { | |
| return d3.json(json_path, function(data) { | |
| var format, height, node, pack, vis, width; | |
| width = 600; | |
| height = 600; | |
| format = d3.format(",d"); | |
| pack = d3.layout.pack().size([width - 4, height - 4]).value(function(d) { | |
| return d.size; | |
| }); | |
| vis = d3.select("#viz-collections").append("svg").attr("width", width).attr("height", height).attr("class", "pack").append("g").attr("transform", "translate(2, 2)"); | |
| node = vis.data([data]).selectAll("#viz-collections g.node").data(pack.nodes).enter().append("g").attr("class", function(d) { | |
| if (d.children) { | |
| return "node"; | |
| } else { | |
| return "leaf node"; | |
| } | |
| }).attr("transform", function(d) { | |
| return "translate(" + d.x + "," + d.y + ")"; | |
| }); | |
| node.append("title").text(function(d) { | |
| return d.name + (d.children ? "" : ": " + format(d.size)); | |
| }); | |
| node.append("circle").attr("r", function(d) { | |
| return d.r; | |
| }).on("click", function(d) { | |
| if (d.children) { | |
| return window.location = d.url; | |
| } else { | |
| return; | |
| } | |
| }); | |
| return node.filter(function(d) { | |
| return d.children; | |
| }).append("text").attr("text-anchor", "middle").attr("dy", ".3em").text(function(d) { | |
| if (d.name.length <= d.r / 3) { | |
| return d.name; | |
| } else { | |
| return ""; | |
| } | |
| }); | |
| }); | |
| }; | |
| }).call(this); |
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
| { | |
| "name": "", | |
| "children": [ | |
| { | |
| "name": "alchemyofchange.net", | |
| "url": "http://alchemyofchange.net/", | |
| "children": [ | |
| { | |
| "name": "05-07-12-links", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "about", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "about-about-alchemy-of-change", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "about-about-gideon-rosenblatt", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "about-books", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "author-gideon-rosenblatt", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "big-life", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "category-connection-tech", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "category-more", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "category-more-soul-2", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "category-society", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "clashing-goals", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "connections-are-different-than-relationships", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "cooperation-is-never-perfect", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "creating-meaning", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "crowd-wisdom-test", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "engaging-people", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "google-plus-marketing-revolution", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "googleplus-engagement", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "living-system", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "local-news-renaissance", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "more-alchemy", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "movement-as-network", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "networked-movements", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "networked-organization", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "organizational-membranes", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "ownership", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "page-2", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "place-based-software", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "quiznos-old-business-model", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "relationship-centric-software", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "social-change", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "social-change-struggle", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "social-reading", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "software-will-replace-you", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "soulful-organizations", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "t", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "tedxrainier", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "the-art-of-engagement", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "the-sole-of-a-business", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "the-soulful-company", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "third-order-engagement", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "trust-and-networks", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "twitter-is-not-a-social-network", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "twitter-mad-at-google", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "twitters-golden-egg", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "we-are-filter-bubble", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "what-is-google-plus-really", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "when-personal-and-corporate-brands-collide", | |
| "size": 3 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "appropedia.org", | |
| "url": "http://appropedia.org/", | |
| "children": [ | |
| { | |
| "name": "3-d-printing-of-electrically-conductive-materials-literature-review", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "appropedia", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "appropedia-c", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "appropedia-categorytree", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "appropedia-flagging-spam", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "appropedia-highlighted-projects", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "appropedia-mission", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "appropriate", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "appropriate-technology", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "appropriate-transport-manual", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "backyard-biodigester", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "book-highlighted-appropedia-projects", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "ccat-rocket-stove", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "curdled-milk-paint-recipe", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "david-holmgren", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "decreasing-turbidity-to-optimize-solar-water-disinfection", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "engr370-similar-waste-diversion-research-or-projects", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "engr370-waste-diversion-examples", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "ersson-rainwater-harvest-and-purification-original", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "ethanol-from-organic-sugar-beets-versus-refined-cane-sugar", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "file-appropedia-logo-small-no-text", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "file-patb-direct-and-diffuse-solar", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "file-under-construction-orange", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "index", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "internal-error", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "list-of-appropriate-animals-for-transport", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "list-of-appropriate-draft-animals", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "makerbot-replicator-protocol-most", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "occupy-sustainability", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "orphanage-tourism", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "p", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "permaculture", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "poor", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "portal", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "portal-appropriate", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "portal-appropriate-technology", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "portal-construction-and", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "portal-construction-and-materials", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "portal-energy", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "portal-food-and", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "portal-food-and-agriculture", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "portal-green", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "portal-green-living", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "portal-health-and", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "portal-health-and-safety", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "portal-medical", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "portal-medical-devices", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "portal-projects", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "portal-solar", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "portal-transport", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "portal-water", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "poverty", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "renewable-energy-dictionary", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "review-of-solar-levelized-cost", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "solar-thermal-energy", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "sus", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "sustainability", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "sustainawiki", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "transport", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "washing-and-drying-clothes", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "welcome-to", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "welcome-to-appropedia", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "welcome-to-appropedia-selected-page", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "welcome-to-appropedia-selected-project", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "welcome-to-appropedia-selected-quote", | |
| "size": 10 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "artbrock.com", | |
| "url": "http://artbrock.com/", | |
| "children": [ | |
| { | |
| "name": "blog", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 5 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "berkanacollaborative.org", | |
| "url": "http://berkanacollaborative.org/", | |
| "children": [ | |
| { | |
| "name": "about", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "bios", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "blog", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "category-art-of-harvesting", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "category-art-of-hosting", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "category-asset-based", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "category-bc", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "category-being", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "category-berkana-collaborative", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "category-bob", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "category-coho", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "category-collaboration", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "contact", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "launching-the-transformation-institute", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "resources", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "services", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "tweets-of-the-weeks-15", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "waking-up-beloved-community", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "what-others-say", | |
| "size": 8 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "bollier.org", | |
| "url": "http://bollier.org/", | |
| "children": [ | |
| { | |
| "name": "about", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "aspen-reports", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "category-tags", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "category-tags-agriculture", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "category-tags-cities", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "category-tags-commons", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "category-tags-commons-strategies", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "category-tags-conferences", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "category-tags-cooperation", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "category-tags-copyright", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "category-tags-copyright-law", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "category-tags-digital", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "category-tags-digital-commons", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "category-tags-enclosure", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "category-tags-enclosures", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "category-tags-environment", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "category-tags-finance", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "category-tags-food", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "category-tags-germany", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "category-tags-government", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "category-tags-great-britain", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "category-tags-history", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "category-tags-india", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "category-tags-international", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "category-tags-law", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "category-tags-localism", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "category-tags-market-culture", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "category-tags-music", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "category-tags-ontology", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "category-tags-open-government", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "category-tags-patents", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "category-tags-privatization", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "category-tags-public-domain", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "category-tags-science", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "commons-law-project", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "commons-resources", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "commons-resources-commons-bibliography", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "commons-resources-commons-course-syllabus", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "commons-resources-commons-projects", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "my-work", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "special-projects", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "tagadelic-chunk-1", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "talks-essays-2009", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "talks-essays-2010-2011", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "talks-essays-videos", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "taxonomy-term-10", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "taxonomy-term-11", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "taxonomy-term-12", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "taxonomy-term-15", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "taxonomy-term-16", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "taxonomy-term-4", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "taxonomy-term-6", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "taxonomy-term-7", | |
| "size": 10 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "cocreatr.typepad.com", | |
| "url": "http://cocreatr.typepad.com/", | |
| "children": [ | |
| { | |
| "name": "everyone-is-a-beginner-or", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2009-11-index", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2009-12-index", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-01-index", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-02-index", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-03-index", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-04-index", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-05-barbarian-capitalism-and-invisible-capitalism", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-05-do-i-know-you-until-then-my-data-is-mine-crm-and-vrm-diaspora", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-05-index", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-05-junto-on-vrm-how-to-own-your-virtual-presence-archive-video", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-06-index", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-07-index", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-08-index", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-09-index", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-10-index", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-11-index", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2010-12-index", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-01-index", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-02-index", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-03-index", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-04-index", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-05-index", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-06-index", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-08-index", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-09-index", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-09-radiation-risk-what-about-ground-or-food-contamination", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-10-index", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-11-bicycling-on-good-spirits", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-11-index", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2011-12-index", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-01-index", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-01-might-as-well-blog", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-01-the-next-edge-everyone-is-a-beginner", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-02-community-of-practice-and-trust-building", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-02-everyone-is-a-beginner-at-something", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-02-how-to-get-from-words-to-trust", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-02-index", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-02-the-culture-game", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-03-index", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-04-index", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-2012-05-index", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-archives", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-books", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-collective-intelligence", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-economy", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-green-living", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-health-fitness", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-learn-live-repeat", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-network-weaving", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-prior-art", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-start-something", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "everyone-is-a-beginner-or-thanks", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 4 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "colbys.blogspot.com", | |
| "url": "http://colbys.blogspot.com/", | |
| "children": [ | |
| { | |
| "name": "answers-could-be-in-your-dreams-when", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "celebrating-with-sierdo-1st-copies-of", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "climate-cycles-are-driving-wars-says", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "designers-create-web-site-with-no-code", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "elizabeth-warren-tells-usa-biz-why-they", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "fabricated-analog-very-large-scale", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "gamification-why-playing-games-could-be", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "handsome-annual-reports-cause-investors", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "how-internet-architecture-got-its", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "in-future-data-will-be-transferred-to", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "isad-steve-jobs-leaves-world-much-more", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "milestone-in-description-of-complex", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "nasa-moon-mission-in-final-preparations", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "new-science-discovery-dna-found-in", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "psychopathic-killers-computerized-text", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "scary-new-drugs-law-passed-in-usa-with", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "scientists-trace-typhoid-routes-with", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "spyphone-do-not-put-smart-phone-near", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "wow-fascinating-scientists-reconstruct", | |
| "size": 3 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "community-intelligence.com", | |
| "url": "http://community-intelligence.com/", | |
| "children": [ | |
| { | |
| "name": "blogs-public", | |
| "size": 5 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "ctb.ku.edu", | |
| "url": "http://ctb.ku.edu/", | |
| "children": [ | |
| { | |
| "name": "404", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "donate", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "en-about", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "en-addlink", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "en-askanadvisor", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "en-connect-index", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "en-contactus", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "en-default", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "en-dothework-index", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "en-guestbookform", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "en-healthypeople", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "en-out-of-the-box-finalists", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "en-out-of-the-box-finalists-communityinnovatorardmoreinitiative", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "en-out-of-the-box-finalists-communityinnovatorscf", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "en-privacy", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "en-promisingapproach-index", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "en-services-index", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "en-solveproblem-index", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "en-tablecontents-index", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "es-default", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 9 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "cyberlaw.stanford.edu", | |
| "url": "http://cyberlaw.stanford.edu/", | |
| "children": [ | |
| { | |
| "name": "lessig", | |
| "size": 7 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "downes.ca", | |
| "url": "http://downes.ca/", | |
| "children": [ | |
| { | |
| "name": "about", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "about-clist", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "about-this-website", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "cgi-bin-login", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "cgi-bin-page", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "edradio", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "freelearning", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "index", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "me-articles", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "me-contact", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "me-index", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "me-mybooks", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "me-presentations", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "me-publications", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "me-videos", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "news-about-old", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "news-index", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "post-31468", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "post-31624", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "post-31741", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "post-33401", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "post-36031", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "post-38502", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "post-40939", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "post-54", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "post-57911", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "post-58184", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "post-58185", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "post-58186", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "post-58187", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "post-58187-rd", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "post-58188", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "post-58189", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "post-58190", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "post-58191", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "privacy", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "search", | |
| "size": 8 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "dyndy.net", | |
| "url": "http://dyndy.net/", | |
| "children": [ | |
| { | |
| "name": "home", | |
| "size": 9 | |
| } | |
| ] | |
| }, | |
| { | |
| "name": "emergentbydesign.com", | |
| "url": "http://emergentbydesign.com/", | |
| "children": [ | |
| { | |
| "name": "2011-year-in-review-2012-intentions-aspirations", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "5-trust-builders-5-trust-destroyers", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "7-values-of-a-next-gen-agency", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "8-tools-for-self-analysis-mapping-your-strengths-gifts-roles", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "9-personal-capacities-of-authentic-leaders", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "a-life-manifesto", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "a-pay-it-forward-business-model-in-transition-to-a-new-global-society", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "a-rant-when-will-more-women-demonstrate-their-power", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "about", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "announcing-aevolution-an-auto-evolutionary-treatise", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "birth-of-a-meme-the-rise-of-culture-tech", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "bootstrapping-humanitys-next-os", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "category-book-reviews", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "category-connective-intelligence", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "category-future-of-the-web", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "category-future-of-work", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "category-living-design", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "category-metacog", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "category-next-net", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "category-projects", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "category-trends-2", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "category-tribe-dynamics", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "category-uncategorized", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "category-value-creation", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "category-venessa-miemis", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "developing-next-gen-profiles-collaboratory-mockup", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "f-suites-for-c-suites-4-futures-thinking-toolkits-to-help-c-suite-leaders-thrive-in-a-world-of-change", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "facilitating-trust-capacity-building-in-21st-century-organizations", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "framework-for-a-strengths-based-society", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "fusion-a-mindmeld-for-action-oriented-change-agents", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "future-of-facebook-project", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "future-of-money-project", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "home", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "how-do-we-form-tribes-of-greatness", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "how-do-we-harness-the-innovation-potential-of-our-networks", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "how-to-use-twitter-to-build-intelligence", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "image-a-manifesto-for-self-organization", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "image-decision-tree-for-vision-manifestion", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "intentcasting-an-epic-vision-how-to-bootstrap-creative-economy-3-0", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "interview-with-jean-russell-how-to-kickstart-your-agency-engine", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "junto-discussing-ideas-worth-spreading", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "metathink-monday-experiment-the-power-of-twitter", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "my-talk-at-social-business-edge-designing-a-culture-of-collaboration", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "personal-alignment-precedes-group-flow", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "quick-review-critique-of-innotribe-sibos-so-far", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "re-inventing-finance-an-emerging-digital-reformation", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "reclaiming-the-undomesticated-feminine", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "reflection-the-concept-of-enlightenment", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "reflection-the-postmodern-condition-a-report-on-knowledge", | |
| "size": 9 | |
| }, | |
| { | |
| "name": "resilience-sausage-video", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "social-media-and-the-evolution-of-consciousness-video", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "superhero-school-an-epicenter-for-disruptive-innovation", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "support", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "tag-agency", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "tag-alignment", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "tag-appreciation", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "tag-books", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "tag-bootcamp", | |
| "size": 8 | |
| }, | |
| { | |
| "name": "tag-building-intelligence", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "tag-coaching", | |
| "size": 10 | |
| }, | |
| { | |
| "name": "tag-coherence", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "tag-collective-intelligence", | |
| "size": 2 | |
| }, | |
| { | |
| "name": "tag-commitment", | |
| "size": 7 | |
| }, | |
| { | |
| "name": "tag-consciousness", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "tag-culture-hacking", | |
| "size": 6 | |
| }, | |
| { | |
| "name": "tag-culture-tech", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "tag-diy", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "tag-ebd-edgenetwork", | |
| "size": 4 | |
| }, | |
| { | |
| "name": "tag-federation", | |
| "size": 3 | |
| }, | |
| { | |
| "name": "tag-frank-spencer", | |
| "size": 5 | |
| }, | |
| { | |
| "name": "tag-future-of-work", | |
| "size": 1 | |
| }, | |
| { | |
| "name": "tag-futures-thinking", | |
| "size": 6 | |
| } | |
| ] | |
| } | |
| ] | |
| } |
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> | |
| <html> | |
| <head> | |
| <title>D3 Circle Packing in CoffeeScript </title> | |
| <link href="circle-packing.css" rel="stylesheet" type="text/css" /> | |
| </head> | |
| <body> | |
| <div id="viz-collections"></div> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script type="text/javascript" src="circle-packing.js"></script> | |
| <script> | |
| collections_viz('collections.json'); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment