| name | latitude | longitude | population | color | |
|---|---|---|---|---|---|
| Aduana | -34.611365 | -58.369077 | 0 | #C4C4C4 | |
| Cmd | -34.654286 | -58.380429 | 0 | #BABABA | |
| Congreso | -34.609829 | -58.389289 | 0 | #7F7F7F | |
| Derecho | -34.583669 | -58.391243 | 0 | #DEDEDE | |
| Independencia | -34.617908 | -58.380470 | 0 | #BEBEBE | |
| Obelisco | -34.606297 | -58.381051 | 0 | #556270 | |
| Once | -34.609475 | -58.407615 | 0 | #DCDCDC | |
| Pacifico | -34.577468 | -58.426158 | 0 | #454545 | |
| Parque Las Heras | -34.585030 | -58.407637 | 0 | #858585 |
| Indicators Government Companies Total Difference Ratio Number of individual payments | |
| 87,658 43,160 131,488 44,498 0.4 |
| { | |
| "name": "51%2030", | |
| "children": [ | |
| { | |
| "name": "Accesible", | |
| "children": [ | |
| { | |
| "name": "Estacionar bicicletas es caro", "size": 1 | |
| }, | |
| { |
| (function(){d3.layout = {}; | |
| // Implements hierarchical edge bundling using Holten's algorithm. For each | |
| // input link, a path is computed that travels through the tree, up the parent | |
| // hierarchy to the least common ancestor, and then back down to the destination | |
| // node. Each path is simply an array of nodes. | |
| d3.layout.bundle = function() { | |
| return function(links) { | |
| var paths = [], | |
| i = -1, | |
| n = links.length; |
Switch between stacked and grouped layouts using sequenced transitions! Animations preserve object constancy and allow the user to follow the data across views. Animation design by Heer and Robertson. Colors and data generation inspired by Byron and Wattenberg.
The tick format provided by d3.time.scale is a multi-scale tick format, meaning that it formats times differently depending on the time. For example, the start of February is formatted as "February", while February second is formatted as "Feb 2". The format is implemented using an array of time formats, each with an associated filter. The first filter that returns true is used. (In the implementation below, the formats are processed in reverse order.) You can create your own custom multi-scale time format using the same technique with only a few lines of code.