| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| body { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| width: 1100px; | |
| height: 500px; | |
| position: relative; | |
| } |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| body { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| width: 960px; | |
| height: 500px; | |
| position: relative; | |
| } |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| body { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| width: 960px; | |
| height: 500px; | |
| position: relative; | |
| } |
From Wikipedia:
Epicyclic gearing or planetary gearing is a gear system consisting of one or more outer gears, or planet gears, revolving about a central, or sun gear. … Epicyclic gearing systems also incorporate the use of an outer ring gear or annulus, which meshes with the planet gears.
Use the menu in the top-left to change the frame of reference, fixing the specified gear in-place.
Treemap from CSV of flights taken by members of the UK Government Home Office in 2011.
Original dataset from: http://data.gov.uk/dataset/home-office-flight-data
Thanks to: PMeinshausen phoebebright mbostock
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| body { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| width: 960px; | |
| height: 500px; | |
| position: relative; | |
| } |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| body { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| width: 960px; | |
| height: 500px; | |
| position: relative; | |
| } |
From Wikipedia:
Epicyclic gearing or planetary gearing is a gear system consisting of one or more outer gears, or planet gears, revolving about a central, or sun gear. … Epicyclic gearing systems also incorporate the use of an outer ring gear or annulus, which meshes with the planet gears.
Use the menu in the top-left to change the frame of reference, fixing the specified gear in-place.
| .line { | |
| fill: none; | |
| stroke: #4682b4; | |
| stroke-width: 1.5px; | |
| } | |
| .area { | |
| fill: #EDE624; | |
| } |
| source | target | value | |
|---|---|---|---|
| Harry | Sally | 1.2 | |
| Harry | Mario | 1.3 | |
| Sarah | Alice | 0.2 | |
| Eveie | Alice | 0.5 | |
| Peter | Alice | 1.6 | |
| Mario | Alice | 0.4 | |
| James | Alice | 0.6 | |
| Harry | Carol | 0.7 | |
| Harry | Nicky | 0.8 |