This is a 10-frame gif... using a draft "design" icon.
Built with blockbuilder.org
This is a 10-frame gif... using a draft "design" icon.
Built with blockbuilder.org
A fork of Mike Bostock's Rotating Voronoi, with fewer polygon shapes, different line interpolation ("cardinal-closed"), and some color.
Built with blockbuilder.org
| { | |
| "nodes": [ | |
| {"x":562.7949460885422,"y":76.86704099939692,"type":"topic","name":"Global (Public) Health","id":0}, | |
| {"x":696.8245384689717,"y":136.16769696694627,"type":"topic","name":"Aging","id":1}, | |
| {"x":672.7754088754202,"y":371.3425657600058,"type":"topic","name":"Precision Medicine","id":2}, | |
| {"x":693.471368464311,"y":285.2189919274104,"type":"topic","name":"Data Science","id":3}, | |
| {"x":503.5218837663822,"y":278.90647515991435,"type":"topic","name":"Global Studies","id":4}, | |
| {"x":462.9478186620898,"y":124.69184706956969,"type":"topic","name":"Mathematics","id":5}, | |
| {"x":629.2678749809958,"y":195.9994137782973,"type":"topic","name":"Inequality","id":6}, | |
| {"x":357.9744302805252,"y":304.40471564810105,"type":"topic","name":"Cybersecurity","id":7}, |
| termyear,type,target,source,weight | |
| 2005 Fall,Double Major,Afr Amer Stds Humanities,Psychology,1 | |
| 2005 Fall,Double Major,Afr Amer Stds Social Sci,Rhetoric,1 | |
| 2005 Fall,Double Major,Afr Amer Stds Social Sci,Social Welfare,1 | |
| 2005 Fall,Double Major,African American Studies,Legal Studies,1 | |
| 2005 Fall,Double Major,African American Studies,Psychology,1 | |
| 2005 Fall,Double Major,African American Studies,Social Welfare,1 | |
| 2005 Fall,Double Major,American Studies,Economics,1 | |
| 2005 Fall,Double Major,American Studies,English,1 | |
| 2005 Fall,Double Major,American Studies,Film,1 |
| label | value | |
|---|---|---|
| CA-Residents | 76 | |
| Non-Residents | 24 |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script> | |
| <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> | |
| </head> | |
| <style> | |
| .label { | |
| font: 300 10pt 'Futura', sans-serif; |
| key | value | date | scenario | |
|---|---|---|---|---|
| Group A | 20106 | 2014 | 1 | |
| Group A | 20479 | 2015 | 1 | |
| Group A | 20479 | 2016 | 1 | |
| Group A | 20479 | 2017 | 1 | |
| Group A | 20479 | 2018 | 1 | |
| Group A | 20479 | 2019 | 1 | |
| Group A | 20479 | 2020 | 1 | |
| Group A | 20479 | 2021 | 1 | |
| Group A | 20479 | 2022 | 1 |
| d3.tip=function(){function t(t){v=d(t),w=v.createSVGPoint(),document.body.appendChild(g)}function e(){return"n"}function n(){return[0,0]}function r(){return" "}function o(){var t=y();return{top:t.n.y-g.offsetHeight,left:t.n.x-g.offsetWidth/2}}function s(){var t=y();return{top:t.s.y,left:t.s.x-g.offsetWidth/2}}function u(){var t=y();return{top:t.e.y-g.offsetHeight/2,left:t.e.x}}function f(){var t=y();return{top:t.w.y-g.offsetHeight/2,left:t.w.x-g.offsetWidth}}function l(){var t=y();return{top:t.nw.y-g.offsetHeight,left:t.nw.x-g.offsetWidth}}function i(){var t=y();return{top:t.ne.y-g.offsetHeight,left:t.ne.x}}function a(){var t=y();return{top:t.sw.y,left:t.sw.x-g.offsetWidth}}function c(){var t=y();return{top:t.se.y,left:t.e.x}}function m(){var t=document.createElement("div");return t.style.position="absolute",t.style.display="none",t.style.boxSizing="border-box",t}function d(t){return t=t.node(),"svg"==t.tagName.toLowerCase()?t:t.ownerSVGElement}function y(){var t=d3.event.target,e={},n=t.getScreenCTM(),r=t.ge |
| /*! | |
| * Bootstrap v3.1.1 (http://getbootstrap.com) | |
| * Copyright 2011-2014 Twitter, Inc. | |
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |
| */ | |
| /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ | |
| html { | |
| font-family: 'Lato', sans-serif; | |
| -ms-text-size-adjust: 100%; |
| <!DOCTYPE html> | |
| <html> | |
| <meta charset="utf-8"> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | |
| <style> | |
| path { | |
| fill: none; | |
| stroke: #000; |