diff --git a/story/IMG/Surfer_position.png b/story/IMG/Surfer_position.png index acf118b..ed33e35 100644 Binary files a/story/IMG/Surfer_position.png and b/story/IMG/Surfer_position.png differ diff --git a/story/NestedValueForConnection.Rmd b/story/NestedValueForConnection.Rmd index d7ab50d..84c9f47 100644 --- a/story/NestedValueForConnection.Rmd +++ b/story/NestedValueForConnection.Rmd @@ -83,7 +83,7 @@ data %>% plot.margin=grid::unit(c(0,0,0,0), "cm"), ) + ggplot2::annotate("text", x = -150, y = -45, hjust = 0, size = 11, label = paste("Where surfers live."), color = "Black") + - ggplot2::annotate("text", x = -150, y = -51, hjust = 0, size = 8, label = paste("data-to-viz.com | 200,000 #surf tweets recovered"), color = "black", alpha = 0.5) + + ggplot2::annotate("text", x = -150, y = -60, hjust = 0, size = 8, label = paste("data-to-viz.com | 200,000 #surf tweets recovered"), color = "black", alpha = 0.5) + xlim(-180,180) + ylim(-60,80) + scale_x_continuous(expand = c(0.006, 0.006)) + diff --git a/story/NestedValueForConnection.html b/story/NestedValueForConnection.html index 08e3dd3..8b391ad 100644 --- a/story/NestedValueForConnection.html +++ b/story/NestedValueForConnection.html @@ -376,7 +376,7 @@

A dot density map

plot.margin=grid::unit(c(0,0,0,0), "cm"), ) + ggplot2::annotate("text", x = -150, y = -45, hjust = 0, size = 11, label = paste("Where surfers live."), color = "Black") + - ggplot2::annotate("text", x = -150, y = -51, hjust = 0, size = 8, label = paste("data-to-viz.com | 200,000 #surf tweets recovered"), color = "black", alpha = 0.5) + + ggplot2::annotate("text", x = -150, y = -60, hjust = 0, size = 8, label = paste("data-to-viz.com | 200,000 #surf tweets recovered"), color = "black", alpha = 0.5) + xlim(-180,180) + ylim(-60,80) + scale_x_continuous(expand = c(0.006, 0.006)) + diff --git a/story/NestedValueForConnection_files/figure-html/unnamed-chunk-2-1.png b/story/NestedValueForConnection_files/figure-html/unnamed-chunk-2-1.png index 8f5e802..7f33a00 100644 Binary files a/story/NestedValueForConnection_files/figure-html/unnamed-chunk-2-1.png and b/story/NestedValueForConnection_files/figure-html/unnamed-chunk-2-1.png differ diff --git a/story/NestedValueForLinks.Rmd b/story/NestedValueForLinks.Rmd index 4a6b68e..25bb941 100644 --- a/story/NestedValueForLinks.Rmd +++ b/story/NestedValueForLinks.Rmd @@ -83,7 +83,7 @@ data %>% plot.margin=grid::unit(c(0,0,0,0), "cm"), ) + ggplot2::annotate("text", x = -150, y = -45, hjust = 0, size = 11, label = paste("Where surfers live."), color = "Black") + - ggplot2::annotate("text", x = -150, y = -51, hjust = 0, size = 8, label = paste("data-to-viz.com | 200,000 #surf tweets recovered"), color = "black", alpha = 0.5) + + ggplot2::annotate("text", x = -150, y = -60, hjust = 0, size = 8, label = paste("data-to-viz.com | 200,000 #surf tweets recovered"), color = "black", alpha = 0.5) + xlim(-180,180) + ylim(-60,80) + scale_x_continuous(expand = c(0.006, 0.006)) + diff --git a/story/NestedValueForLinks.html b/story/NestedValueForLinks.html index 9381f60..5d802be 100644 --- a/story/NestedValueForLinks.html +++ b/story/NestedValueForLinks.html @@ -376,7 +376,7 @@

A dot density map

plot.margin=grid::unit(c(0,0,0,0), "cm"), ) + ggplot2::annotate("text", x = -150, y = -45, hjust = 0, size = 11, label = paste("Where surfers live."), color = "Black") + - ggplot2::annotate("text", x = -150, y = -51, hjust = 0, size = 8, label = paste("data-to-viz.com | 200,000 #surf tweets recovered"), color = "black", alpha = 0.5) + + ggplot2::annotate("text", x = -150, y = -60, hjust = 0, size = 8, label = paste("data-to-viz.com | 200,000 #surf tweets recovered"), color = "black", alpha = 0.5) + xlim(-180,180) + ylim(-60,80) + scale_x_continuous(expand = c(0.006, 0.006)) + diff --git a/story/NestedValueForLinks_files/figure-html/unnamed-chunk-2-1.png b/story/NestedValueForLinks_files/figure-html/unnamed-chunk-2-1.png index 8f5e802..7f33a00 100644 Binary files a/story/NestedValueForLinks_files/figure-html/unnamed-chunk-2-1.png and b/story/NestedValueForLinks_files/figure-html/unnamed-chunk-2-1.png differ diff --git a/story/OneCatSevOrderedNum.Rmd b/story/OneCatSevOrderedNum.Rmd index 2ce34ed..25c2064 100644 --- a/story/OneCatSevOrderedNum.Rmd +++ b/story/OneCatSevOrderedNum.Rmd @@ -102,15 +102,19 @@ Line charts tend to be too cluttered as soon as more than a few groups are displ ```{r, fig.align="center", fig.width=10, message=FALSE, warning=FALSE} data %>% - mutate( highlight=ifelse(name=="Amanda", "Amanda", "Other")) %>% - ggplot( aes(x=year, y=n, group=name, color=highlight, linewidth=highlight)) + - geom_line() + - scale_color_manual(values = c("#69b3a2", "lightgrey")) + - scale_size_manual(values=c(1.5,0.2)) + - theme(legend.position="none") + - ggtitle("Popularity of American names in the previous 30 years") + - theme_ipsum() + - geom_label(x = 1990, y = 55000, label = "Amanda reached 3550\nbabies in 1970", size = 4, color = "#69b3a2") + mutate(highlight = ifelse(name == "Amanda", "Amanda", "Other")) %>% + ggplot(aes(x = year, y = n, group = name, color = highlight, size = highlight)) + + geom_line() + + scale_color_manual(values = c("#69b3a2", "lightgrey")) + + scale_size_manual(values = c(1.5, 0.2)) + + theme(legend.position = "none") + + ggtitle("Popularity of American names in the previous 30 years") + + theme_ipsum() + + geom_label(x = 1990, y = 55000, label = "Amanda reached 3550\nbabies in 1970", size = 4, color = "#69b3a2") + + theme( + legend.position = "none", + plot.title = element_text(size = 14) + ) ``` This is a good way to describe the behavior of a specific group in the dataset. diff --git a/story/OneCatSevOrderedNum.html b/story/OneCatSevOrderedNum.html index 5ce385a..1f2453e 100644 --- a/story/OneCatSevOrderedNum.html +++ b/story/OneCatSevOrderedNum.html @@ -514,15 +514,19 @@

Line plot

from the whole dataset. For example, let’s highlight the evolution of Amanda compared to the other first names:

data %>%
-  mutate( highlight=ifelse(name=="Amanda", "Amanda", "Other")) %>%
-  ggplot( aes(x=year, y=n, group=name, color=highlight, linewidth=highlight)) +
-    geom_line() +
-    scale_color_manual(values = c("#69b3a2", "lightgrey")) +
-    scale_size_manual(values=c(1.5,0.2)) +
-    theme(legend.position="none") +
-    ggtitle("Popularity of American names in the previous 30 years") +
-    theme_ipsum() +
-    geom_label(x = 1990, y = 55000, label = "Amanda reached 3550\nbabies in 1970", size = 4, color = "#69b3a2")
+ mutate(highlight = ifelse(name == "Amanda", "Amanda", "Other")) %>% + ggplot(aes(x = year, y = n, group = name, color = highlight, size = highlight)) + + geom_line() + + scale_color_manual(values = c("#69b3a2", "lightgrey")) + + scale_size_manual(values = c(1.5, 0.2)) + + theme(legend.position = "none") + + ggtitle("Popularity of American names in the previous 30 years") + + theme_ipsum() + + geom_label(x = 1990, y = 55000, label = "Amanda reached 3550\nbabies in 1970", size = 4, color = "#69b3a2") + + theme( + legend.position = "none", + plot.title = element_text(size = 14) + )

This is a good way to describe the behavior of a specific group in the dataset.

@@ -567,8 +571,8 @@

Stack area chart

theme_ipsum() + theme(legend.position="none") ggplotly(p, tooltip="text") -
- +
+

A variation of the stacked area graph is the percent stacked area graph. It is the same thing but value of each group are normalized at each time stamp. That allows to study the percentage of @@ -587,8 +591,8 @@

Stack area chart

theme_ipsum() + theme(legend.position="none") ggplotly(p, tooltip="text") -
- +
+

Streamgraph

@@ -599,9 +603,9 @@

Streamgraph

in a flowing and organic shape.

data %>%
   streamgraph(key="name", value="n", date="year")
-
-
- +
+
+

A lot of groups: PCA

diff --git a/story/OneCatSevOrderedNum_files/.DS_Store b/story/OneCatSevOrderedNum_files/.DS_Store new file mode 100644 index 0000000..481d90b Binary files /dev/null and b/story/OneCatSevOrderedNum_files/.DS_Store differ diff --git a/story/OneCatSevOrderedNum_files/figure-html/unnamed-chunk-4-1.png b/story/OneCatSevOrderedNum_files/figure-html/unnamed-chunk-4-1.png index 49dff62..cfd8448 100644 Binary files a/story/OneCatSevOrderedNum_files/figure-html/unnamed-chunk-4-1.png and b/story/OneCatSevOrderedNum_files/figure-html/unnamed-chunk-4-1.png differ diff --git a/story/OneCatSevOrderedNum_files/figure-html/unnamed-chunk-4-2.png b/story/OneCatSevOrderedNum_files/figure-html/unnamed-chunk-4-2.png new file mode 100644 index 0000000..a2aef60 Binary files /dev/null and b/story/OneCatSevOrderedNum_files/figure-html/unnamed-chunk-4-2.png differ diff --git a/story/RegionWithValue.Rmd b/story/RegionWithValue.Rmd index c9bd241..702cae7 100644 --- a/story/RegionWithValue.Rmd +++ b/story/RegionWithValue.Rmd @@ -33,6 +33,7 @@ output:


This document gives a few suggestions to analyse a dataset composed by a unique numeric variable.
It considers the night price of about 10,000 [Airbnb](https://www.airbnb.fr) appartements on the French Riviera in France.
This example dataset has been downloaded from the [Airbnb website](http://insideairbnb.com/get-the-data.html) and is available on this [Github repository](https://github.com/holtzy/data_to_viz/tree/master/Example_dataset). Basically it looks like the table beside.
+ ```{r, warning=FALSE, message=FALSE} # Libraries library(tidyverse) diff --git a/story/RegionWithValue.html b/story/RegionWithValue.html index aef3a43..0a6fe86 100644 --- a/story/RegionWithValue.html +++ b/story/RegionWithValue.html @@ -1,234 +1,268 @@ - - - - - - - - - - - - - - - - - -
-
- -

-

-

Visualizing a unique Numeric variable

-
- A few data analytics ideas from Data-to-Viz.com -
-

- - - - - - - - - - - - - -
- - - - - - - - + + + + + + + + + +
+
+ +

+

+

Visualizing a unique Numeric variable

+
+
+ A few data analytics ideas from + Data-to-Viz.com +
+
+

+ + + + + +
+ + + RegionWithValue.knit + + + + - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -

+ + + + + + + + + + + + +
+ + + + + + + + +

@@ -238,21 +272,29 @@
-




This document gives a few suggestions to analyse a dataset composed by a unique numeric variable.
It considers the night price of about 10,000 Airbnb appartements on the French Riviera in France.
This example dataset has been downloaded from the Airbnb website and is available on this Github repository. Basically it looks like the table beside.

+




This document gives a few suggestions to analyse a +dataset composed by a unique numeric variable.
It considers the +night price of about 10,000 Airbnb +appartements on the French Riviera in France.
This example dataset +has been downloaded from the Airbnb website and +is available on this Github +repository. Basically it looks like the table beside.

-
# Libraries
-library(tidyverse)
-library(hrbrthemes)
-library(kableExtra)
-options(knitr.table.format = "html")
-
-# Load dataset from github
-data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/1_OneNum.csv", header=TRUE)
-
-# show data
-data %>% head(6) %>% kable() %>%
-  kable_styling(bootstrap_options = "striped", full_width = F)
+
# Libraries
+library(tidyverse)
+library(hrbrthemes)
+library(kableExtra)
+options(knitr.table.format = "html")
+
+# Load dataset from github
+data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/1_OneNum.csv", header=TRUE)
+
+# show data
+data %>% head(6) %>% kable() %>%
+  kable_styling(bootstrap_options = "striped", full_width = F)
@@ -296,63 +338,74 @@
-
-

Histogram

-
+

#Histogram ***

The mos

-
- - - -

Going further

-
-

You can learn more about each type of graphic presented in this story in the dedicated sections. Click the icon below:

- - - - - - - - - - - - - - - -
-

Comments

-
-

Any thoughts on this? Found any mistake? Have another way to show the data? Please drop me a word on Twitter or in the comment section below:

-
+ +

Going further

+
+

+ You can learn more about each type of graphic presented in this + story in the dedicated sections. Click the icon below: +

+ + + + +
+
+
-
- - +
+

+ Dataviz decision tree +

+

+ Data To Viz is a + comprehensive classification of chart types organized by data + input format. Get a high-resolution version of our decision tree + delivered to your inbox now! +

+
+ +
+
+
+ High Resolution Poster +
+
- - - +
- - -  +  

A work by Yan Holtz for data-to-viz.com

@@ -375,28 +428,28 @@

Comments

gtag('config', 'UA-79254642-3'); - - -  - - - - -
- +  + + diff --git a/story/SevCatOneNumNestedOneObsPerGroup.Rmd b/story/SevCatOneNumNestedOneObsPerGroup.Rmd index e6486d1..f79a832 100644 --- a/story/SevCatOneNumNestedOneObsPerGroup.Rmd +++ b/story/SevCatOneNumNestedOneObsPerGroup.Rmd @@ -76,24 +76,19 @@ p <- treemap(data, index=c("Continent", "Region", "Country"), vSize="Pop", type="index", - - # Main title="", palette="Dark2", - # Borders: + # Borders border.col=c("black", "grey", "grey"), border.lwds=c(1,0.5,0.1), # Labels - fontsize.labels=c(0.7, 0.4, 0.3), fontcolor.labels=c("white", "white", "black"), fontface.labels=1, bg.labels=c("transparent"), align.labels=list( c("center", "center"), c("left", "top"), c("right", "bottom")), - overlap.labels=0.5, - inflate.labels=T - + overlap.labels=0.5 ) ``` diff --git a/story/SevCatOneNumNestedOneObsPerGroup.html b/story/SevCatOneNumNestedOneObsPerGroup.html index dedac7d..47be154 100644 --- a/story/SevCatOneNumNestedOneObsPerGroup.html +++ b/story/SevCatOneNumNestedOneObsPerGroup.html @@ -1,267 +1,321 @@ - - - - - - - - - - - - - - - - - -
-
- -

-

-

Visualizing the world population

-
- A few data analytics ideas from Data-to-Viz.com -
-

- - - - - - - - - - - - - - - -
- - - - - - - - + + + + + + + + + +
+
+ +

+

+

Visualizing the world population

+
+
+ A few data analytics ideas from + Data-to-Viz.com +
+
+

+ + + + + + + + + +
+ + + SevCatOneNumNestedOneObsPerGroup.knit + + + + - + + + + - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -

+ + + + + + + + + + + +
+ + + + + + + + +

-




This document gives a few suggestions to analyse a nested or hierarchical dataset in which a numeric value is available for each leaf. This kind of data has an origine node that gives birth to subsequent nodes and so on until the final leaves.

+




This document gives a few suggestions to analyse a +nested or hierarchical dataset in which a +numeric value is available for each leaf. This kind of data has an +origine node that gives birth to subsequent nodes and so on until the +final leaves.


-

Take the world population of 250 countries as an example. The world is divided in continent (group), continent are divided in regions (subgroup), and regions are divided in countries. In this tree structure, countries are considered as leaves: they are at the end of the branches.

+

Take the world population of 250 countries as an example. The world +is divided in continent (group), continent are divided in regions +(subgroup), and regions are divided in countries. In this tree +structure, countries are considered as leaves: they are at the end of +the branches.


-

Data come from wikipedia, formatted thanks to these 2 pages. (1, 2). A clean .csv file is available on github. It looks like that:

-
# Libraries
-library(tidyverse)
-library(hrbrthemes)
-library(kableExtra)
-options(knitr.table.format = "html")
-library(viridis)
-
-# Load dataset from github
-data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/11_SevCatOneNumNestedOneObsPerGroup.csv", header=T, sep=";")
-data[ which(data$value==-1),"value"] <- 1
-colnames(data) <- c("Continent", "Region", "Country", "Pop")
-
-# show data
-data %>% head(3) %>% kable() %>%
-  kable_styling(bootstrap_options = "striped", full_width = F)
+

Data come from wikipedia, formatted thanks to these 2 pages. (1, 2). A clean +.csv file is available on github. +It looks like that:

+
# Libraries
+library(tidyverse)
+library(hrbrthemes)
+library(kableExtra)
+options(knitr.table.format = "html")
+library(viridis)
+
+# Load dataset from github
+data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/11_SevCatOneNumNestedOneObsPerGroup.csv", header=T, sep=";")
+data[ which(data$value==-1),"value"] <- 1
+colnames(data) <- c("Continent", "Region", "Country", "Pop")
+
+# show data
+data %>% head(3) %>% kable() %>%
+  kable_styling(bootstrap_options = "striped", full_width = F)
@@ -327,255 +381,298 @@

Treemap


-

A treemap represents each node of the hierarchical structure as a square. Each square area is proportionnal to its value: the population here.

-
library(treemap)
-
-p <- treemap(data,
-            
-            # data
-            index=c("Continent", "Region", "Country"),
-            vSize="Pop",
-            type="index",
-            
-            # Main
-            title="",
-            palette="Dark2",
-
-            # Borders:
-            border.col=c("black", "grey", "grey"),             
-            border.lwds=c(1,0.5,0.1),                         
-        
-            # Labels
-            fontsize.labels=c(0.7, 0.4, 0.3),
-            fontcolor.labels=c("white", "white", "black"),
-            fontface.labels=1,            
-            bg.labels=c("transparent"),              
-            align.labels=list( c("center", "center"), c("left", "top"), c("right", "bottom")),                                  
-            overlap.labels=0.5,
-            inflate.labels=T   
-            
-)
+

A treemap +represents each node of the hierarchical structure as a square. Each +square area is proportionnal to its value: the population here.

+
library(treemap)
+
+p <- treemap(data,
+
+            # data
+            index=c("Continent", "Region", "Country"),
+            vSize="Pop",
+            type="index",
+            title="",
+            palette="Dark2",
+
+            # Borders
+            border.col=c("black", "grey", "grey"),
+            border.lwds=c(1,0.5,0.1),
+
+            # Labels
+            fontcolor.labels=c("white", "white", "black"),
+            fontface.labels=1,
+            bg.labels=c("transparent"),
+            align.labels=list( c("center", "center"), c("left", "top"), c("right", "bottom")),
+            overlap.labels=0.5
+)

-

Here, the importance of Asia pops out obviously. It is also possible to understand that Southern and Eastern Asia are the most densely populated part of Asia.

+

Here, the importance of Asia pops out obviously. It is also possible +to understand that Southern and Eastern Asia are the most densely +populated part of Asia.

Interactive

-

It is quite common to use an interactive version of the treemap. Indeed, it allows to dig further in the hierarchy. Click on a continent to zoom on it and so on.

-
library(d3treeR)
-
-d3tree2( p ,  rootname = "General" )
-
- +

It is quite common to use an interactive version of the +treemap. Indeed, it allows to dig further in the hierarchy. Click on a +continent to zoom on it and so on.

+
library(d3treeR)
+
+d3tree2( p ,  rootname = "General" )
+
+

Circle packing


-

Circle packing follows the same idea than treemap, except that it uses circles instead of squares to represent each nodes. Because of that it uses space less efficiently. However groups are more obvious and the figure appear less cluttered.

+

Circle +packing follows the same idea than treemap, +except that it uses circles instead of squares to represent each nodes. +Because of that it uses space less efficiently. However groups are more +obvious and the figure appear less cluttered.

-
# Libraries
-library(circlepackeR)  
- 
-
-# Remove a few problematic lines
-data <- data %>% filter(Continent!="") %>% droplevels()
-
-# Change the format. This use the data.tree library. This library needs a column that looks like root/group/subgroup/..., so I build it
-library(data.tree)
-data$pathString <- paste("world", data$Continent, data$Region, data$Country, sep = "/")
-population <- as.Node(data)
- 
-# You can custom the minimum and maximum value of the color range.
-circlepackeR(population, size = "Pop", color_min = "hsl(56,80%,80%)", color_max = "hsl(341,30%,40%)")
-
- +
# Libraries
+library(circlepackeR)
+
+
+# Remove a few problematic lines
+data <- data %>% filter(Continent!="") %>% droplevels()
+
+# Change the format. This use the data.tree library. This library needs a column that looks like root/group/subgroup/..., so I build it
+library(data.tree)
+data$pathString <- paste("world", data$Continent, data$Region, data$Country, sep = "/")
+population <- as.Node(data)
+
+# You can custom the minimum and maximum value of the color range.
+circlepackeR(population, size = "Pop", color_min = "hsl(56,80%,80%)", color_max = "hsl(341,30%,40%)")
+
+

Lollipop


-

A lollipop plot is basically a barplot, where the bar is transformed in a line and a dot. It shows the relationship between a numeric and a categoric variable.

-

It can be a good option if your interested in the value of each leaf, but do not really care about the hierarchy of the dataset. For instance, if you wonder which country as the highest population size. Here, China and India pop out clearly.

-
data %>%
-  filter(!is.na(Pop)) %>%
-  arrange(Pop) %>%
-  tail(20) %>%
-  mutate(Country=factor(Country, Country)) %>%
-  mutate(Pop=Pop/1000000) %>%
-  ggplot( aes(x=Country, y=Pop) ) +
-    geom_segment( aes(x=Country ,xend=Country, y=0, yend=Pop), color="grey") +
-    geom_point(size=3, color="#69b3a2") +
-    coord_flip() +
-    theme_ipsum() +
-    theme(
-      panel.grid.minor.y = element_blank(),
-      panel.grid.major.y = element_blank(),
-      legend.position="none"
-    ) +
-    xlab("") +
-    ylab("Population (M)")
+

A lollipop plot +is basically a barplot, where +the bar is transformed in a line and a dot. It shows the relationship +between a numeric and a categoric variable.

+

It can be a good option if your interested in the value of each leaf, +but do not really care about the hierarchy of the dataset. For instance, +if you wonder which country as the highest population size. Here, China +and India pop out clearly.

+
data %>%
+  filter(!is.na(Pop)) %>%
+  arrange(Pop) %>%
+  tail(20) %>%
+  mutate(Country=factor(Country, Country)) %>%
+  mutate(Pop=Pop/1000000) %>%
+  ggplot( aes(x=Country, y=Pop) ) +
+    geom_segment( aes(x=Country ,xend=Country, y=0, yend=Pop), color="grey") +
+    geom_point(size=3, color="#69b3a2") +
+    coord_flip() +
+    theme_ipsum() +
+    theme(
+      panel.grid.minor.y = element_blank(),
+      panel.grid.major.y = element_blank(),
+      legend.position="none"
+    ) +
+    xlab("") +
+    ylab("Population (M)")

-

Note that you can still show a few levels of the hierarchy using color, small multiple, or simply sorting entities by group and then by population. Here is an example using this last approach:

-
data %>%
-  filter(!is.na(Pop)) %>%
-  arrange(Pop) %>%
-  tail(50) %>%
-  arrange(Continent, Pop) %>%
-  mutate(Country=factor(Country, Country)) %>%
-  mutate(Pop=Pop/1000000) %>%
-  ggplot( aes(x=Country, y=Pop, color=Continent) ) +
-    geom_segment( aes(x=Country ,xend=Country, y=0, yend=Pop), color="grey") +
-    geom_point(size=3) +
-    scale_color_viridis(discrete=TRUE) +
-    coord_flip() +
-    theme_ipsum() +
-    theme(
-      panel.grid.minor.y = element_blank(),
-      panel.grid.major.y = element_blank(),
-      legend.position="none"
-    ) +
-    xlab("") +
-    ylab("Population (M)") 
+

Note that you can still show a few levels of the hierarchy using +color, small multiple, or simply sorting entities by group and then by +population. Here is an example using this last approach:

+
data %>%
+  filter(!is.na(Pop)) %>%
+  arrange(Pop) %>%
+  tail(50) %>%
+  arrange(Continent, Pop) %>%
+  mutate(Country=factor(Country, Country)) %>%
+  mutate(Pop=Pop/1000000) %>%
+  ggplot( aes(x=Country, y=Pop, color=Continent) ) +
+    geom_segment( aes(x=Country ,xend=Country, y=0, yend=Pop), color="grey") +
+    geom_point(size=3) +
+    scale_color_viridis(discrete=TRUE) +
+    coord_flip() +
+    theme_ipsum() +
+    theme(
+      panel.grid.minor.y = element_blank(),
+      panel.grid.major.y = element_blank(),
+      legend.position="none"
+    ) +
+    xlab("") +
+    ylab("Population (M)")

Circular version


-

Note that it is possible to make a circular version of your barplot or lollipop plot. In my opinion, this kind of representation works especially well when you have several groups and obvious patterns. Indeed, it suits the world population dataset not too bad:

-
# prepare data:
-data <- data %>%
-  filter(!is.na(Pop)) %>%
-  filter(Continent=="Africa") %>%
-  arrange(Pop) %>%
-  arrange(Region, Pop) %>%
-  mutate(Country=factor(Country, Country)) %>%
-  mutate(Pop=Pop/1000000) %>%
-  select(Region, Country, Pop) %>%
-  droplevels()
-colnames(data) <- c("group", "individual", "value")
-
-# Set a number of 'empty bar' to add at the end of each group
-empty_bar=3
-to_add = data.frame( matrix(NA, empty_bar*nlevels(data$group), ncol(data)) )
-colnames(to_add) = colnames(data)
-to_add$group=rep(levels(data$group), each=empty_bar)
-data=rbind(data, to_add)
-data=data %>% arrange(group)
-data$id=seq(1, nrow(data))
- 
-# Get the name and the y position of each label
-label_data=data
-number_of_bar=nrow(label_data)
-angle= 90 - 360 * (label_data$id-0.5) /number_of_bar     # I substract 0.5 because the letter must have the angle of the center of the bars. Not extreme right(1) or extreme left (0)
-label_data$hjust <-ifelse( angle < -90, 1, 0)
-label_data$angle <-ifelse(angle < -90, angle+180, angle)
-label_data$individual <- gsub("Democratic Republic of the Congo", "R. D. Congo", label_data$individual)
-label_data$value[which(label_data$individual == "Nigeria")] <- 130
-
-# prepare a data frame for base lines
-base_data=data %>% 
-  group_by(group) %>% 
-  summarize(start=min(id), end=max(id) - empty_bar) %>% 
-  rowwise() %>% 
-  mutate(title=mean(c(start, end))) %>%
-  mutate(group = gsub(" Africa", "", group)) %>%
-  mutate(group = gsub("ern", "", group))
- 
-# prepare a data frame for grid (scales)
-grid_data = base_data
-grid_data$end = grid_data$end[ c( nrow(grid_data), 1:nrow(grid_data)-1)] + 1
-grid_data$start = grid_data$start - 1
-grid_data=grid_data[-1,]
- 
-# Make the plot
-p = ggplot(data, aes(x=as.factor(id), y=value, fill=group)) +       # Note that id is a factor. If x is numeric, there is some space between the first bar
-  
-  # Main bars
-  geom_bar(aes(x=as.factor(id), y=value, fill=group), stat="identity", alpha=0.5) +
-  scale_fill_viridis(discrete=T) +
-  
-  # Add a val=100/75/50/25 lines. I do it at the beginning to make sur barplots are OVER it.
-  geom_segment(data=grid_data, aes(x = end, y = 80, xend = start, yend = 80), colour = "grey", alpha=1, size=0.3 , inherit.aes = FALSE ) +
-  geom_segment(data=grid_data, aes(x = end, y = 60, xend = start, yend = 60), colour = "grey", alpha=1, size=0.3 , inherit.aes = FALSE ) +
-  geom_segment(data=grid_data, aes(x = end, y = 40, xend = start, yend = 40), colour = "grey", alpha=1, size=0.3 , inherit.aes = FALSE ) +
-  geom_segment(data=grid_data, aes(x = end, y = 20, xend = start, yend = 20), colour = "grey", alpha=1, size=0.3 , inherit.aes = FALSE ) +
-  
-  # Add text showing the value of each 100/75/50/25 lines
-  ggplot2::annotate("text", x = rep(max(data$id),4), y = c(20, 40, 60, 80), label = c("20", "40", "60", "80") , color="grey", size=3 , angle=0, fontface="bold", hjust=1) +
-  
-  geom_bar(aes(x=as.factor(id), y=value, fill=group), stat="identity", alpha=0.5) +
-  ylim(-70,180) +
-  theme_minimal() +
-  theme(
-    legend.position = "none",
-    axis.text = element_blank(),
-    axis.title = element_blank(),
-    panel.grid = element_blank(),
-    plot.margin = unit(c(-3,-5,-5,-5), "cm")
-  ) +
-  coord_polar() + 
-  geom_text(data=label_data, aes(x=id, y=value+10, label=individual, hjust=hjust), color="black", fontface="bold",alpha=0.6, size=2.5, angle= label_data$angle, inherit.aes = FALSE ) +
-  
-  # Add base line information
-  geom_segment(data=base_data, aes(x = start, y = -5, xend = end, yend = -5), colour = "black", alpha=0.8, size=0.6 , inherit.aes = FALSE )  +
-  geom_text(data=base_data, aes(x = title, y = -15, label=group), hjust=c(1,1,0.5,0,0), colour = "black", alpha=0.8, size=3, fontface="bold", inherit.aes = FALSE)
- 
-p
+

Note that it is possible to make a circular +version of your barplot or lollipop plot. In my opinion, this kind +of representation works especially well when you have several groups and +obvious patterns. Indeed, it suits the world population dataset not too +bad:

+
# prepare data:
+data <- data %>%
+  filter(!is.na(Pop)) %>%
+  filter(Continent=="Africa") %>%
+  arrange(Pop) %>%
+  arrange(Region, Pop) %>%
+  mutate(Country=factor(Country, Country)) %>%
+  mutate(Pop=Pop/1000000) %>%
+  select(Region, Country, Pop) %>%
+  droplevels()
+colnames(data) <- c("group", "individual", "value")
+
+# Set a number of 'empty bar' to add at the end of each group
+empty_bar=3
+to_add = data.frame( matrix(NA, empty_bar*nlevels(data$group), ncol(data)) )
+colnames(to_add) = colnames(data)
+to_add$group=rep(levels(data$group), each=empty_bar)
+data=rbind(data, to_add)
+data=data %>% arrange(group)
+data$id=seq(1, nrow(data))
+
+# Get the name and the y position of each label
+label_data=data
+number_of_bar=nrow(label_data)
+angle= 90 - 360 * (label_data$id-0.5) /number_of_bar     # I substract 0.5 because the letter must have the angle of the center of the bars. Not extreme right(1) or extreme left (0)
+label_data$hjust <-ifelse( angle < -90, 1, 0)
+label_data$angle <-ifelse(angle < -90, angle+180, angle)
+label_data$individual <- gsub("Democratic Republic of the Congo", "R. D. Congo", label_data$individual)
+label_data$value[which(label_data$individual == "Nigeria")] <- 130
+
+# prepare a data frame for base lines
+base_data=data %>%
+  group_by(group) %>%
+  summarize(start=min(id), end=max(id) - empty_bar) %>%
+  rowwise() %>%
+  mutate(title=mean(c(start, end))) %>%
+  mutate(group = gsub(" Africa", "", group)) %>%
+  mutate(group = gsub("ern", "", group))
+
+# prepare a data frame for grid (scales)
+grid_data = base_data
+grid_data$end = grid_data$end[ c( nrow(grid_data), 1:nrow(grid_data)-1)] + 1
+grid_data$start = grid_data$start - 1
+grid_data=grid_data[-1,]
+
+# Make the plot
+p = ggplot(data, aes(x=as.factor(id), y=value, fill=group)) +       # Note that id is a factor. If x is numeric, there is some space between the first bar
+
+  # Main bars
+  geom_bar(aes(x=as.factor(id), y=value, fill=group), stat="identity", alpha=0.5) +
+  scale_fill_viridis(discrete=T) +
+
+  # Add a val=100/75/50/25 lines. I do it at the beginning to make sur barplots are OVER it.
+  geom_segment(data=grid_data, aes(x = end, y = 80, xend = start, yend = 80), colour = "grey", alpha=1, size=0.3 , inherit.aes = FALSE ) +
+  geom_segment(data=grid_data, aes(x = end, y = 60, xend = start, yend = 60), colour = "grey", alpha=1, size=0.3 , inherit.aes = FALSE ) +
+  geom_segment(data=grid_data, aes(x = end, y = 40, xend = start, yend = 40), colour = "grey", alpha=1, size=0.3 , inherit.aes = FALSE ) +
+  geom_segment(data=grid_data, aes(x = end, y = 20, xend = start, yend = 20), colour = "grey", alpha=1, size=0.3 , inherit.aes = FALSE ) +
+
+  # Add text showing the value of each 100/75/50/25 lines
+  ggplot2::annotate("text", x = rep(max(data$id),4), y = c(20, 40, 60, 80), label = c("20", "40", "60", "80") , color="grey", size=3 , angle=0, fontface="bold", hjust=1) +
+
+  geom_bar(aes(x=as.factor(id), y=value, fill=group), stat="identity", alpha=0.5) +
+  ylim(-70,180) +
+  theme_minimal() +
+  theme(
+    legend.position = "none",
+    axis.text = element_blank(),
+    axis.title = element_blank(),
+    panel.grid = element_blank(),
+    plot.margin = unit(c(-3,-5,-5,-5), "cm")
+  ) +
+  coord_polar() +
+  geom_text(data=label_data, aes(x=id, y=value+10, label=individual, hjust=hjust), color="black", fontface="bold",alpha=0.6, size=2.5, angle= label_data$angle, inherit.aes = FALSE ) +
+
+  # Add base line information
+  geom_segment(data=base_data, aes(x = start, y = -5, xend = end, yend = -5), colour = "black", alpha=0.8, size=0.6 , inherit.aes = FALSE )  +
+  geom_text(data=base_data, aes(x = title, y = -15, label=group), hjust=c(1,1,0.5,0,0), colour = "black", alpha=0.8, size=3, fontface="bold", inherit.aes = FALSE)
+
+p

- - -

Going further

-
-

You can learn more about each type of graphic presented in this story in the dedicated sections. Click the icon below:

- - - - - - - - - - - - - - - - - - -
-

Comments

-
-

Any thoughts on this? Found any mistake? Have another way to show the data? Please drop me a word on Twitter or in the comment section below:

-
+ +

Going further

+
+

+ You can learn more about each type of graphic presented in this + story in the dedicated sections. Click the icon below: +

+ + + + + + + + + + +
-
- - +
+

+ Dataviz decision tree +

+

+ Data To Viz is a + comprehensive classification of chart types organized by data + input format. Get a high-resolution version of our decision tree + delivered to your inbox now! +

+
+ +
+
+
+ High Resolution Poster +
+
- - - - - +
-  +  

A work by Yan Holtz for data-to-viz.com

@@ -598,28 +695,28 @@

Comments

gtag('config', 'UA-79254642-3'); - - -  - - - - - - +  + + diff --git a/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-2-1.png b/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-2-1.png index 0045f58..f9d8c2a 100644 Binary files a/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-2-1.png and b/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-2-1.png differ diff --git a/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-5-1.png b/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-5-1.png index 4885637..a3e1c50 100644 Binary files a/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-5-1.png and b/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-5-1.png differ diff --git a/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-6-1.png b/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-6-1.png index 9c7cc7c..ba49428 100644 Binary files a/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-6-1.png and b/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-6-1.png differ diff --git a/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-7-1.png b/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-7-1.png index 5ebca61..6aca12d 100644 Binary files a/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-7-1.png and b/story/SevCatOneNumNestedOneObsPerGroup_files/figure-html/unnamed-chunk-7-1.png differ diff --git a/story/SeveralIndepLists.Rmd b/story/SeveralIndepLists.Rmd index 850aca4..2469374 100644 --- a/story/SeveralIndepLists.Rmd +++ b/story/SeveralIndepLists.Rmd @@ -83,7 +83,7 @@ c %>% head(6) %>% kable(row.names=FALSE) %>% -#Wordcloud +# Wordcloud *** If some words are repeated in the dataset, the first thing to do is probably to find out what are the most frequent ones. A common way to do so is to build a [wordcloud](https://www.data-to-viz.com/graph/wordcloud.html): each word is written with a size proportionnal to its frequency. @@ -110,7 +110,7 @@ However this type of chart can be [criticized](https://www.data-to-viz.com/graph -#Lollipop chart +# Lollipop chart *** A [lollipop](https://www.data-to-viz.com/graph/lollipop.html) chart is like a [barplot](https://www.data-to-viz.com/graph/barplot.html), but the bar is replaced by a segment and a circle. It gives a lighter appearance. It is advised to use a horizontal version: words are easier to read. ```{r, fig.align="center", fig.height=6} @@ -138,7 +138,7 @@ data %>% -#Venn diagram +# Venn diagram *** Once the most frequent words are known, it is of interest to know how many words are common to every lists, and how many are specific to each artist. The best way to represent this information is to use a [venn diagram](https://www.data-to-viz.com/graph/venn.html). @@ -181,7 +181,7 @@ venn.diagram( -#Note +# Note *** This section needs improvements: diff --git a/story/SeveralIndepLists.html b/story/SeveralIndepLists.html index cafc0f6..36be9ec 100644 --- a/story/SeveralIndepLists.html +++ b/story/SeveralIndepLists.html @@ -1,240 +1,278 @@ - - - - - - - - - - - - - - - - - -
-
- -

-

-

Comparing raper lyrics

-
- A few data analytics ideas from Data-to-Viz.com -
-

- - - - - - - - - - - - - - -
- - - - - - - - + + + + + + + + + +
+
+ +

+

+

Comparing raper lyrics

+
+
+ A few data analytics ideas from + Data-to-Viz.com +
+
+

+ + + + + + + +
+ + + SeveralIndepLists.knit + + + + - + + + + - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -



+ + + + + + + + + + + +
+ + + + + + + + +



@@ -244,24 +282,34 @@
-

This document gives a few suggestions to analyse a dataset composed by a few lists of items.

It considers the lyrics of 2 famous french rapers (Nekfeu and Booba) and a french singer (Georges Brassens).

This example dataset has been downloaded from the Paroles.net website using a custom script and is available on this Github repository. Seventy five songs are considered.

-
# Libraries
-library(tidyverse)
-library(hrbrthemes)
-library(kableExtra)
-library(tm)
-options(knitr.table.format = "html")
-library(proustr)
-
-# Load dataset from github
-data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/14_SeveralIndepLists.csv", header=TRUE) 
-to_remove <- c("_|[0-9]|\\.|function|^id|script|var|div|null|typeof|opts|if|^r$|undefined|false|loaded|true|settimeout|eval|else|artist")
-data <- data %>% filter(!grepl(to_remove, word)) %>% filter(!word %in% stopwords('fr')) %>% filter(!word %in% proust_stopwords()$word)
-
-# show data
-a <- data %>% filter(artist=="booba") %>% select(word) %>% arrange(word) %>% mutate(booba=word) %>% select(booba) %>% sample_n(6)
-b <- data %>% filter(artist=="nekfeu") %>% select(word) %>% arrange(word) %>% mutate(nekfeu=word) %>% select(nekfeu) %>% sample_n(6)
-c <- data %>% filter(artist=="georges-brassens") %>% select(word) %>% arrange(word) %>% mutate(brassens=word) %>% select(brassens) %>% sample_n(6)
+

This document gives a few suggestions to analyse a dataset composed +by a few lists of items.

It considers the lyrics of 2 famous +french rapers (Nekfeu +and Booba) and a +french singer (Georges +Brassens).

This example dataset has been downloaded from the +Paroles.net website using a +custom script and is available on this Github +repository. Seventy five songs are considered.

+
# Libraries
+library(tidyverse)
+library(hrbrthemes)
+library(kableExtra)
+library(tm)
+options(knitr.table.format = "html")
+library(proustr)
+
+# Load dataset from github
+data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/14_SeveralIndepLists.csv", header=TRUE)
+to_remove <- c("_|[0-9]|\\.|function|^id|script|var|div|null|typeof|opts|if|^r$|undefined|false|loaded|true|settimeout|eval|else|artist")
+data <- data %>% filter(!grepl(to_remove, word)) %>% filter(!word %in% stopwords('fr')) %>% filter(!word %in% proust_stopwords()$word)
+
+# show data
+a <- data %>% filter(artist=="booba") %>% select(word) %>% arrange(word) %>% mutate(booba=word) %>% select(booba) %>% sample_n(6)
+b <- data %>% filter(artist=="nekfeu") %>% select(word) %>% arrange(word) %>% mutate(nekfeu=word) %>% select(nekfeu) %>% sample_n(6)
+c <- data %>% filter(artist=="georges-brassens") %>% select(word) %>% arrange(word) %>% mutate(brassens=word) %>% select(brassens) %>% sample_n(6)
@@ -275,32 +323,32 @@ @@ -318,32 +366,32 @@ @@ -361,32 +409,32 @@ @@ -396,87 +444,106 @@

Wordcloud


-

If some words are repeated in the dataset, the first thing to do is probably to find out what are the most frequent ones. A common way to do so is to build a wordcloud: each word is written with a size proportionnal to its frequency.

-
# The wordcloud 2 library is the best option for wordcloud in R
-library(wordcloud2)
-
-# prepare a list of word (50 most frequent)
-mywords <- data %>%
-  filter(artist=="nekfeu") %>%
-  select(word) %>%
-  group_by(word) %>%
-  summarize(freq=n()) %>%
-  arrange(freq) %>%
-  tail(50)
-
-# Make the plot
-wordcloud2(mywords, size = 2, minRotation = -pi/2, maxRotation = -pi/2,
-         backgroundColor = "white", color="#69b3a2")
-
- -

However this type of chart can be criticized since it does not reflect frequencies accurately: long words appear bigger and comparing size is always complicated. Thus, the techniques seen in this page are strongly advised, and my best choice goes to the lollipop chart.

+

If some words are repeated in the dataset, the first thing to do is +probably to find out what are the most frequent ones. A common way to do +so is to build a wordcloud: +each word is written with a size proportionnal to its frequency.

+
# The wordcloud 2 library is the best option for wordcloud in R
+library(wordcloud2)
+
+# prepare a list of word (50 most frequent)
+mywords <- data %>%
+  filter(artist=="nekfeu") %>%
+  select(word) %>%
+  group_by(word) %>%
+  summarize(freq=n()) %>%
+  arrange(freq) %>%
+  tail(50)
+
+# Make the plot
+wordcloud2(mywords, size = 2, minRotation = -pi/2, maxRotation = -pi/2,
+         backgroundColor = "white", color="#69b3a2")
+
+ +

However this type of chart can be criticized +since it does not reflect frequencies accurately: long words appear +bigger and comparing size is always complicated. Thus, the techniques +seen in this page +are strongly advised, and my best choice goes to the lollipop chart.

Lollipop chart


-

A lollipop chart is like a barplot, but the bar is replaced by a segment and a circle. It gives a lighter appearance. It is advised to use a horizontal version: words are easier to read.

-
data %>%
-  filter(artist=="nekfeu") %>%
-  select(word) %>%
-  group_by(word) %>%
-  summarize(n=n()) %>%
-  arrange(n) %>%
-  mutate(word=factor(word, word)) %>%
-  tail(10) %>%
-  ggplot( aes(word, y=n)) +
-    geom_segment( aes(x=word ,xend=word, y=0, yend=n), color="grey") +
-    geom_point(size=3, color="#69b3a2") +
-    coord_flip() +
-    theme_ipsum() +
-    ggtitle("10 most frequent words used by Nekfeu") +
-    theme(
-      panel.grid.minor.y = element_blank(),
-      panel.grid.major.y = element_blank(),
-      legend.position="none"
-    ) +
-    xlab("")
+

A lollipop +chart is like a barplot, but +the bar is replaced by a segment and a circle. It gives a lighter +appearance. It is advised to use a horizontal version: words are easier +to read.

+
data %>%
+  filter(artist=="nekfeu") %>%
+  select(word) %>%
+  group_by(word) %>%
+  summarize(n=n()) %>%
+  arrange(n) %>%
+  mutate(word=factor(word, word)) %>%
+  tail(10) %>%
+  ggplot( aes(word, y=n)) +
+    geom_segment( aes(x=word ,xend=word, y=0, yend=n), color="grey") +
+    geom_point(size=3, color="#69b3a2") +
+    coord_flip() +
+    theme_ipsum() +
+    ggtitle("10 most frequent words used by Nekfeu") +
+    theme(
+      panel.grid.minor.y = element_blank(),
+      panel.grid.major.y = element_blank(),
+      legend.position="none"
+    ) +
+    xlab("")

Venn diagram


-

Once the most frequent words are known, it is of interest to know how many words are common to every lists, and how many are specific to each artist. The best way to represent this information is to use a venn diagram.

-
#upload library
-library(VennDiagram)
- 
-#Make the plot
-venn.diagram(
-  x = list(
-    data %>% filter(artist=="booba") %>% select(word) %>% unlist() , 
-    data %>% filter(artist=="nekfeu") %>% select(word) %>% unlist() , 
-    data %>% filter(artist=="georges-brassens") %>% select(word) %>% unlist()
-    ),
-  category.names = c("Booba" , "Nekfeu" , "Brassens"),
-  filename = 'venn.png',
-  output = TRUE ,
-          imagetype="png" ,
-          height = 480 , 
-          width = 480 , 
-          resolution = 300,
-          compression = "lzw",
-          lwd = 1,
-          col=c("#440154ff", '#21908dff', '#fde725ff'),
-          fill = c(alpha("#440154ff",0.3), alpha('#21908dff',0.3), alpha('#fde725ff',0.3)),
-          cex = 0.5,
-          fontfamily = "sans",
-          cat.cex = 0.6,
-          cat.default.pos = "outer",
-          cat.pos = c(-27, 27, 135),
-          cat.dist = c(0.055, 0.055, 0.085),
-          cat.fontfamily = "sans",
-          cat.col = c("#440154ff", '#21908dff', '#fde725ff'),
-          rotation = 1
-        )
+

Once the most frequent words are known, it is of interest to know how +many words are common to every lists, and how many are specific to each +artist. The best way to represent this information is to use a venn diagram.

+
#upload library
+library(VennDiagram)
+
+#Make the plot
+venn.diagram(
+  x = list(
+    data %>% filter(artist=="booba") %>% select(word) %>% unlist() ,
+    data %>% filter(artist=="nekfeu") %>% select(word) %>% unlist() ,
+    data %>% filter(artist=="georges-brassens") %>% select(word) %>% unlist()
+    ),
+  category.names = c("Booba" , "Nekfeu" , "Brassens"),
+  filename = 'venn.png',
+  output = TRUE ,
+          imagetype="png" ,
+          height = 480 ,
+          width = 480 ,
+          resolution = 300,
+          compression = "lzw",
+          lwd = 1,
+          col=c("#440154ff", '#21908dff', '#fde725ff'),
+          fill = c(alpha("#440154ff",0.3), alpha('#21908dff',0.3), alpha('#fde725ff',0.3)),
+          cex = 0.5,
+          fontfamily = "sans",
+          cat.cex = 0.6,
+          cat.default.pos = "outer",
+          cat.pos = c(-27, 27, 135),
+          cat.dist = c(0.055, 0.055, 0.085),
+          cat.fontfamily = "sans",
+          cat.col = c("#440154ff", '#21908dff', '#fde725ff'),
+          rotation = 1
+        )
@@ -492,58 +559,75 @@

Note

- - -

Going further

-
-

You can learn more about each type of graphic presented in this story in the dedicated sections. Click the icon below:

- - - - - - - - - - - - - - - - - -
-

Comments

-
-

Any thoughts on this? Found any mistake? Have another way to show the data? Please drop me a word on Twitter or in the comment section below:

-
+ +

Going further

+
+

+ You can learn more about each type of graphic presented in this + story in the dedicated sections. Click the icon below: +

+ + + + + + + + +
-
- - +
+

+ Dataviz decision tree +

+

+ Data To Viz is a + comprehensive classification of chart types organized by data + input format. Get a high-resolution version of our decision tree + delivered to your inbox now! +

+
+ +
+
+
+ High Resolution Poster +
+
- - - - - +
-  +  

A work by Yan Holtz for data-to-viz.com

@@ -566,28 +650,28 @@

Comments

gtag('config', 'UA-79254642-3'); - - -  - - - - - - +  + + diff --git a/story/SeveralIndepLists_files/figure-html/unnamed-chunk-6-1.png b/story/SeveralIndepLists_files/figure-html/unnamed-chunk-6-1.png index 772cde9..aad389e 100644 Binary files a/story/SeveralIndepLists_files/figure-html/unnamed-chunk-6-1.png and b/story/SeveralIndepLists_files/figure-html/unnamed-chunk-6-1.png differ diff --git a/story/SeveralNum.Rmd b/story/SeveralNum.Rmd index d1eed67..a681a66 100644 --- a/story/SeveralNum.Rmd +++ b/story/SeveralNum.Rmd @@ -58,7 +58,7 @@ data %>% head(6) %>% kable() %>% kable_styling(bootstrap_options = "striped", full_width = F) ``` -#Check distribution +# Check distribution *** In my opinion, the first thing to do when you have several numeric variables is to observe their distribution one by one. This can be done using a [violin plot](https://www.data-to-viz.com/graph/violin.html), a [boxplot](https://www.data-to-viz.com/caveat/boxplot.html) or a [ridgeline plot](https://www.data-to-viz.com/graph/ridgeline.html) if your variables are all on the same scale. In the case of the `mtcars` dataset the variables are completely different one to each other so it make more sense to make an [histogram](https://www.data-to-viz.com/graph/histogram.html) for each of them: @@ -83,7 +83,7 @@ data %>% -#Correlogram +# Correlogram *** A [correlogram](https://www.data-to-viz.com/graph/correlogram.html) or correlation matrix allows to analyse the relationship between each pair of numeric variables of a dataset. The relationship between each pair of variable is visualised through a scatterplot, or a symbol that represents the correlation (bubble, line, number..). The diagonal often represents the distribution of each variable, using an [histogram](https://www.data-to-viz.com/graph/histogram.html) or a [density plot](https://www.data-to-viz.com/graph/density.html). @@ -93,7 +93,7 @@ scatterplotMatrix(~mpg+disp+drat+hp+qsec+wt, data=data , reg.line=FALSE, col="#6 It is a powerful method that give a good overview of the dataset in an unique graphic. For instance, it is obvious that displacement (`disp`) and gross horsepower (`hp`) have a strong correlation. -#Dendrogram +# Dendrogram *** A [dendrogram](https://www.data-to-viz.com/graph/dendrogram.html) can be used to check the result of a clustering algorythm on the dataset. Basically, the steps are: @@ -122,7 +122,7 @@ See more about it [here](https://www.data-to-viz.com/graph/dendrogram.html). -#Heatmap +# Heatmap *** The [heatmap](https://www.data-to-viz.com/graph/heatmap.html) is often used in complement of a dendrogram. It is a graphical representation of data where the individual values contained in a matrix are represented as colors. It is a bit like looking a data table from above. @@ -138,7 +138,7 @@ The heatmap above allows to understand why cars are split in 2 main clusters. Fo -#PCA +# PCA *** The Principal Component Analysis is a statistical procedure that aims to summarize all the available numeric variables in a set of principal components. ```{r, fig.align="center", fig.width=7, message=FALSE, warning=FALSE} @@ -160,7 +160,7 @@ myPCA$ind %>% -#Getting a correlation matrix +# Getting a correlation matrix *** It is of importance to note that this kind of dataset can be converted to a correlation matrix that is an [adjacency matrix](https://www.data-to-viz.com/story/AdjacencyMatrix.html). Indeed, we can compute the correlation between each pair of variable or each pair of entities of the dataset and try to visualize this new dataset. But this is a new story: [how to visualize an adjacency matrix](https://www.data-to-viz.com/story/AdjacencyMatrix.html). diff --git a/story/SeveralNum.html b/story/SeveralNum.html index e02052d..ba4888c 100644 --- a/story/SeveralNum.html +++ b/story/SeveralNum.html @@ -1,271 +1,323 @@ - - - - - - - - - - - - - - - - - -
-
- -

-

-

Eleven features for 32 cars

-
- A few data analytics ideas from Data-to-Viz.com -
-

- - - - - - - - - - - - - - - - - -
- - - - - - - - + + + + + + + + + +
+
+ +

+

+

Eleven features for 32 cars

+
+
+ A few data analytics ideas from + Data-to-Viz.com +
+
+

+ + + + + + + + + + + + + +
+ + + SeveralNum.knit + + + + - - + + + + + - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -

+ + + + + + + + + + + + +
+ + + + + + + + +

-

This page provides a few hints to visualize a dataset composed of several numeric variables. As an example the famous mtcars dataset will be considered. It provides several features like the number of cylinders, the gross horsepower, the weight etc. for 32 car models.

-
# Libraries
-library(tidyverse)
-library(hrbrthemes)
-library(viridis)
-library(DT)
-library(plotly)
-library(dendextend)
-library(car)
-library(FactoMineR)
-library(kableExtra)
-options(knitr.table.format = "html")
-
-# This dataset is available in R by default, and on the datatoviz github repo
-data <- read.csv("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/6_SeveralNum.csv", header=T)
-rownames(data) <- data[,1]
-data <- data[,-1]
-
-# Save it at .csv for the github repo
-#write.csv(mtcars, file="../Example_dataset/6_SeveralNum.csv", quote=F)
-
-# show data
-data %>% head(6) %>% kable() %>%
-  kable_styling(bootstrap_options = "striped", full_width = F)
+

This page provides a few hints to visualize a dataset composed of +several numeric variables. As an example the famous mtcars +dataset will be considered. It provides several features like the number +of cylinders, the gross horsepower, the weight etc. for 32 car +models.

+
# Libraries
+library(tidyverse)
+library(hrbrthemes)
+library(viridis)
+library(DT)
+library(plotly)
+library(dendextend)
+library(car)
+library(FactoMineR)
+library(kableExtra)
+options(knitr.table.format = "html")
+
+# This dataset is available in R by default, and on the datatoviz github repo
+data <- read.csv("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/6_SeveralNum.csv", header=T)
+rownames(data) <- data[,1]
+data <- data[,-1]
+
+# Save it at .csv for the github repo
+#write.csv(mtcars, file="../Example_dataset/6_SeveralNum.csv", quote=F)
+
+# show data
+data %>% head(6) %>% kable() %>%
+  kable_styling(bootstrap_options = "striped", full_width = F)
-qu’ma +pĂ¢tes
-sparrow +riche
-lyrics +m’éteindre
-riche +Ă©chec
-dé +noir
-fasses +complete
-j’suis +temps
-souffres +emprunt
-seum +corps
-tuerait +m’ont
-l’bois +nekfeu
-d’un +valeurs
-brassens +demande
-d’avoir +j’ai
-d’hélène +above
-l’pornographe +posthume
-georges +valent
-sète +vague
@@ -540,139 +592,213 @@

Check distribution


-

In my opinion, the first thing to do when you have several numeric variables is to observe their distribution one by one. This can be done using a violin plot, a boxplot or a ridgeline plot if your variables are all on the same scale. In the case of the mtcars dataset the variables are completely different one to each other so it make more sense to make an histogram for each of them:

-
# Keep the numeric variables of the mtcars dataset
-data <- mtcars %>% select( disp, drat, hp, mpg, qsec, wt)
-
-# Show the histogram of these variables
-data %>%
-  as.tibble() %>%
-  gather(variable, value) %>%
-  ggplot( aes(x=value) ) +
-    geom_histogram( fill= "#69b3a2") +
-    facet_wrap(~variable, scale="free") +
-    theme_ipsum()
+

In my opinion, the first thing to do when you have several numeric +variables is to observe their distribution one by one. This can be done +using a violin +plot, a boxplot or a +ridgeline +plot if your variables are all on the same scale. In the case of the +mtcars dataset the variables are completely different one +to each other so it make more sense to make an histogram +for each of them:

+
# Keep the numeric variables of the mtcars dataset
+data <- mtcars %>% select( disp, drat, hp, mpg, qsec, wt)
+
+# Show the histogram of these variables
+data %>%
+  as.tibble() %>%
+  gather(variable, value) %>%
+  ggplot( aes(x=value) ) +
+    geom_histogram( fill= "#69b3a2") +
+    facet_wrap(~variable, scale="free") +
+    theme_ipsum()

Correlogram


-

A correlogram or correlation matrix allows to analyse the relationship between each pair of numeric variables of a dataset. The relationship between each pair of variable is visualised through a scatterplot, or a symbol that represents the correlation (bubble, line, number..). The diagonal often represents the distribution of each variable, using an histogram or a density plot.

-
scatterplotMatrix(~mpg+disp+drat+hp+qsec+wt, data=data , reg.line=FALSE, col="#69b3a2", id.col="#69b3a2", smooth=FALSE , cex=1.5 , pch=20 )
-

It is a powerful method that give a good overview of the dataset in an unique graphic. For instance, it is obvious that displacement (disp) and gross horsepower (hp) have a strong correlation.

+

A correlogram +or correlation matrix allows to analyse the relationship between each +pair of numeric variables of a dataset. The relationship between each +pair of variable is visualised through a scatterplot, or a symbol that +represents the correlation (bubble, line, number..). The diagonal often +represents the distribution of each variable, using an histogram or +a density +plot.

+
scatterplotMatrix(~mpg+disp+drat+hp+qsec+wt, data=data , reg.line=FALSE, col="#69b3a2", id.col="#69b3a2", smooth=FALSE , cex=1.5 , pch=20 )
+

+It is a powerful method that give a good overview of the dataset in an +unique graphic. For instance, it is obvious that displacement +(disp) and gross horsepower (hp) have a strong +correlation.

Dendrogram


-

A dendrogram can be used to check the result of a clustering algorythm on the dataset. Basically, the steps are:

+

A dendrogram +can be used to check the result of a clustering algorythm on the +dataset. Basically, the steps are:

    -
  • compute the distance between each pair of sample using correlation or euclidean distance.
  • -
  • perform clustering on this matrix: it builds a hierarchy of clusters: groups sample that are close one from another
  • +
  • compute the distance between each pair of sample using +correlation or euclidean distance.
  • +
  • perform clustering on this matrix: it builds a hierarchy of +clusters: groups sample that are close one from another
  • show the result as a dendrogram:
-
# Clusterisation using 3 variables
-data %>% dist() %>% hclust() %>% as.dendrogram() -> dend
-
-# Color in function of the cluster
-par(mar=c(1,1,1,7))
-dend %>%
-  set("labels_col", value = c("#69b3a2", "#404080", "orange"), k=3) %>%
-  set("branches_k_color", value = c("#69b3a2", "#404080", "orange"), k = 3) %>%
-  plot(horiz=TRUE, axes=FALSE)
-abline(v = 350, lty = 2)
+
# Clusterisation using 3 variables
+data %>% dist() %>% hclust() %>% as.dendrogram() -> dend
+
+# Color in function of the cluster
+par(mar=c(1,1,1,7))
+dend %>%
+  set("labels_col", value = c("#69b3a2", "#404080", "orange"), k=3) %>%
+  set("branches_k_color", value = c("#69b3a2", "#404080", "orange"), k = 3) %>%
+  plot(horiz=TRUE, axes=FALSE)
+abline(v = 350, lty = 2)

-

Here, the dendrogram informs us that the Mercedes 280 and the Mercedes 280C have similar features, what makes sense. Basically, it gives an idea of group of cars that are similar one another.

-

See more about it here.

+

Here, the dendrogram informs us that the Mercedes 280 and the +Mercedes 280C have similar features, what makes sense. Basically, it +gives an idea of group of cars that are similar one another.

+

See more about it here.

Heatmap


-

The heatmap is often used in complement of a dendrogram. It is a graphical representation of data where the individual values contained in a matrix are represented as colors. It is a bit like looking a data table from above.

-

In addition of a dendrogram, it allows to understand why samples ore features are grouped together.

-
library(d3heatmap)
-d3heatmap(data, k_row = 4, k_col = 2, scale = "column")
-
- -

The heatmap above allows to understand why cars are split in 2 main clusters. For instance the weight (wt) is much higher for the group on top than for the other.

+

The heatmap is +often used in complement of a dendrogram. It is a graphical +representation of data where the individual values contained in a matrix +are represented as colors. It is a bit like looking a data table from +above.

+

In addition of a dendrogram, it allows to understand why samples ore +features are grouped together.

+
library(d3heatmap)
+d3heatmap(data, k_row = 4, k_col = 2, scale = "column")
+
+ +

The heatmap above allows to understand why cars are split in 2 main +clusters. For instance the weight (wt) is much higher for +the group on top than for the other.

PCA


-

The Principal Component Analysis is a statistical procedure that aims to summarize all the available numeric variables in a set of principal components.

-
myPCA <- PCA(data, scale.unit=TRUE, graph=F)
-
-myPCA$ind %>%
-  as.data.frame() %>%
-  mutate(name=rownames(.)) %>%
-  ggplot( aes(x=coord.Dim.1, y=coord.Dim.2, label=name)) +
-    geom_point( color="#69b3a2") +
-    theme_ipsum() +
-    geom_label(color="#69b3a2")
+

The Principal Component Analysis is a statistical procedure that aims +to summarize all the available numeric variables in a set of principal +components.

+
myPCA <- PCA(data, scale.unit=TRUE, graph=F)
+
+myPCA$ind %>%
+  as.data.frame() %>%
+  mutate(name=rownames(.)) %>%
+  ggplot( aes(x=coord.Dim.1, y=coord.Dim.2, label=name)) +
+    geom_point( color="#69b3a2") +
+    theme_ipsum() +
+    geom_label(color="#69b3a2")

-
#plot.PCA(myPCA, axes=c(1, 2), choix="var")
+
#plot.PCA(myPCA, axes=c(1, 2), choix="var")

Note: this section needs improvement

Getting a correlation matrix


-

It is of importance to note that this kind of dataset can be converted to a correlation matrix that is an adjacency matrix. Indeed, we can compute the correlation between each pair of variable or each pair of entities of the dataset and try to visualize this new dataset. But this is a new story: how to visualize an adjacency matrix.

+

It is of importance to note that this kind of dataset can be +converted to a correlation matrix that is an adjacency +matrix. Indeed, we can compute the correlation between each pair of +variable or each pair of entities of the dataset and try to visualize +this new dataset. But this is a new story: how to +visualize an adjacency matrix.

- - -

Going further

-
-

You can learn more about each type of graphic presented in this story in the dedicated sections. Click the icon below:

- - - - - - - - - - - - - - - - - - - - -
-

Comments

-
-

Any thoughts on this? Found any mistake? Have another way to show the data? Please drop me a word on Twitter or in the comment section below:

-
+ +

Going further

+
+

+ You can learn more about each type of graphic presented in this + story in the dedicated sections. Click the icon below: +

+ + + + + + + + + + + + + + +
-
- - +
+

+ Dataviz decision tree +

+

+ Data To Viz is a + comprehensive classification of chart types organized by data + input format. Get a high-resolution version of our decision tree + delivered to your inbox now! +

+
+ +
+
+
+ High Resolution Poster +
+
- - - +
- - -  +  

A work by Yan Holtz for data-to-viz.com

@@ -695,28 +821,28 @@

Comments

gtag('config', 'UA-79254642-3'); - - -  - - - - - - +  + + diff --git a/story/SeveralNum_files/figure-html/unnamed-chunk-2-1.png b/story/SeveralNum_files/figure-html/unnamed-chunk-2-1.png index faddac2..2e21a98 100644 Binary files a/story/SeveralNum_files/figure-html/unnamed-chunk-2-1.png and b/story/SeveralNum_files/figure-html/unnamed-chunk-2-1.png differ diff --git a/story/SeveralNum_files/figure-html/unnamed-chunk-3-1.png b/story/SeveralNum_files/figure-html/unnamed-chunk-3-1.png index de3e15d..8a75e97 100644 Binary files a/story/SeveralNum_files/figure-html/unnamed-chunk-3-1.png and b/story/SeveralNum_files/figure-html/unnamed-chunk-3-1.png differ diff --git a/story/SeveralNum_files/figure-html/unnamed-chunk-4-1.png b/story/SeveralNum_files/figure-html/unnamed-chunk-4-1.png index 1d1d539..eef312c 100644 Binary files a/story/SeveralNum_files/figure-html/unnamed-chunk-4-1.png and b/story/SeveralNum_files/figure-html/unnamed-chunk-4-1.png differ diff --git a/story/SeveralNum_files/figure-html/unnamed-chunk-6-1.png b/story/SeveralNum_files/figure-html/unnamed-chunk-6-1.png index 1c1b595..71dff41 100644 Binary files a/story/SeveralNum_files/figure-html/unnamed-chunk-6-1.png and b/story/SeveralNum_files/figure-html/unnamed-chunk-6-1.png differ diff --git a/story/ThreeNum.Rmd b/story/ThreeNum.Rmd index 1f35c7a..1137c6f 100644 --- a/story/ThreeNum.Rmd +++ b/story/ThreeNum.Rmd @@ -58,7 +58,7 @@ data %>% head(6) %>% -#Bubble plot +# Bubble plot *** The go to graph in that kind of situation is probably the [bubble plot](). The bubble plot is really close to a [scatterplot]() since it shows the value of two numeric variables on the X and Y axis. However, it allows to study the value of a third variable using different sizes for the dots (that are thus called bubbles). @@ -160,7 +160,7 @@ ggplotly(p, tooltip="text") ``` -#A note on the grid scenario +# A note on the grid scenario *** diff --git a/story/ThreeNum.html b/story/ThreeNum.html index 9c5d6f1..903e3b7 100644 --- a/story/ThreeNum.html +++ b/story/ThreeNum.html @@ -1,269 +1,322 @@ - - - - - - - - - - - - - - - - - -
-
- -

-

-

Life expectancy, gdp per capita and population size

-
- A few data analytics ideas from Data-to-Viz.com -
-

- - - - - - - - - - - - - - - -
- - - - - - - - + + + + + + + + + +
+
+ +

+

+

Life expectancy, gdp per capita and population +size

+
+
+ A few data analytics ideas from + Data-to-Viz.com +
+
+

+ + + + + + + + + +
+ + + ThreeNum.knit + + + + - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -

+ + + + + + + + + + + + + + +
+ + + + + + + + +

-




This document gives a few suggestions to analyse a dataset composed by three numeric variables. It considers an abstract of the Gapminder dataset made famous through the Hans Rosling Ted Talk. It provides the average life expectancy, gdp per capita and population size for more than 100 countries. This dataset is available through the gapminder R package and you can download it here. The table beside shows a glimpse of it.

-
# Libraries
-library(tidyverse)
-library(hrbrthemes)
-library(viridis)
-library(kableExtra)
-options(knitr.table.format = "html")
-library(plotly)
-library(gridExtra)
-library(ggrepel)
-
-# The dataset is provided in the gapminder library
-library(gapminder)
-data <- gapminder %>% filter(year=="2007") %>% select(-year)
-
-# show data
-data %>% head(6) %>% 
-  mutate(gdpPercap=round(gdpPercap,0)) %>%
-  mutate(pop=round(pop/1000000,2)) %>%
-  mutate(lifeExp=round(lifeExp,1)) %>%
-  kable() %>%
-  kable_styling(bootstrap_options = "striped", full_width = F)
+




This document gives a few suggestions to analyse a +dataset composed by three numeric variables. It considers +an abstract of the Gapminder dataset made famous +through the Hans +Rosling Ted Talk. It provides the average life expectancy, gdp per +capita and population size for more than 100 countries. This dataset is +available through the gapminder R package and you can +download it here. +The table beside shows a glimpse of it.

+
# Libraries
+library(tidyverse)
+library(hrbrthemes)
+library(viridis)
+library(kableExtra)
+options(knitr.table.format = "html")
+library(plotly)
+library(gridExtra)
+library(ggrepel)
+
+# The dataset is provided in the gapminder library
+library(gapminder)
+data <- gapminder %>% filter(year=="2007") %>% select(-year)
+
+# show data
+data %>% head(6) %>%
+  mutate(gdpPercap=round(gdpPercap,0)) %>%
+  mutate(pop=round(pop/1000000,2)) %>%
+  mutate(lifeExp=round(lifeExp,1)) %>%
+  kable() %>%
+  kable_styling(bootstrap_options = "striped", full_width = F)
@@ -392,108 +445,129 @@

Bubble plot


-

The go to graph in that kind of situation is probably the bubble plot. The bubble plot is really close to a scatterplot since it shows the value of two numeric variables on the X and Y axis. However, it allows to study the value of a third variable using different sizes for the dots (that are thus called bubbles).

-
# Show a bubbleplot
-data %>%
-  mutate(pop=pop/1000000) %>%
-  arrange(desc(pop)) %>%
-  mutate(country = factor(country, country)) %>%
-  ggplot( aes(x=gdpPercap, y=lifeExp, size = pop, color = continent)) +
-    geom_point(alpha=0.7) +
-    scale_size(range = c(1.4, 19), name="Population (M)") +
-    scale_color_viridis(discrete=TRUE, guide=FALSE) +
-    theme_ipsum() +
-    theme(legend.position="bottom")
+

The go to graph in that kind of situation is probably the bubble plot. The bubble plot is really close to a scatterplot since it shows the value of two numeric +variables on the X and Y axis. However, it allows to study the value of +a third variable using different sizes for the dots (that are thus +called bubbles).

+
# Show a bubbleplot
+data %>%
+  mutate(pop=pop/1000000) %>%
+  arrange(desc(pop)) %>%
+  mutate(country = factor(country, country)) %>%
+  ggplot( aes(x=gdpPercap, y=lifeExp, size = pop, color = continent)) +
+    geom_point(alpha=0.7) +
+    scale_size(range = c(1.4, 19), name="Population (M)") +
+    scale_color_viridis(discrete=TRUE, guide=FALSE) +
+    theme_ipsum() +
+    theme(legend.position="bottom")

-

The problem with bubble plot is that the relationship between the variable of the X and Y axis is much more obvious than the relationship with the third variable. Thus you must prioritize your variables and be sure of what you want to show. Before doing that kind of chart, I believe it is a good practice to try other combinations:

-
p2 <- data %>%
-  mutate(pop=pop/1000000) %>%
-  arrange(desc(pop)) %>%
-  mutate(country = factor(country, country)) %>%
-  ggplot( aes(x=gdpPercap, y=pop, size = lifeExp, color = continent)) +
-    geom_point(alpha=0.7) +
-    scale_color_viridis(discrete=TRUE) +
-    scale_y_log10() +
-    theme_ipsum() +
-    theme(legend.position="none") 
-
-p3 <- data %>%
-  mutate(pop=pop/1000000) %>%
-  arrange(desc(pop)) %>%
-  mutate(country = factor(country, country)) %>%
-  ggplot( aes(x=lifeExp, y=pop, size = gdpPercap, color = continent)) +
-    geom_point(alpha=0.7) +
-    scale_color_viridis(discrete=TRUE) +
-    scale_y_log10() +
-    theme_ipsum() +
-    theme(legend.position="none") 
-
-
-grid.arrange(p2,p3, ncol=2)
+

The problem with bubble plot is that the relationship between the +variable of the X and Y axis is much more obvious than the relationship +with the third variable. Thus you must prioritize your variables and be +sure of what you want to show. Before doing that kind of chart, I +believe it is a good practice to try other combinations:

+
p2 <- data %>%
+  mutate(pop=pop/1000000) %>%
+  arrange(desc(pop)) %>%
+  mutate(country = factor(country, country)) %>%
+  ggplot( aes(x=gdpPercap, y=pop, size = lifeExp, color = continent)) +
+    geom_point(alpha=0.7) +
+    scale_color_viridis(discrete=TRUE) +
+    scale_y_log10() +
+    theme_ipsum() +
+    theme(legend.position="none")
+
+p3 <- data %>%
+  mutate(pop=pop/1000000) %>%
+  arrange(desc(pop)) %>%
+  mutate(country = factor(country, country)) %>%
+  ggplot( aes(x=lifeExp, y=pop, size = gdpPercap, color = continent)) +
+    geom_point(alpha=0.7) +
+    scale_color_viridis(discrete=TRUE) +
+    scale_y_log10() +
+    theme_ipsum() +
+    theme(legend.position="none")
+
+
+grid.arrange(p2,p3, ncol=2)

-

In this case there is no obvious relationship between opulation and other metrics so it makes sense to use population for the bubble size.

-

If you just want to highlight the relationship between gbp per capita and life Expectancy you’ve probably done most of the work now. However, it is a good practice to highlight a few interesting dots in this chart to give more insight to the plot:

-
# Prepare data
-tmp <- data %>%
- mutate(
-   annotation = case_when(
-    gdpPercap > 5000 & lifeExp < 60 ~ "yes",
-    lifeExp < 30 ~ "yes",
-     gdpPercap > 40000 ~ "yes"
-    )
-) %>%
-mutate(pop=pop/1000000) %>%
-  arrange(desc(pop)) %>%
-  mutate(country = factor(country, country))
-
-# Plot
-ggplot( tmp, aes(x=gdpPercap, y=lifeExp, size = pop, color = continent)) +
-    geom_point(alpha=0.7) +
-    scale_size(range = c(1.4, 19), name="Population (M)") +
-    scale_color_viridis(discrete=TRUE) +
-    theme_ipsum() +
-    theme(legend.position="none") +
-    geom_text_repel(data=tmp %>% filter(annotation=="yes"), aes(label=country), size=4 )
+

In this case there is no obvious relationship between opulation and +other metrics so it makes sense to use population for the bubble +size.

+

If you just want to highlight the relationship between gbp per capita +and life Expectancy you’ve probably done most of the work now. However, +it is a good practice to highlight a few interesting dots in this chart +to give more insight to the plot:

+
# Prepare data
+tmp <- data %>%
+ mutate(
+   annotation = case_when(
+    gdpPercap > 5000 & lifeExp < 60 ~ "yes",
+    lifeExp < 30 ~ "yes",
+     gdpPercap > 40000 ~ "yes"
+    )
+) %>%
+mutate(pop=pop/1000000) %>%
+  arrange(desc(pop)) %>%
+  mutate(country = factor(country, country))
+
+# Plot
+ggplot( tmp, aes(x=gdpPercap, y=lifeExp, size = pop, color = continent)) +
+    geom_point(alpha=0.7) +
+    scale_size(range = c(1.4, 19), name="Population (M)") +
+    scale_color_viridis(discrete=TRUE) +
+    theme_ipsum() +
+    theme(legend.position="none") +
+    geom_text_repel(data=tmp %>% filter(annotation=="yes"), aes(label=country), size=4 )

-

Last but not least, note that bubble plot is probably the type of chart where using interactivity makes the more sense. In the following plot you can hover bubbles to get more information and zoom on a specific part of the graphic.

-
# Interactive version
-p <- data %>%
-  mutate(gdpPercap=round(gdpPercap,0)) %>%
-  mutate(pop=round(pop/1000000,2)) %>%
-  mutate(lifeExp=round(lifeExp,1)) %>%
-  arrange(desc(pop)) %>%
-  mutate(country = factor(country, country)) %>%
-  mutate(text = paste("Country: ", country, "\nPopulation (M): ", pop, "\nLife Expectancy: ", lifeExp, "\nGdp per capita: ", gdpPercap, sep="")) %>%
-  ggplot( aes(x=gdpPercap, y=lifeExp, size = pop, color = continent, text=text)) +
-    geom_point(alpha=0.7) +
-    scale_size(range = c(1.4, 19), name="Population (M)") +
-    scale_color_viridis(discrete=TRUE, guide=FALSE) +
-    theme_ipsum() +
-    theme(legend.position="none")
-
-ggplotly(p, tooltip="text")
-
- +

Last but not least, note that bubble plot is probably the type of +chart where using interactivity makes the more sense. In the following +plot you can hover bubbles to get more information and zoom on a +specific part of the graphic.

+
# Interactive version
+p <- data %>%
+  mutate(gdpPercap=round(gdpPercap,0)) %>%
+  mutate(pop=round(pop/1000000,2)) %>%
+  mutate(lifeExp=round(lifeExp,1)) %>%
+  arrange(desc(pop)) %>%
+  mutate(country = factor(country, country)) %>%
+  mutate(text = paste("Country: ", country, "\nPopulation (M): ", pop, "\nLife Expectancy: ", lifeExp, "\nGdp per capita: ", gdpPercap, sep="")) %>%
+  ggplot( aes(x=gdpPercap, y=lifeExp, size = pop, color = continent, text=text)) +
+    geom_point(alpha=0.7) +
+    scale_size(range = c(1.4, 19), name="Population (M)") +
+    scale_color_viridis(discrete=TRUE, guide=FALSE) +
+    theme_ipsum() +
+    theme(legend.position="none")
+
+ggplotly(p, tooltip="text")
+
+

A note on the grid scenario


-




A specific use case where three numeric columns are displayed is the grid system. In this case, the two first columns gives the grid coordinates, and the third variable gives a numeric value for each position of the grid. For example, the volcano data set provides that altitude of each point of the grid of a volcano:

+




A specific use case where three numeric columns are +displayed is the grid system. In this case, the two first columns gives +the grid coordinates, and the third variable gives a numeric value for +each position of the grid. For example, the volcano data set provides +that altitude of each point of the grid of a volcano:

-
# prepare the dataset:
-don <- volcano 
-colnames(don) <- seq(1,ncol(don))
-don <- don %>%
-  as.tibble() %>%
-  mutate(lat=seq(1,nrow(don)) ) %>%
-  gather(key="long", value="altitude", -lat) 
-
-# show data
-don %>% head(6) %>% kable() %>%
-  kable_styling(bootstrap_options = "striped", full_width = F)
+
# prepare the dataset:
+don <- volcano
+colnames(don) <- seq(1,ncol(don))
+don <- don %>%
+  as.tibble() %>%
+  mutate(lat=seq(1,nrow(don)) ) %>%
+  gather(key="long", value="altitude", -lat)
+
+# show data
+don %>% head(6) %>% kable() %>%
+  kable_styling(bootstrap_options = "striped", full_width = F)
@@ -579,75 +653,98 @@

A note on the grid scenario

-

This kind of data can be represented using a heatmap (2d):

-
don %>%
-  na.omit() %>%
-  ggplot(aes(x=as.numeric(long), y=lat, fill=altitude)) +
-    geom_tile() +
-    scale_fill_viridis() +
-    theme_ipsum() +
-    xlab("longitude") +
-    ylab("latitude")
+

This kind of data can be represented using a heatmap +(2d):

+
don %>%
+  na.omit() %>%
+  ggplot(aes(x=as.numeric(long), y=lat, fill=altitude)) +
+    geom_tile() +
+    scale_fill_viridis() +
+    theme_ipsum() +
+    xlab("longitude") +
+    ylab("latitude")

-

Another way is to build a surface plot. It really makes sense to use 3D in this special case since it allows to visualize the real shape of the volcano:

-
plot_ly(z = volcano, type = "surface")
-
- +

Another way is to build a surface plot. It really makes sense to use +3D in this special case since it allows to visualize the real shape of +the volcano:

+
plot_ly(z = volcano, type = "surface")
+
+
- - -

Going further

-
-

You can learn more about each type of graphic presented in this story in the dedicated sections. Click the icon below:

- - - - - - - - - - - - - - - - - - -
-

Comments

-
-

Any thoughts on this? Found any mistake? Have another way to show the data? Please drop me a word on Twitter or in the comment section below:

-
+ +

Going further

+
+

+ You can learn more about each type of graphic presented in this + story in the dedicated sections. Click the icon below: +

+ + + + + + + + +
+ +
-
- - +
+

+ Dataviz decision tree +

+

+ Data To Viz is a + comprehensive classification of chart types organized by data + input format. Get a high-resolution version of our decision tree + delivered to your inbox now! +

+
+ +
+
+
+ High Resolution Poster +
+
- - - - - +
-  +  

A work by Yan Holtz for data-to-viz.com

@@ -670,28 +767,28 @@

Comments

gtag('config', 'UA-79254642-3'); - - -  - - - - - - +  + + diff --git a/story/ThreeNum_files/figure-html/unnamed-chunk-2-1.png b/story/ThreeNum_files/figure-html/unnamed-chunk-2-1.png index 4bd4745..ed74675 100644 Binary files a/story/ThreeNum_files/figure-html/unnamed-chunk-2-1.png and b/story/ThreeNum_files/figure-html/unnamed-chunk-2-1.png differ diff --git a/story/ThreeNum_files/figure-html/unnamed-chunk-3-1.png b/story/ThreeNum_files/figure-html/unnamed-chunk-3-1.png index 45bad1f..3f75d47 100644 Binary files a/story/ThreeNum_files/figure-html/unnamed-chunk-3-1.png and b/story/ThreeNum_files/figure-html/unnamed-chunk-3-1.png differ diff --git a/story/ThreeNum_files/figure-html/unnamed-chunk-4-1.png b/story/ThreeNum_files/figure-html/unnamed-chunk-4-1.png index e5b40d1..48df323 100644 Binary files a/story/ThreeNum_files/figure-html/unnamed-chunk-4-1.png and b/story/ThreeNum_files/figure-html/unnamed-chunk-4-1.png differ diff --git a/story/ThreeNum_files/figure-html/unnamed-chunk-7-1.png b/story/ThreeNum_files/figure-html/unnamed-chunk-7-1.png index 6c4114e..0be29bb 100644 Binary files a/story/ThreeNum_files/figure-html/unnamed-chunk-7-1.png and b/story/ThreeNum_files/figure-html/unnamed-chunk-7-1.png differ diff --git a/story/TwoNum.html b/story/TwoNum.html index 6d535b6..bd76eb2 100644 --- a/story/TwoNum.html +++ b/story/TwoNum.html @@ -1,243 +1,284 @@ - - - - - - - - - - - - - - - - - -
-
- -

-

-

Apartment price vs ground living area.

-
- A few data analytics ideas from Data-to-Viz.com -
-

- - - - - - - - - - - - - - - -
- - - - - - - - + + + + + + + + + +
+
+ +

+

+

Apartment price vs ground living area.

+
+
+ A few data analytics ideas from + Data-to-Viz.com +
+
+

+ + + + + + + + + +
+ + + TwoNum.knit + + + + - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -

+ + + + + + + + + + + + + + +
+ + + + + + + + +

@@ -247,24 +288,32 @@
-




This document gives a few suggestions to analyse a dataset composed by two numeric variables. It considers the price of 1460 apartements (SalePrice) and their ground living area (GrLivArea).

This dataset comes from a kaggle machine learning competition. The two variables studied here are available on Github repository. Basically it looks like the table beside.

+




This document gives a few suggestions to analyse a +dataset composed by two numeric variables. It considers the price of +1460 apartements (SalePrice) and their ground living area +(GrLivArea).

This dataset comes from a kaggle +machine learning competition. The two variables studied here are +available on Github +repository. Basically it looks like the table beside.

-
# Libraries
-library(tidyverse)
-library(hrbrthemes)
-library(kableExtra)
-options(knitr.table.format = "html")
-library(viridis)
-library(ggExtra)
-library(patchwork)
-
-# Load dataset from github
-data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/2_TwoNum.csv", header=T, sep=",") %>% select(GrLivArea, SalePrice)
-
-# show data
-data %>% head(6) %>% kable() %>%
-  kable_styling(bootstrap_options = "striped", full_width = F)
+
# Libraries
+library(tidyverse)
+library(hrbrthemes)
+library(kableExtra)
+options(knitr.table.format = "html")
+library(viridis)
+library(ggExtra)
+library(patchwork)
+
+# Load dataset from github
+data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/2_TwoNum.csv", header=T, sep=",") %>% select(GrLivArea, SalePrice)
+
+# show data
+data %>% head(6) %>% kable() %>%
+  kable_styling(bootstrap_options = "striped", full_width = F)
@@ -329,219 +378,250 @@
-
-

Distribution

-
-

As usual when working with numeric variables, it is always a good practice to check their distributions. Here Prices and Ground living areas are on two different scales so it makes sense to study them in two different graphics. This can be done using a histogram or a density plot.

-
p1 <- data %>% 
-  ggplot( aes(x=GrLivArea)) +
-    geom_histogram(fill="#69b3a2", color="#e9ecef", alpha=0.9, bins=50) +
-    ggtitle("Ground living area distribution") +
-    theme_ipsum() +
-    theme(
-      plot.title = element_text(size=12)
-    ) +
-    xlab('area')
-
-p2 <- data %>% 
-  ggplot( aes(x=SalePrice/1000)) +
-    geom_histogram(fill="#69b3a2", color="#e9ecef", alpha=0.9, bins=50) +
-    ggtitle("Sale price distribution") +
-    theme_ipsum() +
-    theme(
-      plot.title = element_text(size=12)
-    )+
-    xlab('Sale price (k$)')
-
-p1 + p2
+

#Distribution *** As usual when working with numeric variables, it is +always a good practice to check their distributions. Here Prices and +Ground living areas are on two different scales so it makes sense to +study them in two different graphics. This can be done using a histogram or a density plot.

+
p1 <- data %>%
+  ggplot( aes(x=GrLivArea)) +
+    geom_histogram(fill="#69b3a2", color="#e9ecef", alpha=0.9, bins=50) +
+    ggtitle("Ground living area distribution") +
+    theme_ipsum() +
+    theme(
+      plot.title = element_text(size=12)
+    ) +
+    xlab('area')
+
+p2 <- data %>%
+  ggplot( aes(x=SalePrice/1000)) +
+    geom_histogram(fill="#69b3a2", color="#e9ecef", alpha=0.9, bins=50) +
+    ggtitle("Sale price distribution") +
+    theme_ipsum() +
+    theme(
+      plot.title = element_text(size=12)
+    )+
+    xlab('Sale price (k$)')
+
+p1 + p2

-

This allows to understand that most of the prices range between 100 and 300 k$ with extreme values reaching 750 k$.

-
-
-

Scatterplot

-
-

The next step is to study the relationship between the 2 variables. Basically to explore if there is a correlation between sale price and living area. The first chart type to try in this case is the scatterplot.

-
data %>% 
-  ggplot( aes(x=GrLivArea, y=SalePrice/1000)) +
-    geom_point(color="#69b3a2", alpha=0.8) +
-    ggtitle("Ground living area partially explains sale price of apartments") +
-    theme_ipsum() +
-    theme(
-      plot.title = element_text(size=12)
-    ) +
-    ylab('Sale price (k$)') +
-    xlab('Ground living area')
-

It is quite obvious that there is a relationship between prices and ground living area.

-
-
-

Improving the scatter plot

-
-

The previous graphic convey most of the information efficiently. Still, there are a few customizations that can be done to make the chart even more insightful:

+

This allows to understand that most of the prices range between 100 +and 300 k$ with extreme values reaching 750 k$.

+

#Scatterplot *** The next step is to study the relationship between +the 2 variables. Basically to explore if there is a correlation between +sale price and living area. The first chart type to try in this case is +the scatterplot.

+
data %>%
+  ggplot( aes(x=GrLivArea, y=SalePrice/1000)) +
+    geom_point(color="#69b3a2", alpha=0.8) +
+    ggtitle("Ground living area partially explains sale price of apartments") +
+    theme_ipsum() +
+    theme(
+      plot.title = element_text(size=12)
+    ) +
+    ylab('Sale price (k$)') +
+    xlab('Ground living area')
+

+It is quite obvious that there is a relationship between prices and +ground living area.

+

#Improving the scatter plot {.tabset} *** The previous graphic convey +most of the information efficiently. Still, there are a few +customizations that can be done to make the chart even more +insightful:

    -
  • Adding a trend line with confidence interval to illustrate and clarify the relationship
  • -
  • Using an interactive version to get more information concerning each data point.
  • +
  • Adding a trend line with confidence interval to +illustrate and clarify the relationship
  • +
  • Using an interactive version to get more information +concerning each data point.
  • Add marginal distribution


-
-

Trend

-

Help the reader seing the trend on the chart by showing it explicitely. Several models exist to show a trend. A linear regression is used on the left plot, and a local regression is used on the right. Showing the confindence interval is a good practice as well.

-
p <- data %>% 
-  ggplot( aes(x=GrLivArea, y=SalePrice/1000)) +
-    geom_point(color="#69b3a2", alpha=0.8) +
-    theme_ipsum() +
-    theme(
-      plot.title = element_text(size=12)
-    ) +
-    ylab('Sale price (k$)') +
-    xlab('Ground living area')
-
-p1 <- p + ggtitle("Linear regression") +
-    geom_smooth(method='lm', color="black", alpha=0.8, size=0.5, fill="skyblue", se=FALSE)
-
-p2 <- p + ggtitle("Loess") +
-    geom_smooth(method='loess', color="black", alpha=0.8, size=0.5, fill="skyblue")
-
-p1 + p2
+

##Trend Help the reader seing the trend on the chart by showing it +explicitely. Several models exist to show a trend. A linear +regression is used on the left plot, and a local +regression is used on the right. Showing the confindence interval is +a good practice as well.

+
p <- data %>%
+  ggplot( aes(x=GrLivArea, y=SalePrice/1000)) +
+    geom_point(color="#69b3a2", alpha=0.8) +
+    theme_ipsum() +
+    theme(
+      plot.title = element_text(size=12)
+    ) +
+    ylab('Sale price (k$)') +
+    xlab('Ground living area')
+
+p1 <- p + ggtitle("Linear regression") +
+    geom_smooth(method='lm', color="black", alpha=0.8, size=0.5, fill="skyblue", se=FALSE)
+
## Warning: Using `size` aesthetic for lines was deprecated in ggplot2 3.4.0.
+## ℹ Please use `linewidth` instead.
+## This warning is displayed once every 8 hours.
+## Call `lifecycle::last_lifecycle_warnings()` to see where this warning was
+## generated.
+
p2 <- p + ggtitle("Loess") +
+    geom_smooth(method='loess', color="black", alpha=0.8, size=0.5, fill="skyblue")
+
+p1 + p2
+
## `geom_smooth()` using formula = 'y ~ x'
+## `geom_smooth()` using formula = 'y ~ x'

-
-
-

Interactivity

-

Scatter plot is probably the chart type for which it makes the most sense to use interactivity. For instance, it allows to hover a dot to have more information about it. It allows to zoom on a specific part of the chart as well.

-
# Plotly allows to turn any ggplot2 graphic interactive
-library(plotly)
-
-p <- data %>% 
-  mutate(text=paste("Apartment Number: ", seq(1:nrow(data)), "\nLocation: New York\nAny other information you need..", sep="")) %>%
-  ggplot( aes(x=GrLivArea, y=SalePrice/1000, text=text)) +
-    geom_point(color="#69b3a2", alpha=0.8) +
-    ggtitle("Ground living area partially explains sale price of apartments") +
-    theme_ipsum() +
-    theme(
-      plot.title = element_text(size=12)
-    ) +
-    ylab('Sale price (k$)') +
-    xlab('Ground living area')
-
-ggplotly(p, tooltip="text")
-
- -
-
-

Marginal distribution

-

If the number of data points on the scatterplot is high, it is a good practice to display the marginal distributions arount the graphic.

-
data %>% 
-  ggplot( aes(x=GrLivArea, y=SalePrice)) +
-    geom_point() #%>%
+

##Interactivity Scatter plot is probably the chart type for which it +makes the most sense to use interactivity. For instance, it allows to +hover a dot to have more information about it. It allows to zoom on a +specific part of the chart as well.

+
# Plotly allows to turn any ggplot2 graphic interactive
+library(plotly)
+
+p <- data %>%
+  mutate(text=paste("Apartment Number: ", seq(1:nrow(data)), "\nLocation: New York\nAny other information you need..", sep="")) %>%
+  ggplot( aes(x=GrLivArea, y=SalePrice/1000, text=text)) +
+    geom_point(color="#69b3a2", alpha=0.8) +
+    ggtitle("Ground living area partially explains sale price of apartments") +
+    theme_ipsum() +
+    theme(
+      plot.title = element_text(size=12)
+    ) +
+    ylab('Sale price (k$)') +
+    xlab('Ground living area')
+
+ggplotly(p, tooltip="text")
+
+ +

##Marginal distribution If the number of data points on the +scatterplot is high, it is a good practice to display the marginal +distributions arount the graphic.

+
data %>%
+  ggplot( aes(x=GrLivArea, y=SalePrice)) +
+    geom_point() #%>%

-
    #ggMarginal(type="histogram")
-
-
-
-

Overplotting

-
-

The most common pitfall with scatterplot is overplotting: when the sample size gets big, dots are plotted on top of each other what makes the chart unreadable. There are several work around to avoid this issue as describe in this specific post. Here is a summary of the different offered techniques:

-
# code for all graphics:
-p <- data %>% 
-  ggplot( aes(x=GrLivArea, y=SalePrice/1000)) +
-    theme_ipsum() +
-    theme(
-      plot.title = element_text(size=12)
-    ) +
-    ylab('Sale price (k$)') +
-    xlab('Ground living area') 
-
-# Reduce dot size
-p1 <- p + geom_point(color="#69b3a2", alpha=0.8, size=0.2) + ggtitle("Dot size") 
-
-# Use density estimate
-p2 <- p + geom_density2d(color="#69b3a2") + ggtitle("Density 2d: contour") 
-
-# Use density estimate (area)
-p3 <- p + stat_density_2d(aes(fill = ..level..), geom = "polygon") + ggtitle("Density 2d: area") + theme(legend.position="none")
-
-# With raster
-p4 <- p +
-  stat_density_2d(aes(fill = ..density..), geom = "raster", contour = FALSE) +
-  scale_fill_distiller(palette=4, direction=1) +
-  scale_x_continuous(expand = c(0, 0)) +
-  scale_y_continuous(expand = c(0, 0)) +
-  theme(
-    legend.position='none'
-  ) +
-  ggtitle("Density 2d: raster") +
-  xlim(0,2500) +
-  ylim(0,400)
-
-# Hexbin
-p5 <- p + geom_hex() +
-    scale_fill_viridis() +
-    theme(legend.position="none") + 
-    ggtitle("Hexbin")
-
-# 2d histogram
-p6 <- p + geom_bin2d( ) +
-    scale_fill_viridis( ) +
-    theme(legend.position="none")  + 
-    ggtitle("2d histogram") 
-
-p1 + p2 + p3 + p4 + p5 + p6 + plot_layout(ncol = 2)
+
    #ggMarginal(type="histogram")
+

#Overplotting *** The most common pitfall with scatterplot is +overplotting: when the sample size gets big, dots are plotted on top of +each other what makes the chart unreadable. There are several work +around to avoid this issue as describe in this specific +post. Here is a summary of the different offered techniques:

+
# code for all graphics:
+p <- data %>%
+  ggplot( aes(x=GrLivArea, y=SalePrice/1000)) +
+    theme_ipsum() +
+    theme(
+      plot.title = element_text(size=12)
+    ) +
+    ylab('Sale price (k$)') +
+    xlab('Ground living area')
+
+# Reduce dot size
+p1 <- p + geom_point(color="#69b3a2", alpha=0.8, size=0.2) + ggtitle("Dot size")
+
+# Use density estimate
+p2 <- p + geom_density2d(color="#69b3a2") + ggtitle("Density 2d: contour")
+
+# Use density estimate (area)
+p3 <- p + stat_density_2d(aes(fill = ..level..), geom = "polygon") + ggtitle("Density 2d: area") + theme(legend.position="none")
+
+# With raster
+p4 <- p +
+  stat_density_2d(aes(fill = ..density..), geom = "raster", contour = FALSE) +
+  scale_fill_distiller(palette=4, direction=1) +
+  scale_x_continuous(expand = c(0, 0)) +
+  scale_y_continuous(expand = c(0, 0)) +
+  theme(
+    legend.position='none'
+  ) +
+  ggtitle("Density 2d: raster") +
+  xlim(0,2500) +
+  ylim(0,400)
+
+# Hexbin
+p5 <- p + geom_hex() +
+    scale_fill_viridis() +
+    theme(legend.position="none") +
+    ggtitle("Hexbin")
+
+# 2d histogram
+p6 <- p + geom_bin2d( ) +
+    scale_fill_viridis( ) +
+    theme(legend.position="none")  +
+    ggtitle("2d histogram")
+
+p1 + p2 + p3 + p4 + p5 + p6 + plot_layout(ncol = 2)

-
- - -

Going further

-
-

You can learn more about each type of graphic presented in this story in the dedicated sections. Click the icon below:

- - - - - - - - - - - - - - - - - - -
-

Comments

-
-

Any thoughts on this? Found any mistake? Have another way to show the data? Please drop me a word on Twitter or in the comment section below:

-
+ +

Going further

+
+

+ You can learn more about each type of graphic presented in this + story in the dedicated sections. Click the icon below: +

+ + + + + + + + +
+
+
-
- - +
+

+ Dataviz decision tree +

+

+ Data To Viz is a + comprehensive classification of chart types organized by data + input format. Get a high-resolution version of our decision tree + delivered to your inbox now! +

+
+ +
+
+
+ High Resolution Poster +
+
- - - +
- - -  +  

A work by Yan Holtz for data-to-viz.com

@@ -564,28 +644,28 @@

Comments

gtag('config', 'UA-79254642-3'); - - -  - - - - -
- +  + + diff --git a/story/TwoNumOrdered.html b/story/TwoNumOrdered.html index 84c2a23..4b39d67 100644 --- a/story/TwoNumOrdered.html +++ b/story/TwoNumOrdered.html @@ -1,242 +1,280 @@ - - - - - - - - - - - - - - - - - -
-
- -

-

-

Evolution of the bitcoin price

-
- A few data analytics ideas from Data-to-Viz.com -
-

- - - - - - - - - - - - - - -
- - - - - - - - + + + + + + + + + +
+
+ +

+

+

Evolution of the bitcoin price

+
+
+ A few data analytics ideas from + Data-to-Viz.com +
+
+

+ + + + + + + +
+ + + TwoNumOrdered.knit + + + + - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -
+ + + + + + + + + + + + + + +
+ + + + + + + + +
@@ -244,27 +282,38 @@
-




This document gives a few suggestions to analyse a dataset composed by two ordered numeric variables. It considers the evolution of the bitcoin price between April 2013 and April 2018.

This dataset has been built using the crypto R package that allows to access the CoinMarketCap website. The first column, date, represents an ordered numeric variable. The second, value gives the bitcoin price. This dataset is available on github.

+




This document gives a few suggestions to analyse a +dataset composed by two ordered numeric variables. It considers the +evolution of the bitcoin price between +April 2013 and April 2018.

This dataset has been built using +the crypto R package +that allows to access the CoinMarketCap website. The first +column, date, represents an ordered numeric variable. The +second, value gives the bitcoin price. This dataset is +available on github.


-
# Libraries
-library(tidyverse)
-library(hrbrthemes)
-library(DT)
-library(plotly)
-library(kableExtra)
-options(knitr.table.format = "html")
-
-# Load dataset from github
-data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/3_TwoNumOrdered.csv", header=T)
-data$date <- as.Date(data$date)
-
-# Show long format
-data %>%
-  head(5) %>%
-  kable() %>%
-  kable_styling(bootstrap_options = "striped", full_width = F)
+
# Libraries
+library(tidyverse)
+library(hrbrthemes)
+library(DT)
+library(plotly)
+library(kableExtra)
+options(knitr.table.format = "html")
+
+# Load dataset from github
+data <- read.table("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/3_TwoNumOrdered.csv", header=T)
+data$date <- as.Date(data$date)
+
+# Show long format
+data %>%
+  head(5) %>%
+  kable() %>%
+  kable_styling(bootstrap_options = "striped", full_width = F)
@@ -321,147 +370,169 @@
-
-

Line plot

-
-

The most comon way to represent that kind of dataset is probably to produce a line plot. It allows to give a good overview of the bitcoin price on the period, reaching a value of 20,000 $ in december 2017.

-
data %>%
-  ggplot( aes(x=date, y=value)) +
-    geom_line(color="#69b3a2") +
-    ggtitle("Evolution of Bitcoin price") +
-    ylab("bitcoin price ($)") +
-    theme_ipsum()
+

#Line plot *** The most comon way to represent that kind of dataset +is probably to produce a line plot. It allows to give a +good overview of the bitcoin price on the period, reaching a value of +20,000 $ in december 2017.

+
data %>%
+  ggplot( aes(x=date, y=value)) +
+    geom_line(color="#69b3a2") +
+    ggtitle("Evolution of Bitcoin price") +
+    ylab("bitcoin price ($)") +
+    theme_ipsum()

-
-
-

Area chart

-
-

Even if the line chart is a very good way to convey the information, when only one variable is represented like here, the plot can appear to be slightly empty. Thus, an interesting alternative is the area chart. It is basically the same thing, except that the area between the X axis and the line is filled.

-
data %>%
-  ggplot( aes(x=date, y=value)) +
-    geom_area(fill="#69b3a2", alpha=0.5) +
-    geom_line(color="#69b3a2") +
-    ggtitle("Evolution of Bitcoin price") +
-    ylab("bitcoin price ($)") +
-    theme_ipsum()
+

#Area chart *** Even if the line chart is a very good way to convey +the information, when only one variable is represented like here, the +plot can appear to be slightly empty. Thus, an interesting alternative +is the area chart. It is basically the same thing, except +that the area between the X axis and the line is filled.

+
data %>%
+  ggplot( aes(x=date, y=value)) +
+    geom_area(fill="#69b3a2", alpha=0.5) +
+    geom_line(color="#69b3a2") +
+    ggtitle("Evolution of Bitcoin price") +
+    ylab("bitcoin price ($)") +
+    theme_ipsum()

-

Note that using the same color for the filled area and the line is often a good looking choice, with a bit more transparency for the filled area.

-
-
-

Interactivity

-
-

Using interactivity gives a great added value to your line or area chart. Indeed, it is very useful to ba able to zoom on a specific time slot of interest on the graphic. For instance, have a look to what happened in 2014: bitcoin already experienced a huge evolution, comparable to 2017 in terme of relative evolution, but not mediatised at all.

-
p <- data %>%
-  ggplot( aes(x=date, y=value)) +
-    geom_area(fill="#69b3a2", alpha=0.5) +
-    geom_line(color="#69b3a2") +
-    ggtitle("Evolution of Bitcoin price") +
-    ylab("bitcoin price ($)") +
-    theme_ipsum()
-ggplotly(p)
-
- -
-
-

Few points? Use connected scatter

-
-

If you have just a few point in your dataset, you probably want to use a connected scatterplot instead. it is basically the same thing where each individual point is represented. It greatly helps to understand when observation have been made. Let’s consider the last 10 observation of the bitcoin dataset:

-
data %>%
-  tail(10) %>%
-  ggplot( aes(x=date, y=value)) +
-    geom_area(fill="#69b3a2", alpha=0.5) +
-    geom_line(color="#69b3a2") +
-    geom_point() +
-    ggtitle("Evolution of Bitcoin price") +
-    ylab("bitcoin price ($)") +
-    theme_ipsum()
+

Note that using the same color for the filled area and the line is +often a good looking choice, with a bit more transparency for the filled +area.

+

#Interactivity *** Using interactivity gives a great added value to +your line or area chart. Indeed, it is very useful to ba able to zoom on +a specific time slot of interest on the graphic. For instance, have a +look to what happened in 2014: bitcoin already experienced a huge +evolution, comparable to 2017 in terme of relative evolution, but not +mediatised at all.

+
p <- data %>%
+  ggplot( aes(x=date, y=value)) +
+    geom_area(fill="#69b3a2", alpha=0.5) +
+    geom_line(color="#69b3a2") +
+    ggtitle("Evolution of Bitcoin price") +
+    ylab("bitcoin price ($)") +
+    theme_ipsum()
+ggplotly(p)
+
+ +

#Few points? Use connected scatter *** If you have just a few point +in your dataset, you probably want to use a connected +scatterplot instead. it is basically the same thing where each +individual point is represented. It greatly helps to understand when +observation have been made. Let’s consider the last 10 observation of +the bitcoin dataset:

+
data %>%
+  tail(10) %>%
+  ggplot( aes(x=date, y=value)) +
+    geom_area(fill="#69b3a2", alpha=0.5) +
+    geom_line(color="#69b3a2") +
+    geom_point() +
+    ggtitle("Evolution of Bitcoin price") +
+    ylab("bitcoin price ($)") +
+    theme_ipsum()

-
-
-

To cut or not to cut?

-
-

The previous chart can be a bit frustrating. It is indeed hard to study the evolution of the bitcoin in this graphic since the price ranges between 7,500 and 10,000 dollars in this period, when the Y axis ranges between 0 and 10,000. In this case, it is a good practice to cut the Y axis to zoom on the variation. This subject is subject to many debates in the dataviz community and you can read more about it in the dedicated page.

-
data %>%
-  tail(10) %>%
-  ggplot( aes(x=date, y=value)) +
-    geom_ribbon(aes(ymin=8000, ymax=value),  fill="#69b3a2", color="transparent", alpha=0.5) +
-    geom_line(color="#69b3a2") +
-    geom_point() +
-    ggtitle("Evolution of Bitcoin price") +
-    ylab("bitcoin price ($)") +
-    theme_ipsum()
+

#To cut or not to cut? *** The previous chart can be a bit +frustrating. It is indeed hard to study the evolution of the bitcoin in +this graphic since the price ranges between 7,500 and 10,000 dollars in +this period, when the Y axis ranges between 0 and 10,000. In this case, +it is a good practice to cut the Y axis to zoom on the variation. This +subject is subject to many debates in the dataviz community and you can +read more about it in the dedicated page.

+
data %>%
+  tail(10) %>%
+  ggplot( aes(x=date, y=value)) +
+    geom_ribbon(aes(ymin=8000, ymax=value),  fill="#69b3a2", color="transparent", alpha=0.5) +
+    geom_line(color="#69b3a2") +
+    geom_point() +
+    ggtitle("Evolution of Bitcoin price") +
+    ylab("bitcoin price ($)") +
+    theme_ipsum()

-
-
-

Comparing to a limit

-
-

Sometimes one can be interested in comparing the value to a specific threshold. In this case, you can fill the area depending on this threshold, with 2 different colors depending if the value is over or below the threshold:

-
data %>%
-  tail(300) %>%
-  mutate( mycolor=ifelse(value>7500, "yes", "no")) %>%
-  ggplot( aes(x=date, y=value)) +
-    geom_ribbon(aes(ymin=7500, ymax=value, fill=mycolor), color="black", alpha=0.5) +
-    scale_fill_manual(values=c("#69b3a2","#271569")) +
-    ggtitle("Evolution of Bitcoin price") +
-    ylab("bitcoin price ($)") +
-    theme_ipsum() +
-    theme(legend.position="none")
+

#Comparing to a limit *** Sometimes one can be interested in +comparing the value to a specific threshold. In this case, you can fill +the area depending on this threshold, with 2 different colors depending +if the value is over or below the threshold:

+
data %>%
+  tail(300) %>%
+  mutate( mycolor=ifelse(value>7500, "yes", "no")) %>%
+  ggplot( aes(x=date, y=value)) +
+    geom_ribbon(aes(ymin=7500, ymax=value, fill=mycolor), color="black", alpha=0.5) +
+    scale_fill_manual(values=c("#69b3a2","#271569")) +
+    ggtitle("Evolution of Bitcoin price") +
+    ylab("bitcoin price ($)") +
+    theme_ipsum() +
+    theme(legend.position="none")

-

Note: this graphic is imperfect and must be improved (don’t understand the behavior of geom_ribbon)

-
- - - -

Going further

-
-

You can learn more about each type of graphic presented in this story in the dedicated sections. Click the icon below:

- - - - - - - - - - - - - - - - - -
-

Comments

-
-

Any thoughts on this? Found any mistake? Have another way to show the data? Please drop me a word on Twitter or in the comment section below:

-
+

Note: this graphic is imperfect and must be improved (don’t +understand the behavior of geom_ribbon)

+ + +

Going further

+
+

+ You can learn more about each type of graphic presented in this + story in the dedicated sections. Click the icon below: +

+ + + + + + +
+
+
-
- - +
+

+ Dataviz decision tree +

+

+ Data To Viz is a + comprehensive classification of chart types organized by data + input format. Get a high-resolution version of our decision tree + delivered to your inbox now! +

+
+ +
+
+
+ High Resolution Poster +
+
- - - - - +
-  +  

A work by Yan Holtz for data-to-viz.com

@@ -484,28 +555,28 @@

Comments

gtag('config', 'UA-79254642-3'); - - -  - - - - -
- +  + + diff --git a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-2-1.png b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-2-1.png index 9a1931d..a59ea11 100644 Binary files a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-2-1.png and b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-2-1.png differ diff --git a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-3-1.png b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-3-1.png index d4f25a4..f72e636 100644 Binary files a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-3-1.png and b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-3-1.png differ diff --git a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-5-1.png b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-5-1.png index a1af2a8..6038773 100644 Binary files a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-5-1.png and b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-5-1.png differ diff --git a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-6-1.png b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-6-1.png index 64a7586..8960218 100644 Binary files a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-6-1.png and b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-6-1.png differ diff --git a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-7-1.png b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-7-1.png index 814655a..d6f251e 100644 Binary files a/story/TwoNumOrdered_files/figure-html/unnamed-chunk-7-1.png and b/story/TwoNumOrdered_files/figure-html/unnamed-chunk-7-1.png differ diff --git a/story/TwoNum_files/figure-html/unnamed-chunk-2-1.png b/story/TwoNum_files/figure-html/unnamed-chunk-2-1.png index a3f47ce..6e71504 100644 Binary files a/story/TwoNum_files/figure-html/unnamed-chunk-2-1.png and b/story/TwoNum_files/figure-html/unnamed-chunk-2-1.png differ diff --git a/story/TwoNum_files/figure-html/unnamed-chunk-3-1.png b/story/TwoNum_files/figure-html/unnamed-chunk-3-1.png index a5f7fba..c9d3b14 100644 Binary files a/story/TwoNum_files/figure-html/unnamed-chunk-3-1.png and b/story/TwoNum_files/figure-html/unnamed-chunk-3-1.png differ diff --git a/story/TwoNum_files/figure-html/unnamed-chunk-4-1.png b/story/TwoNum_files/figure-html/unnamed-chunk-4-1.png index 4944109..eb86d19 100644 Binary files a/story/TwoNum_files/figure-html/unnamed-chunk-4-1.png and b/story/TwoNum_files/figure-html/unnamed-chunk-4-1.png differ diff --git a/story/TwoNum_files/figure-html/unnamed-chunk-6-1.png b/story/TwoNum_files/figure-html/unnamed-chunk-6-1.png index 49be5df..46bff3e 100644 Binary files a/story/TwoNum_files/figure-html/unnamed-chunk-6-1.png and b/story/TwoNum_files/figure-html/unnamed-chunk-6-1.png differ diff --git a/story/TwoNum_files/figure-html/unnamed-chunk-7-1.png b/story/TwoNum_files/figure-html/unnamed-chunk-7-1.png index bd3afa6..05ec067 100644 Binary files a/story/TwoNum_files/figure-html/unnamed-chunk-7-1.png and b/story/TwoNum_files/figure-html/unnamed-chunk-7-1.png differ diff --git a/story/libs/circlepackeR-0.1/style.css b/story/libs/circlepackeR-0.1/style.css index fe7d5fd..7cacc05 100644 --- a/story/libs/circlepackeR-0.1/style.css +++ b/story/libs/circlepackeR-0.1/style.css @@ -12,10 +12,9 @@ } .circlepackeR .label { - font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; + font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; text-anchor: middle; - background: orange; - max-width: 400px; + text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff; } .circlepackeR .label, diff --git a/story/libs/d3heatmap-binding-0.9.0/d3heatmap.js b/story/libs/d3heatmap-binding-0.9.0/d3heatmap.js new file mode 100644 index 0000000..11da6ad --- /dev/null +++ b/story/libs/d3heatmap-binding-0.9.0/d3heatmap.js @@ -0,0 +1,117 @@ +HTMLWidgets.widget({ + + name: 'd3heatmap', + + type: 'output', + + initialize: function(el, width, height) { + + return { + lastTheme: null, + lastValue: null + }; + + }, + + renderValue: function(el, x, instance) { + this.doRenderValue(el, x, instance); + }, + + // Need dedicated helper function that can be called by both renderValue + // and resize. resize can't call this.renderValue because that will be + // routed to the Shiny wrapper method from htmlwidgets, which expects the + // wrapper data object, not x. + doRenderValue: function(el, x, instance) { + var self = this; + + instance.lastValue = x; + + d3v3.selectAll(".d3heatmap-tip").remove(); + + if (instance.lastTheme && instance.lastTheme != x.theme) { + d3v3.select(document.body).classed("theme-" + instance.lastTheme, false); + } + if (x.theme) { + d3v3.select(document.body).classed("theme-" + x.theme, true); + } + + el.innerHTML = ""; + + this.loadImage(x.image, function(imgData, w, h) { + + if (w !== x.matrix.dim[0] || h !== x.matrix.dim[1]) { + throw new Error("Color dimensions didn't match data dimensions") + } + + var merged = []; + for (var i = 0; i < x.matrix.data.length; i++) { + var r = imgData[i*4]; + var g = imgData[i*4+1]; + var b = imgData[i*4+2]; + var a = imgData[i*4+3]; + merged.push({ + label: x.matrix.data[i], + color: "rgba(" + [r,g,b,a/255].join(",") + ")" + }) + } + x.matrix.merged = merged; + //console.log(JSON.stringify({merged: x.matrix.merged}, null, " ")); + + var hm = heatmap(el, x, x.options); + if (window.Shiny) { + var id = el.id; + hm.on('hover', function(e) { + Shiny.onInputChange(id + '_hover', !e.data ? e.data : { + label: e.data.label, + row: x.matrix.rows[e.data.row], + col: x.matrix.cols[e.data.col] + }); + }); + /* heatmap doesn't currently send click, since it means zoom-out + hm.on('click', function(e) { + Shiny.onInputChange(id + '_click', !e.data ? e.data : { + label: e.data.label, + row: e.data.row + 1, + col: e.data.col + 1 + }); + }); + */ + } + }); + }, + + resize: function(el, width, height, instance) { + if (instance.lastValue) { + this.doRenderValue(el, instance.lastValue, instance); + } + }, + + loadImage: function(uri, callback) { + var img = new Image(); + img.onload = function() { + // Save size + w = img.width; + h = img.height; + + // Create a dummy canvas to extract the image data + var imgDataCanvas = document.createElement("canvas"); + imgDataCanvas.width = w; + imgDataCanvas.height = h; + imgDataCanvas.style.display = "none"; + document.body.appendChild(imgDataCanvas); + + var imgDataCtx = imgDataCanvas.getContext("2d"); + imgDataCtx.drawImage(img, 0, 0); + + // Save the image data. + imgData = imgDataCtx.getImageData(0, 0, w, h).data; + + // Done with the canvas, remove it from the page so it can be gc'd. + document.body.removeChild(imgDataCanvas); + + callback(imgData, w, h); + }; + img.src = uri; + } + +}); diff --git a/story/libs/d3heatmapcore-0.0.0/heatmapcore.css b/story/libs/d3heatmapcore-0.0.0/heatmapcore.css index 54484a4..c8d8ab6 100644 --- a/story/libs/d3heatmapcore-0.0.0/heatmapcore.css +++ b/story/libs/d3heatmapcore-0.0.0/heatmapcore.css @@ -7,7 +7,26 @@ body.theme-dark { } .theme-dark .link { } - +.title { + font-size: 2em; + position:absolute; +} +.plot_title { + text-anchor: middle; +} +.outer { + position: absolute; + width: 100%; + height: 100%; +} +.inner { + overflow: visible; + position: relative; + top: 0px; + left: 0px; + width: 100%; + height: 100%; +} .d3heatmap { position: relative; width: 820px; @@ -34,9 +53,6 @@ body.theme-dark { .d3heatmap .axis rect { cursor: pointer; } -.inner { - position: relative; -} .info { position: absolute; left: 20px; @@ -98,3 +114,84 @@ body.theme-dark { .d3heatmap-tip th, .d3heatmap-tip td { padding: 0 1px; } +.xtitle { + position: absolute; + overflow: hidden; + font-family: Ubuntu Sans, Segoe UI, Lucida Grande, sans-serif; +} +.ytitle { + position: absolute; + overflow: hidden; + font-family: Ubuntu Sans, Segoe UI, Lucida Grande, sans-serif; +} +.tick { + font-family: Helvetica; + font-size: 0.6em; + fill: black; +} +.legendbox { + stroke:#FFFFFF; + stroke-width:1px; + stroke-linecap:butt; + stroke-linejoin:miter; + stroke-opacity:0; +} +.bar { + stroke:#FFFFFF; + stroke-width:0px; + stroke-linecap:butt; + stroke-linejoin:miter; + stroke-opacity:0; + fill-opacity: 1; +} +.legend { + overflow: visible; + position: absolute; + padding: 5px 5px 5px 10px; +} +.legend_title { + position: absolute; + top: 0px; + font-family: Helvetica; + font-size: 0.7em; + font-style: italic; + text-anchor: middle; + fill: black; +} +.side_color_title { + position: absolute; + top: 0px; + font-family: Helvetica; + font-size: 1em; + font-style: italic; + text-anchor: left; + fill: black; +} +.side_colors_label { + stroke:#FFFFFF; + stroke-width:0px; + stroke-linecap:butt; + stroke-linejoin:miter; + stroke-opacity:1; +} +.row_colors_label { + position: absolute; + left: 0; + width: 50px; + height: 50%; + font-size: 1em; + font-family: Helvetica; + margin-left: 5px; +} +.col_colors_label { + position: relative; + left: 0; + top: 50%; + width: 50px; + height: 50%; + font-size: 1em; + font-family: Helvetica; + margin-left: 5px; +} + + diff --git a/story/libs/d3heatmapcore-0.0.0/heatmapcore.js b/story/libs/d3heatmapcore-0.0.0/heatmapcore.js index 513dcea..0d23258 100644 --- a/story/libs/d3heatmapcore-0.0.0/heatmapcore.js +++ b/story/libs/d3heatmapcore-0.0.0/heatmapcore.js @@ -1,11 +1,57 @@ function heatmap(selector, data, options) { // ==== BEGIN HELPERS ================================= - function htmlEscape(str) { return (str+"").replace(/&/g, "&").replace(//g, ">"); } + + function cssify(styles) { + return { + position: "absolute", + top: styles.top + "px", + left: styles.left + "px", + right: styles.right + "px", + bottom: styles.bottom + "px", + width: styles.width + "px", + height: styles.height + "px" + }; + } + + function numDigits(x) { + return String(x).replace('.', '').length; + } + function flattenMatrix(m) { + var cols = m[0].length; + var vec = []; + for (var i = 0; i < m.length; i++) { + if (m[i].length !== cols) + throw new Error("Non-rectangular matrix"); + for (var j = 0; j < m[i].length; j++) { + vec.push(m[i][j]); + } + } + return vec; + } + + d3v3.selectAll(".outer").remove(); + + // Opera 8.0+ + var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0; + // Firefox 1.0+ + var isFirefox = typeof InstallTrigger !== 'undefined'; + // At least Safari 3+: "[object HTMLElementConstructor]" + var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0; + // Internet Explorer 6-11 + var isIE = /*@cc_on!@*/false || !!document.documentMode; + // Edge 20+ + var isEdge = !isIE && !!window.StyleMedia; + // Chrome 1+ + var isChrome = !!window.chrome && !!window.chrome.webstore; + // Blink engine detection + var isBlink = (isChrome || isOpera) && !!window.CSS; + + // Given a list of widths/heights and a total width/height, provides // easy access to the absolute top/left/width/height of any individual // grid cell. Optionally, a single cell can be specified as a "fill" @@ -83,16 +129,41 @@ function heatmap(selector, data, options) { // ==== END HELPERS =================================== - var el = d3.select(selector); + var el = d3v3.select(selector); + + var outer = el.append("div").classed("outer", true); + + var innerPos = {top: 0, left: 0}; + + if(data.title){ + var main = outer.append("svg") + .classed("title", true) + .attr("height", "50") + .attr("width", "100%"); + + main.append("text") + .classed("plot_title", true) + .text(data.title) + .attr("x", "50%") + .attr("y", "50%"); - var bbox = el.node().getBoundingClientRect(); + innerPos.top = 50; + } + + if(options.rsc_cols || options.csc_cols) innerPos.left = 50; + +// var inner = outer.append("div").classed("inner", true).style({top: innerPos.top + "px", left: innerPos.left + 'px'}); + var inner = outer.append("div").classed("inner", true).style(cssify(innerPos)); + + var bbox = inner.node().getBoundingClientRect(); var Controller = function() { - this._events = d3.dispatch("highlight", "datapoint_hover", "transform"); + this._events = d3v3.dispatch("highlight", "datapoint_hover", "transform"); this._highlight = {x: null, y: null}; this._datapoint_hover = {x: null, y: null, value: null}; this._transform = null; }; + (function() { this.highlight = function(x, y) { // Copy for safety @@ -127,68 +198,252 @@ function heatmap(selector, data, options) { var controller = new Controller(); // Set option defaults - var opts = {}; - options = options || {}; + var opts = options || {}; opts.width = options.width || bbox.width; opts.height = options.height || bbox.height; - opts.xclust_height = options.xclust_height || opts.height * 0.12; - opts.yclust_width = options.yclust_width || opts.width * 0.12; opts.link_color = opts.link_color || "#AAA"; - opts.xaxis_height = options.xaxis_height || 80; - opts.yaxis_width = options.yaxis_width || 120; + // for the legend size (key size) calculate the max of the legend size and the axis, then + // take the min (so the axis will be at least the size of the key, but the key can + // be smaller + opts.xaxis_height = Math.max((options.xaxis_height || 80), (80 * options.legend_scaler)); + opts.yaxis_width = Math.max((options.yaxis_width || 120), (120 * options.legend_scaler)); opts.axis_padding = options.axis_padding || 6; - opts.show_grid = options.show_grid; if (typeof(opts.show_grid) === 'undefined') { opts.show_grid = true; } opts.brush_color = options.brush_color || "#0000FF"; - opts.xaxis_font_size = options.xaxis_font_size; - opts.yaxis_font_size = options.yaxis_font_size; - opts.anim_duration = options.anim_duration; - if (typeof(opts.anim_duration) === 'undefined') { + opts.cellnote_color = options.cellnote_color || "#888888"; + + if (typeof(opts.anim_duration) === 'undefined') { opts.anim_duration = 500; } + + if (typeof(opts.show_grid) === 'number') { + opts.spacing = opts.show_grid; + } else if (!!opts.show_grid) { + opts.spacing = 0.25; + } else { + opts.spacing = 0; + } + + // modify for presence of main title bar and for presence of xaxis title + opts.height = opts.height - innerPos.top; + + //For future user control of the side color size + //opts.ycolors_width = options.ycolors_width; + //opts.xcolors_height = options.xcolors_height; + + // Row and Side colors sizes + opts.ycolors_width = !data.rowcolors ? 0 : data.rowcolors.length * 15; + opts.xcolors_height = !data.colcolors ? 0 : data.colcolors.length * 15; + opts.leftColEl_width = opts.ycolors_width; + opts.topColEl_height = opts.xcolors_height; + opts.rightColEl_width = 0; + opts.bottomColEl_height = 0; + + // title blocks + var xaxis_title_height = opts.xaxis_title ? opts.xaxis_title_font_size * 1.5 + 5 : 0; + var yaxis_title_width = opts.yaxis_title ? opts.yaxis_title_font_size * 1.5 + 5 : 0; + + opts.xclust_height = options.xclust_height || opts.height * 0.12; + opts.yclust_width = options.yclust_width || opts.width * 0.12; + opts.topEl_height = !data.cols ? 0 : opts.xclust_height; + opts.leftEl_width = !data.rows ? 0 : opts.yclust_width; + opts.bottomEl_height = opts.xaxis_height; + opts.rightEl_width = opts.yaxis_width; + + opts.leftTitle_width = 0; + opts.rightTitle_width = yaxis_title_width; + opts.topTitle_height = 0; + opts.bottomTitle_height = xaxis_title_height; + + // adjust element dimensions if an axis location has been switched + if (opts.yaxis_location === "left") { + opts.rightEl_width = opts.leftEl_width; + opts.leftEl_width = opts.yaxis_width; + + opts.rightTitle_width = 0; + opts.leftTitle_width = yaxis_title_width; - if (!data.rows) { - opts.yclust_width = 0; + opts.leftColEl_width = 0; + opts.rightColEl_width = opts.ycolors_width; } - if (!data.cols) { - opts.xclust_height = 0; + + if (opts.xaxis_location === "top") { + opts.bottomEl_height = opts.topEl_height; + opts.topEl_height = opts.xaxis_height; + + opts.bottomTitle_height = 0; + opts.topTitle_height = xaxis_title_height; + + opts.topColEl_height = 0; + opts.bottomColEl_height = opts.xcolors_height; } + + // lastly, adjust the bounds sizes for the presence of the legend + if(opts.show_legend) { + switch (opts.legend_location) { + case "br": + opts.bottomEl_height = Math.max(opts.bottomEl_height, 80); + opts.rightEl_width = Math.max(opts.rightEl_width, 120); + break; + case "tr": + opts.topEl_height = Math.max(opts.topEl_height, 80); + opts.rightEl_width = Math.max(opts.rightEl_width, 120); + break; + case "tl": + opts.topEl_height = Math.max(opts.topEl_height, 80); + opts.leftEl_width = Math.max(opts.leftEl_width, 120); + break; + case "bl": + opts.bottomEl_height = Math.max(opts.bottomEl_height, 80); + opts.leftEl_width = Math.max(opts.leftEl_width, 120); + break; + default: + break; + } + } - var gridSizer = new GridSizer( - [opts.yclust_width, "*", opts.yaxis_width], - [opts.xclust_height, "*", opts.xaxis_height], + gridSizer = new GridSizer( + [opts.leftTitle_width, opts.leftEl_width, opts.leftColEl_width, + "*", + opts.rightColEl_width, opts.rightEl_width, opts.rightTitle_width], + [opts.topTitle_height, opts.topEl_height, opts.topColEl_height, + "*", + opts.bottomColEl_height, opts.bottomEl_height, opts.bottomTitle_height], opts.width, opts.height ); - var colormapBounds = gridSizer.getCellBounds(1, 1); - var colDendBounds = gridSizer.getCellBounds(1, 0); - var rowDendBounds = gridSizer.getCellBounds(0, 1); - var yaxisBounds = gridSizer.getCellBounds(2, 1); - var xaxisBounds = gridSizer.getCellBounds(1, 2); + // determine the bounds for all the grid partitions + var topTitleBounds = gridSizer.getCellBounds(3, 0); + var topElBounds = gridSizer.getCellBounds(3, 1); + var topColElBounds = gridSizer.getCellBounds(3, 2); + var bottomColElBounds = gridSizer.getCellBounds(3, 4); + var bottomElBounds = gridSizer.getCellBounds(3, 5); + var bottomTitleBounds = gridSizer.getCellBounds(3, 6); + + var colormapBounds = gridSizer.getCellBounds(3, 3); + + var leftTitleBounds = gridSizer.getCellBounds(0, 3); + var leftElBounds = gridSizer.getCellBounds(1, 3); + var leftColElBounds = gridSizer.getCellBounds(2, 3); + var rightColElBounds = gridSizer.getCellBounds(4, 3); + var rightElBounds = gridSizer.getCellBounds(5, 3); + var rightTitleBounds = gridSizer.getCellBounds(6, 3); + + var topLeftRowColorAxisBounds = gridSizer.getCellBounds(2,1); + var topRightRowColorAxisBounds = gridSizer.getCellBounds(4,1); + var bottomLeftRowColorAxisBounds = gridSizer.getCellBounds(2,5); + var bottomRightRowColorAxisBounds = gridSizer.getCellBounds(4,5); + + var topLeftColColorAxisBounds = gridSizer.getCellBounds(1,2); + var bottomLeftColColorAxisBounds = gridSizer.getCellBounds(1,4); + var topRightColColorAxisBounds = gridSizer.getCellBounds(5,2); + var bottomRightColColorAxisBounds = gridSizer.getCellBounds(5,4); + + // start mapping heatmap sections to the appropriate + // grid space + var colDendBounds, rowDendBounds, + colColorsBounds, rowColorsBounds, + colColorsAxisBounds, rowColorsAxisBounds, + yaxisBounds, xaxisBounds; + + if (opts.yaxis_location === "right") { + yaxisBounds = rightElBounds; + ytitleBounds = rightTitleBounds; + rowDendBounds = leftElBounds; + rowColorsBounds = leftColElBounds; + + } else { + yaxisBounds = leftElBounds; + ytitleBounds = leftTitleBounds; + rowDendBounds = rightElBounds; + rowColorsBounds = rightColElBounds; - function cssify(styles) { - return { - position: "absolute", - top: styles.top + "px", - left: styles.left + "px", - width: styles.width + "px", - height: styles.height + "px" - }; } + + if (opts.xaxis_location === "bottom") { + xaxisBounds = bottomElBounds; + xtitleBounds = bottomTitleBounds; + colDendBounds = topElBounds; + colColorsBounds = topColElBounds; + + } else { + xaxisBounds = topElBounds; + xtitleBounds = topTitleBounds; + colDendBounds = bottomElBounds; + colColorsBounds = bottomColElBounds; + + } + + // calculate where SideColor labels should go + if (opts.xaxis_location === "bottom" & opts.yaxis_location === "right") { + rowColorsAxisBounds = bottomLeftRowColorAxisBounds; + colColorsAxisBounds = topRightColColorAxisBounds; + + } else if (opts.xaxis_location === "bottom") { + rowColorsAxisBounds = bottomRightRowColorAxisBounds; + colColorsAxisBounds = topLeftColColorAxisBounds; + + } else if (opts.xaxis_location === "top" & + opts.yaxis_location === "right") { + rowColorsAxisBounds = topLeftRowColorAxisBounds; + colColorsAxisBounds = bottomRightColColorAxisBounds; + + } else { + rowColorsAxisBounds = topRightRowColorAxisBounds; + colColorsAxisBounds = bottomLeftColColorAxisBounds; + + } + + var legdBounds; + if(opts.show_legend) { + var legdX, legdY; + switch (opts.legend_location) { + case "br": + legdBounds = gridSizer.getCellBounds(5, 5); + break; + case "tr": + legdBounds = gridSizer.getCellBounds(5, 1); + break; + case "tl": + legdBounds = gridSizer.getCellBounds(1, 1); + break; + case "bl": + legdBounds = gridSizer.getCellBounds(1, 5); + break; + default: + legdX = opts.yaxis_location === "left" ? 1 : 5; + legdY = opts.xaxis_location === "top" ? 1 : 5; + legdBounds = gridSizer.getCellBounds(legdX, legdY); + } + } // Create DOM structure (function() { - var inner = el.append("div").classed("inner", true); - var info = inner.append("div").classed("info", true); - var colDend = inner.append("svg").classed("dendrogram colDend", true).style(cssify(colDendBounds)); - var rowDend = inner.append("svg").classed("dendrogram rowDend", true).style(cssify(rowDendBounds)); - var colmap = inner.append("svg").classed("colormap", true).style(cssify(colormapBounds)); - var xaxis = inner.append("svg").classed("axis xaxis", true).style(cssify(xaxisBounds)); + + var rowColorsLabel = !opts.rsc_cols ? null : outer.append('svg').classed('row_colors_label', true); + var colColorsLabel = !opts.csc_cols ? null : outer.append('svg').classed('col_colors_label', true); + + var legd = !opts.show_legend ? null : inner.append("svg").classed("legend", true).style(cssify(legdBounds)); + var colDend = !data.cols ? null : inner.append("svg").classed("dendrogram colDend", true).style(cssify(colDendBounds)); + var rowDend = !data.rows ? null : inner.append("svg").classed("dendrogram rowDend", true).style(cssify(rowDendBounds)); + + var rowColors = !data.rowcolors ? null : inner.append("svg").classed("rowColors", true).style(cssify(rowColorsBounds)); + var colColors = !data.colcolors ? null : inner.append("svg").classed("colColors", true).style(cssify(colColorsBounds)); + + var colColorsAxis = inner.append("svg").classed("axis colColorsAxis", true).style(cssify(colColorsAxisBounds)); + var rowColorsAxis = inner.append("svg").classed("axis rowColorsAxis", true).style(cssify(rowColorsAxisBounds)); + + var xtitle = !opts.xaxis_title ? null : inner.append("svg").classed("xtitle", true).style(cssify(xtitleBounds)); + var ytitle = !opts.yaxis_title ? null : inner.append("svg").classed("ytitle", true).style(cssify(ytitleBounds)); + + var xaxis = inner.append("svg").classed("axis xaxis", true).style(cssify(xaxisBounds)); var yaxis = inner.append("svg").classed("axis yaxis", true).style(cssify(yaxisBounds)); + var colmap = inner.append("svg").classed("colormap", true).style(cssify(colormapBounds)); + // Hack the width of the x-axis to allow x-overflow of rotated labels; the // QtWebkit viewer won't allow svg elements to overflow:visible. xaxis.style("width", (opts.width - opts.yclust_width) + "px"); @@ -212,42 +467,60 @@ function heatmap(selector, data, options) { typeof(hl.x) === 'number' || typeof(hl.y) === 'number'); }); })(); + + + var row = !data.rows ? null : dendrogram(el.select('svg.rowDend'), data.rows, false, rowDendBounds.width, rowDendBounds.height, opts.axis_padding, opts.yaxis_location === "left"); + var col = !data.cols ? null : dendrogram(el.select('svg.colDend'), data.cols, true, colDendBounds.width, colDendBounds.height, opts.axis_padding, opts.xaxis_location === "top"); + + var rowColors = !data.rowcolors ? null : rowColorLabels(el.select('svg.rowColors'), data, rowColorsBounds.width, rowColorsBounds.height, rowColorsAxisBounds.height, opts); + var colColors = !data.colcolors ? null : colColorLabels(el.select('svg.colColors'), data, colColorsBounds.width, colColorsBounds.height, colColorsAxisBounds.width, opts); + + var colormap = colormap(el.select('svg.colormap'), data.matrix, colormapBounds.width, colormapBounds.height, yaxisBounds.height); - var row = !data.rows ? null : dendrogram(el.select('svg.rowDend'), data.rows, false, rowDendBounds.width, rowDendBounds.height, opts.axis_padding); - var col = !data.cols ? null : dendrogram(el.select('svg.colDend'), data.cols, true, colDendBounds.width, colDendBounds.height, opts.axis_padding); - var colormap = colormap(el.select('svg.colormap'), data.matrix, colormapBounds.width, colormapBounds.height); - var xax = axisLabels(el.select('svg.xaxis'), data.cols || data.matrix.cols, true, xaxisBounds.width, xaxisBounds.height, opts.axis_padding); - var yax = axisLabels(el.select('svg.yaxis'), data.rows || data.matrix.rows, false, yaxisBounds.width, yaxisBounds.height, opts.axis_padding); + var xax = axisLabels(el.select('svg.xaxis'), data.cols || data.matrix.cols, true, xaxisBounds.width, xaxisBounds.height, opts.axis_padding, opts.xaxis_location); + var yax = axisLabels(el.select('svg.yaxis'), data.rows || data.matrix.rows, false, yaxisBounds.width, yaxisBounds.height, opts.axis_padding, opts.yaxis_location); - function colormap(svg, data, width, height) { + var xtitle = !opts.xaxis_title ? null : title(el.select('svg.xtitle'), opts.xaxis_title, false, xtitleBounds); + var ytitle = !opts.yaxis_title ? null : title(el.select('svg.ytitle'), opts.yaxis_title, true, ytitleBounds); + + // as an extra buffer, we'll multiply the legend size and legend scaler by 0.9 + var legend = !opts.show_legend ? null : legend(el.select('svg.legend'), data.matrix, opts, + opts.xaxis_height * options.legend_scaler * 0.9, + opts.yaxis_width * options.legend_scaler * 0.9); + + function colormap(svg, data, width, height, yaxis_height) { // Check for no data if (data.length === 0) return function() {}; - if (!opts.show_grid) { - svg.style("shape-rendering", "crispEdges"); - } + if (!opts.show_grid) { + svg.style("shape-rendering", "crispEdges"); + } var cols = data.dim[1]; var rows = data.dim[0]; var merged = data.merged; - - var x = d3.scale.linear().domain([0, cols]).range([0, width]); - var y = d3.scale.linear().domain([0, rows]).range([0, height]); - var tip = d3.tip() + var x = d3v3.scale.linear().domain([0, cols]).range([0, width]); + var y = d3v3.scale.linear().domain([0, rows]).range([0, height]); + + var tip = d3v3.tip() .attr('class', 'd3heatmap-tip') .html(function(d, i) { + var rowTitle = opts.cellnote_row ? opts.cellnote_row : opts.yaxis_title ? opts.yaxis_title : "Row"; + var colTitle = opts.cellnote_col ? opts.cellnote_col : opts.xaxis_title ? opts.xaxis_title : "Column"; return "" + - "" + - "" + - "" + + "" + + "" + + "" + "
Row" + htmlEscape(data.rows[d.row]) + "
Column" + htmlEscape(data.cols[d.col]) + "
Value" + htmlEscape(d.label) + "
" + rowTitle + "" + htmlEscape(data.rows[d.row]) + "
" + colTitle + "" + htmlEscape(data.cols[d.col]) + "
" + opts.cellnote_val + "" + htmlEscape(d.label) + "
"; }) .direction("se") .style("position", "fixed"); - var brush = d3.svg.brush() + var current_origin; + + var brush = d3v3.svg.brush() .x(x) .y(y) .clamp([true, true]) @@ -257,11 +530,12 @@ function heatmap(selector, data, options) { extent[0][1] = Math.round(extent[0][1]); extent[1][0] = Math.round(extent[1][0]); extent[1][1] = Math.round(extent[1][1]); - d3.select(this).call(brush.extent(extent)); + d3v3.select(this).call(brush.extent(extent)); }) .on('brushend', function() { if (brush.empty()) { + current_origin = [0,0]; controller.transform({ scale: [1,1], translate: [0,0], @@ -270,6 +544,7 @@ function heatmap(selector, data, options) { } else { var tf = controller.transform(); var ex = brush.extent(); + current_origin = ex[0]; var scale = [ cols / (ex[1][0] - ex[0][0]), rows / (ex[1][1] - ex[0][1]) @@ -281,7 +556,7 @@ function heatmap(selector, data, options) { controller.transform({scale: scale, translate: translate, extent: ex}); } brush.clear(); - d3.select(this).call(brush).select(".brush .extent") + d3v3.select(this).call(brush).select(".brush .extent") .style({fill: opts.brush_color, stroke: opts.brush_color}); }); @@ -295,7 +570,7 @@ function heatmap(selector, data, options) { .property("value", function(d, i) { return d.value; }) .attr("fill", function(d) { if (!d.color) { - return "transparent"; + return opts.na_color; } return d.color; }); @@ -323,16 +598,58 @@ function heatmap(selector, data, options) { .attr("width", (x(1) - x(0)) - spacing) .attr("height", (y(1) - y(0)) - spacing); } - draw(rect); + if(opts.print_values){ + var cellLabels = svg.selectAll("text").data(merged); + cellLabels.enter().append("text") + .property("colIndex", function(d, i) { return i % cols; }) .property("rowIndex", function(d, i) { return Math.floor(i / cols); }) + .property("value", function(d, i) { return d.value; }) + .text(function(d, i) { return d.label; }); + cellLabels.exit().remove(); + + function drawCellLabels(selection) { + var cellHeight = (y(1) - y(0)) - spacing; + var cellWidth = (x(1) - x(0)) - spacing; + + var leaves = data.rows || data.matrix.rows; + if (data.children) { + leaves = d3v3.layout.cluster().nodes(data) + .filter(function(x) { return !x.children; }) + .map(function(x) { return x.label + ""; }); + } else if (data.length) { + leaves = data; + } + var scale = d3v3.scale.ordinal() + .domain(leaves) + .rangeBands([0, yaxis_height]); + + // take the specified size or the minimum of the calculate y and x font sizes + var yfontSize = opts['yaxis_font_size'] || Math.min(18, Math.max(9, scale.rangeBand() - (8))); + var xfontSize = opts['xaxis_font_size'] || Math.min(18, Math.max(9, scale.rangeBand() - (11))); + + var fontSize = opts.cellnote_fontsize ? opts.cellnote_fontsize : Math.min(yfontSize, xfontSize); + + selection + .attr("x", function(d, i) { + return x(i % cols) + cellWidth/2 - 1 - ((numDigits(d.label) - 1) * fontSize/2); + }) + .attr("y", function(d, i) { + return y(Math.floor(i / cols)) + cellHeight/2 + fontSize/2; + }) + .style("font-size", fontSize + "px") + .style("fill", opts.cellnote_color); + } + drawCellLabels(cellLabels); + } + controller.on('transform.colormap', function(_) { x.range([_.translate[0], width * _.scale[0] + _.translate[0]]); y.range([_.translate[1], height * _.scale[1] + _.translate[1]]); draw(rect.transition().duration(opts.anim_duration).ease("linear")); + !opts.print_values ? null : drawCellLabels(cellLabels.transition().duration(opts.anim_duration).ease("linear")); }); - var brushG = svg.append("g") .attr('class', 'brush') .call(brush) @@ -342,9 +659,9 @@ function heatmap(selector, data, options) { tip.style("display", "block"); }) .on("mousemove", function() { - var e = d3.event; - var offsetX = d3.event.offsetX; - var offsetY = d3.event.offsetY; + var e = d3v3.event; + var offsetX = d3v3.event.offsetX; + var offsetY = d3v3.event.offsetY; if (typeof(offsetX) === "undefined") { // Firefox 38 and earlier var target = e.target || e.srcElement; @@ -355,10 +672,21 @@ function heatmap(selector, data, options) { var col = Math.floor(x.invert(offsetX)); var row = Math.floor(y.invert(offsetY)); - var label = merged[row*cols + col].label; + var label = merged[row * cols + col].label; + + var isFirefox = typeof InstallTrigger !== 'undefined'; + var origin_col = current_origin[0]; + var origin_row = current_origin[1]; + + if (isFirefox) { + col = col - origin_col; + row = row - origin_row; + label = merged[row * cols + col].label; + } + tip.show({col: col, row: row, label: label}).style({ - top: d3.event.clientY + 15 + "px", - left: d3.event.clientX + 15 + "px", + top: d3v3.event.clientY + 15 + "px", + left: d3v3.event.clientX + 15 + "px", opacity: 0.9 }); controller.datapoint_hover({col:col, row:row, label:label}); @@ -375,14 +703,29 @@ function heatmap(selector, data, options) { }); } - function axisLabels(svg, data, rotated, width, height, padding) { + function title(svg, data, rotated, bounds) { + // rotated is y, unrotated is x + svg = svg.append('g'); + + svg.append("text") + .text(data) + .attr("x", 0) + .attr("y", 0) + .attr("transform", rotated ? "translate(" + (bounds.width/2) + "," + (bounds.height/2) + "),rotate(-90)" : + "translate(" + (bounds.width/2) + "," + (bounds.height/2) + ")") + .style("font-weight", "bold") + .style("font-size", rotated ? opts.xaxis_title_font_size : opts.yaxis_title_font_size) + .style("text-anchor", "middle"); + } + + function axisLabels(svg, data, rotated, width, height, padding, axis_location) { svg = svg.append('g'); // The data variable is either cluster info, or a flat list of names. // If the former, transform it to simply a list of names. var leaves; if (data.children) { - leaves = d3.layout.cluster().nodes(data) + leaves = d3v3.layout.cluster().nodes(data) .filter(function(x) { return !x.children; }) .map(function(x) { return x.label + ""; }); } else if (data.length) { @@ -390,30 +733,47 @@ function heatmap(selector, data, options) { } // Define scale, axis - var scale = d3.scale.ordinal() + var scale = d3v3.scale.ordinal() .domain(leaves) .rangeBands([0, rotated ? width : height]); - var axis = d3.svg.axis() + var axis = d3v3.svg.axis() .scale(scale) - .orient(rotated ? "bottom" : "right") + .orient(axis_location) .outerTickSize(0) .tickPadding(padding) .tickValues(leaves); - // Create the actual axis + + // Create the actual axis var axisNodes = svg.append("g") - .attr("transform", rotated ? "translate(0," + padding + ")" : "translate(" + padding + ",0)") + .attr("transform", function() { + if (rotated) { + if (axis_location === "bottom") { + return "translate(0," + padding + ")"; + } else if (axis_location === "top") { + return "translate(0," + (xaxisBounds.height - padding) + ")"; + } + } else { + if (axis_location === "right") { + return "translate(" + padding + ",0)"; + } else if (axis_location === "left") { + return "translate(" + (yaxisBounds.width - padding) + ",0)"; + } + } + }) .call(axis); - var fontSize = opts[(rotated ? 'x' : 'y') + 'axis_font_size'] - || Math.min(18, Math.max(9, scale.rangeBand() - (rotated ? 11: 8))) + "px"; - axisNodes.selectAll("text").style("font-size", fontSize); + var yfontSize = opts['yaxis_font_size'] || Math.min(18, Math.max(9, scale.rangeBand() - (8))) + "px"; + var xfontSize = opts['xaxis_font_size'] || Math.min(18, Math.max(9, scale.rangeBand() - (11))) + "px"; + var fontSize = (rotated ? xfontSize : yfontSize); + axisNodes.selectAll("text").style("font-size", fontSize); var mouseTargets = svg.append("g") .selectAll("g").data(leaves); mouseTargets .enter() .append("g").append("rect") - .attr("transform", rotated ? "rotate(45),translate(0,0)" : "") + .attr("transform", rotated ? (axis_location === "bottom" ? "rotate(" + opts.xaxis_angle + + "),translate(0,0)": "rotate(-" + opts.xaxis_angle + "),translate(0,0)") : "") .attr("fill", "transparent") .on("click", function(d, i) { var dim = rotated ? 'x' : 'y'; @@ -426,24 +786,40 @@ function heatmap(selector, data, options) { hl[dim] = i; controller.highlight(hl); } - d3.event.stopPropagation(); + d3v3.event.stopPropagation(); }); function layoutMouseTargets(selection) { + var _h = scale.rangeBand() / (rotated ? 1.414 : 1); + var _w = rotated ? height * 1.414 * 1.2 : width; + selection .attr("transform", function(d, i) { - var x = rotated ? scale(d) + scale.rangeBand()/2 : 0; - var y = rotated ? padding + 6 : scale(d); + var x = rotated ? (axis_location === "bottom" ? scale(d) + scale.rangeBand()/2 : scale(d)) : 0; + var y = rotated ? (axis_location === "bottom" ? padding + 6 : height - _h/1.414 - padding - 6): scale(d); return "translate(" + x + "," + y + ")"; }) .selectAll("rect") - .attr("height", scale.rangeBand() / (rotated ? 1.414 : 1)) - .attr("width", rotated ? height * 1.414 * 1.2 : width); + .attr("height", _h) + .attr("width", _w); } layoutMouseTargets(mouseTargets); + var xAxisLabelOffset_x = 10 + 10 * (opts.xaxis_angle - 25)/65; + var xAxisLabelOffset_y = padding + 2 * (opts.xaxis_angle - 25)/65; + if (rotated) { axisNodes.selectAll("text") - .attr("transform", "rotate(45),translate(6, 0)") + .attr("transform", function() { + if (axis_location === "bottom") { + return "rotate(" + opts.xaxis_angle + + "),translate(" + + xAxisLabelOffset_y + ",-" + xAxisLabelOffset_x + ")"; + } else if (axis_location === "top") { + return "rotate(-" + opts.xaxis_angle + + "),translate(" + + xAxisLabelOffset_y + "," + xAxisLabelOffset_x + ")"; + } + }) .style("text-anchor", "start"); } @@ -468,7 +844,7 @@ function heatmap(selector, data, options) { tAxisNodes.call(axis); // Set text-anchor on the non-transitioned node to prevent jumpiness // in RStudio Viewer pane - axisNodes.selectAll("text").style("text-anchor", "start"); + axisNodes.selectAll("text").style("text-anchor", rotated ? "start" : axis_location === "right" ? "start" : "end"); tAxisNodes.selectAll("g") .style("opacity", function(d, i) { if (i >= _.extent[0][dim] && i < _.extent[1][dim]) { @@ -477,9 +853,7 @@ function heatmap(selector, data, options) { return 0; } }); - tAxisNodes - .selectAll("text") - .style("text-anchor", "start"); + tAxisNodes.selectAll("text").style("text-anchor", rotated ? "start" : axis_location === "right" ? "start" : "end"); mouseTargets.transition().duration(opts.anim_duration).ease('linear') .call(layoutMouseTargets) .style("opacity", function(d, i) { @@ -492,6 +866,129 @@ function heatmap(selector, data, options) { }); } + + function legend(svg, data, options, height, width) { + if (data.x.length === 0) + return function() {}; + + var breaks = options.legend_breaks, + legend_title = options.legend_title, + max = d3v3.max(breaks), + min = d3v3.min(breaks); + + // remove last item since everything above the last threshold + // gets the same color + var intervals = breaks; + // we need N+1 colors for the threshold scale + var colors = options.legend_colors; + colors.unshift(options.na_color); + + var colorscale = d3v3.scale.threshold() + .domain(intervals) + .range(colors); + + var blockwidth = width / (breaks.length - 1); + + if(options.manual_breaks) { + var legendscale = d3v3.scale.ordinal() + .domain(intervals) + .rangeBands([0, width]); + + // limit the number of ticks if there are too many + var divisor = Math.max(1, Math.floor(intervals.length / 5)); + + var xAxis = d3v3.svg.axis() + .scale(legendscale) + .tickValues(intervals.filter(function(value, index, Arr) { + return (index + 1) % divisor == 0; + })) + .tickFormat(d3v3.format(".1f")) + .orient("bottom") + .tickSize(10); + + //historgrams process thresholds differently than scales, + // so for manual breaks we need to add inifinity + intervals.push(d3v3.max(data.x)); + + } else { + var legendscale = d3v3.scale.linear() + .domain([min, max]) + .range([0, (width - blockwidth)]); + + var xAxis = d3v3.svg.axis() + .ticks(5) + .tickFormat(d3v3.format(".1f")) + .scale(legendscale) + .orient("bottom") + .tickSize(10); + + } + + if(legend_title) { + d3v3.select('.legend') + .append('text') + .classed('legend_title', true) + .text(legend_title) + .attr('x', '50%') + .attr('padding-top', '1px') + .attr("transform", "translate(0, 10)"); + } + + var legend = d3v3.select('.legend') + .append("g") + .attr("class", "legend") + .attr("transform", "translate(0, 50)") + .attr('width', '100%'); + + var histdata = d3v3.layout.histogram() + .bins(intervals)(data.x); + + var histy = d3v3.scale.linear() + .domain([0, d3v3.max(histdata, function(d) { return d.y; })]) + .range([0, height / 2]); + + var none = options.legend_type == 'none'; + var fill = options.legend_fill ? options.legend_fill : null; + + var bar = legend.selectAll(".bar") + .data(histdata) + .enter().append("rect") + .attr("class", "bar") + .attr("y", function(d) { + return(-histy(d.y)); + }) + .attr("x", function(d) { + return(legendscale(d.x)); + }) + .attr("width", blockwidth) + .attr("height", function(d) { + return(histy(d.y)) + }) + .attr("fill", function(d) { + clr = fill ? fill : colorscale(d.x); + return(clr) + }); + + legend.append("rect") + .attr("width", width) + .attr("height", none ? height/2 : 8) + .attr("fill", "transparent") + .classed("legendbox", true); + + legend.selectAll(".legend") + .data(intervals) + .enter().append("rect") + .attr("x", function(d) { return (legendscale(d)); }) + .attr("y", none ? -height/2 : 0) + .attr("height", none ? height/2 : 8) + .attr("width", blockwidth) + .attr("fill", function(d) { return(colorscale(d)); }); + + legend.call(xAxis) + .selectAll("text") + .attr("transform", "rotate(25)") + .style("text-anchor", "start"); + } function edgeStrokeWidth(node) { if (node.edgePar && node.edgePar.lwd) @@ -511,32 +1008,401 @@ function heatmap(selector, data, options) { return max; } - function dendrogram(svg, data, rotated, width, height, padding) { + function rowColorLabels(svg, data, width, height, axisHeight, options) { + svg = svg.append('g').style('overflow', 'hidden'); + d3v3.select('.rowColors'); + + var padding = options.axis_padding; + var xloc = options.xaxis_location; + var yloc = options.yaxis_location; + var flip = xloc === 'top'; + var coeff = flip ? -1 : 1; + var leftPadding = yloc === "left" ? padding : 0; + var rightPadding = yloc === "left" ? 0 : padding; + + // Convert matrix to vector + // For the sake of consistency, we'll keep rows and cols + // similar between this function and the colColorLabels, even though + // we ought to consider switching or transposing the matrix + var rows = data.rowcolors.length; + var rowcolors = flattenMatrix(data.rowcolors); + + var cols = rowcolors.length / rows; + var colnames = options.rsc_colnames; + var colors = {}; + colors.color = !options.rsc_cols ? null : + options.rsc_cols.filter(onlyUnique); + colors.label = !options.rsc_labs ? null : + options.rsc_labs.filter(onlyUnique); + + + + // populate array of named lists for fill and label + var scols = []; + for(var i = 0; i < rowcolors.length; i++) { + var datum = {}; + datum.fill = rowcolors[i]; + + // only proceed if we've explicitly defined the colors and the labels + if(colors.color) { + for(var j = 0; j < colors.color.length; j++) { + if(datum.fill === colors.color[j]) { + datum.label = colors.label[j]; + continue; + } + } + } + scols.push(datum); + } + + // if we've originally passed a character matrix, then we were able to + // extract labels and apply colors, so we can create the labels + if(colors.color) { + function onlyUnique(value, index, self) { + return self.indexOf(value) === index; + } + + var colorlabels = options.rsc_labs.filter(onlyUnique); + + // vertical ordinal colour scale + // with legend + var collabels = d3v3.select('.row_colors_label') + + var labscale = d3v3.scale.ordinal() + .domain(colors.label) + .range(colors.color) + + var legendheight = 15 * colors.label.length; + + // Color scale + var colorscale_legendscale = d3v3.scale.ordinal() + .domain(colors.label) // legend + .rangeRoundBands([0, legendheight]); // height (px) + + var yAxis = d3v3.svg.axis() + .scale(colorscale_legendscale) + .orient("right") + .tickSize(7) + + // Color ramp: bricks + collabels.selectAll(".colorscale_key") + .data(colors.label) + .enter().append("rect") + .attr("class", "side_colors_label") + .attr("width", 8) + .attr('x', 0) + .attr("height", function(d) { + return (colorscale_legendscale.rangeBand()); + }) + .attr("y", function(d) { + return (colorscale_legendscale(d) +"px"); + }) + .attr('fill', function(d) { return labscale(d); }); + + collabels.call(yAxis); + } + + var x = d3v3.scale.linear() + .domain([0, rows]) + .range([0 + leftPadding, width - rightPadding]); + var y = d3v3.scale.linear() + .domain([0, cols]) + .range([0, height]); + + var rect = svg.selectAll("rect").data(scols); + rect.enter() + .append("rect") + .attr("fill", function(d, i) { return d.fill; }); + rect.exit() + .remove(); + + if(colnames) { + var rcaxis = d3v3.select('.rowColorsAxis').append('g'); + + var yscale = d3v3.scale.ordinal() + .domain(colnames) + .rangeBands([0, width - padding]); + + var rsc_xaxis = d3v3.svg.axis() + .scale(yscale) + .orient(xloc) + .outerTickSize(0) + .tickPadding(padding) + .tickValues(colnames); + + rcaxis.append("g") + .attr("transform", flip ? + "translate(" + leftPadding + "," + + (axisHeight - padding) + ")" : + "translate(" + leftPadding + "," + padding + ")") + .call(rsc_xaxis) + .selectAll("text") + .classed("tick", true) + .attr("transform", "rotate(" + (coeff * 90) + ")," + + "translate(12," + (-coeff * 1.1 * width/rows) + ")") + .style("text-anchor", "start") + .style("font-size", (0.8 * width / rows) + "px"); + } + + if(colors.label) { + var tooltip = d3v3.tip() + .attr('class', 'd3heatmap-tip') + .html(function(d, i) { + return "" + + "" + + "" + + "" + + "
Variable" + + htmlEscape(colnames[Math.floor(i / cols)]) + "
Row" + + htmlEscape(data.matrix.rows[i % cols]) + "
Value" + + htmlEscape(scols[i].label) + "
"; + }) + .direction("se") + .style("position", "fixed"); + + rect.call(tooltip); + rect.on("mouseover", function(d, i) { + tooltip + .show(d, i) + .style({ + top: d3v3.event.clientY + 15 + "px", + left: d3v3.event.clientX + 15 + "px", + opacity: 0.9 + }); + }) + .on("mouseleave", function() { + tooltip.hide(); + }); + } + + function draw(selection) { + selection + .attr("x", function(d, i) { return x(Math.floor(i / cols)); }) + .attr("y", function(d, i) { return y(i % cols); }) + .attr("width", x(1) - x(0) - (rows > 1 ? opts.spacing : 0)) + .attr("height", y(1) - y(0) - opts.spacing); + } + draw(rect); + + controller.on('transform.rowcolors', function(_) { + y.range([_.translate[1], height * _.scale[1] + _.translate[1]]); + draw(rect.transition().duration(opts.anim_duration).ease("linear")); + }); + } + + function colColorLabels(svg, data, width, height, axisWidth, options) { + svg = svg.append('g').style('overflow', 'hidden'); + d3v3.select('.colColors'); + + var xloc = options.xaxis_location; + var yloc = options.yaxis_location; + var padding = options.axis_padding; + var flip = options.yaxis_location === 'left'; + var coeff = flip ? -1 : 1; + var topPadding = xloc === "top" ? 0 : padding; + var bottomPadding = xloc === "top" ? padding : 0; + + // Convert matrix to vector + // For the sake of consistency, we'll keep rows and cols + // similar between this function and the rowColorLabels, even though + // we ought to consider transposing the matrix in rowColorLabels + var rows = data.colcolors.length; + var colcolors = flattenMatrix(data.colcolors); + + var cols = colcolors.length / rows; + var colnames = options.csc_colnames; + var colors = {}; + colors.color = !options.csc_cols ? null : + options.csc_cols.filter(onlyUnique); + colors.label = !options.csc_labs ? null : + options.csc_labs.filter(onlyUnique); + + // populate array of named lists for fill and label + var scols = []; + for(var i = 0; i < colcolors.length; i++) { + var datum = {}; + datum.fill = colcolors[i]; + + // only proceed if we've explicitly defined the colors and the labels + if(colors.color) { + for(var j = 0; j < colors.color.length; j++) { + if(datum.fill === colors.color[j]) { + datum.label = colors.label[j]; + continue; + } + } + } + scols.push(datum); + } + + // if we've originally passed a character matrix, then we were able to + // extract labels and apply colors, so we can create the labels + if(colors.color) { + function onlyUnique(value, index, self) { + return self.indexOf(value) === index; + } + + var colorlabels = options.csc_labs.filter(onlyUnique); + + // vertical ordinal colour scale + // with legend + var collabels = d3v3.select('.col_colors_label') + + var labscale = d3v3.scale.ordinal() + .domain(colors.label) + .range(colors.color) + + var legendheight = 15 * colors.label.length; + + // Color scale + var colorscale_legendscale = d3v3.scale.ordinal() + .domain(colors.label) // legend + .rangeRoundBands([0, legendheight]); // height (px) + + var yAxis = d3v3.svg.axis() + .scale(colorscale_legendscale) + .orient("right") + .tickSize(7) + + // Color ramp: bricks + collabels.selectAll(".colorscale_key") + .data(colorlabels) + .enter().append("rect") + .attr("class", "side_colors_label") + .attr("width", 8) + .attr('x', 0) + .attr("height", function(d) { + return (colorscale_legendscale.rangeBand()); + }) + .attr("y", function(d) { + return (colorscale_legendscale(d) +"px"); + }) + .attr('fill', function(d) { return labscale(d); }); + + collabels.call(yAxis); + } + + var x = d3v3.scale.linear() + .domain([0, cols]) + .range([0, width]); + var y = d3v3.scale.linear() + .domain([0, rows]) + .range([0 + bottomPadding, height - topPadding]); + + var rect = svg.selectAll("rect").data(scols); + rect.enter() + .append("rect") + .attr("fill", function(d, i) { return d.fill; }); + rect.exit() + .remove(); + + if(colnames) { + var ccaxis = d3v3.select('.colColorsAxis').append('g'); + + var xscale = d3v3.scale.ordinal() + .domain(colnames) + .rangeBands([0 + bottomPadding, height - topPadding]); + + var csc_xaxis = d3v3.svg.axis() + .scale(xscale) + .orient(yloc) + .outerTickSize(0) + .tickPadding(padding) + .tickValues(colnames); + + ccaxis.append("g") + .attr("transform", flip ? + "translate(" + (axisWidth - padding) + ",0)" : + "translate(" + padding + ",0)" ) + .call(csc_xaxis) + .selectAll("text") + .classed("tick", true) + .attr("transform", + "translate(" + (coeff * padding) + ",0)") + .style("text-anchor", flip ? "end" : "start") + .style("font-size", (0.8 * height / rows) + "px"); + } + + if(colors.label) { + var tooltip = d3v3.tip() + .attr('class', 'd3heatmap-tip') + .html(function(d, i) { + return "" + + "" + + "" + + "" + + "
Variable" + + htmlEscape(colnames[Math.floor(i / cols)]) + "
Col" + + htmlEscape(data.matrix.cols[i % cols]) + "
Value" + + htmlEscape(scols[i].label) + "
"; + }) + .direction("se") + .style("position", "fixed"); + + rect.call(tooltip); + rect.on("mouseover", function(d, i) { + tooltip + .show(d, i) + .style({ + top: d3v3.event.clientY + 15 + "px", + left: d3v3.event.clientX + 15 + "px", + opacity: 0.9 + }); + }) + .on("mouseleave", function() { + tooltip.hide(); + }); + } + + function draw(selection) { + selection + .attr("x", function(d, i) { return x(i % cols); }) + .attr("y", function(d, i) { return y(Math.floor(i / cols)); }) + .attr("width", x(1) - x(0) - opts.spacing) + .attr("height", y(1) - y(0) - (cols > 1 ? opts.spacing : 0)); + } + draw(rect); + + controller.on('transform.colcolors', function(_) { + x.range([_.translate[0], width * _.scale[0] + _.translate[0]]); + draw(rect.transition().duration(opts.anim_duration).ease("linear")); + }); + + } + + function dendrogram(svg, data, rotated, width, height, padding, flip) { + flip = flip || false; var topLineWidth = maxChildStrokeWidth(data, false); - var x = d3.scale.linear() + var x = d3v3.scale.linear() .domain([data.height, 0]) .range([topLineWidth/2, width-padding]); - var y = d3.scale.linear() + var y = d3v3.scale.linear() .domain([0, height]) .range([0, height]); - var cluster = d3.layout.cluster() + var cluster = d3v3.layout.cluster() .separation(function(a, b) { return 1; }) .size([rotated ? width : height, NaN]); - - var transform = "translate(1,0)"; + + var transform; if (rotated) { // Flip dendrogram vertically x.range([topLineWidth/2, -height+padding+2]); // Rotate transform = "rotate(-90) translate(-2,0)"; - } + if (flip) transform = "rotate(-90) translate(-" + (height - 2) + ",0) scale(-1, 1)"; + + } else { + transform = "translate(1,0)"; + if (flip) transform = "translate(" + (width - 2) + ",0) scale(-1, 1)"; + + } var dendrG = svg .attr("width", width) .attr("height", height) - .append("g") + .append("g") .attr("transform", transform); var nodes = cluster.nodes(data), @@ -617,20 +1483,20 @@ function heatmap(selector, data, options) { } - var dispatcher = d3.dispatch('hover', 'click'); + var dispatcher = d3v3.dispatch('hover', 'click'); controller.on("datapoint_hover", function(_) { dispatcher.hover({data: _}); }); function on_col_label_mouseenter(e) { - controller.highlight(+d3.select(this).attr("index"), null); + controller.highlight(+d3v3.select(this).attr("index"), null); } function on_col_label_mouseleave(e) { controller.highlight(null, null); } function on_row_label_mouseenter(e) { - controller.highlight(null, +d3.select(this).attr("index")); + controller.highlight(null, +d3v3.select(this).attr("index")); } function on_row_label_mouseleave(e) { controller.highlight(null, null); diff --git a/story/libs/d3v3-3.5.3/CONTRIBUTING.md b/story/libs/d3v3-3.5.3/CONTRIBUTING.md new file mode 100644 index 0000000..76126d5 --- /dev/null +++ b/story/libs/d3v3-3.5.3/CONTRIBUTING.md @@ -0,0 +1,25 @@ +# Contributing + +If you’re looking for ways to contribute, please [peruse open issues](https://github.com/mbostock/d3/issues?milestone=&page=1&state=open). The icebox is a good place to find ideas that are not currently in development. If you already have an idea, please check past issues to see whether your idea or a similar one was previously discussed. + +Before submitting a pull request, consider implementing a live example first, say using [bl.ocks.org](http://bl.ocks.org). Real-world use cases go a long way to demonstrating the usefulness of a proposed feature. The more complex a feature’s implementation, the more usefulness it should provide. Share your demo using the #d3js tag on Twitter or by sending it to the d3-js Google group. + +If your proposed feature does not involve changing core functionality, consider submitting it instead as a [D3 plugin](https://github.com/d3/d3-plugins). New core features should be for general use, whereas plugins are suitable for more specialized use cases. When in doubt, it’s easier to start with a plugin before “graduating†to core. + +To contribute new documentation or add examples to the gallery, just [edit the Wiki](https://github.com/mbostock/d3/wiki)! + +## How to Submit a Pull Request + +1. Click the “Fork†button to create your personal fork of the D3 repository. + +2. After cloning your fork of the D3 repository in the terminal, run `npm install` to install D3’s dependencies. + +3. Create a new branch for your new feature. For example: `git checkout -b my-awesome-feature`. A dedicated branch for your pull request means you can develop multiple features at the same time, and ensures that your pull request is stable even if you later decide to develop an unrelated feature. + +4. The `d3.js` and `d3.min.js` files are built from source files in the `src` directory. _Do not edit `d3.js` directly._ Instead, edit the source files, and then run `make` to build the generated files. + +5. Use `make test` to run tests and verify your changes. If you are adding a new feature, you should add new tests! If you are changing existing functionality, make sure the existing tests run, or update them as appropriate. + +6. Sign D3’s [Individual Contributor License Agreement](https://docs.google.com/forms/d/1CzjdBKtDuA8WeuFJinadx956xLQ4Xriv7-oDvXnZMaI/viewform). Unless you are submitting a trivial patch (such as fixing a typo), this form is needed to verify that you are able to contribute. + +7. Submit your pull request, and good luck! diff --git a/story/libs/d3v3-3.5.3/LICENSE b/story/libs/d3v3-3.5.3/LICENSE new file mode 100644 index 0000000..8301346 --- /dev/null +++ b/story/libs/d3v3-3.5.3/LICENSE @@ -0,0 +1,26 @@ +Copyright (c) 2010-2014, Michael Bostock +All rights reserved. + +Redistribution and use in source and binary forms, with or without +modification, are permitted provided that the following conditions are met: + +* Redistributions of source code must retain the above copyright notice, this + list of conditions and the following disclaimer. + +* Redistributions in binary form must reproduce the above copyright notice, + this list of conditions and the following disclaimer in the documentation + and/or other materials provided with the distribution. + +* The name Michael Bostock may not be used to endorse or promote products + derived from this software without specific prior written permission. + +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" +AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE +IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE +DISCLAIMED. IN NO EVENT SHALL MICHAEL BOSTOCK BE LIABLE FOR ANY DIRECT, +INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, +BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, +DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY +OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING +NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, +EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. diff --git a/story/libs/d3v3-3.5.3/README.md b/story/libs/d3v3-3.5.3/README.md new file mode 100644 index 0000000..eb334e2 --- /dev/null +++ b/story/libs/d3v3-3.5.3/README.md @@ -0,0 +1,9 @@ +# Data-Driven Documents + + + +**D3.js** is a JavaScript library for manipulating documents based on data. **D3** helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. + +Want to learn more? [See the wiki.](https://github.com/mbostock/d3/wiki) + +For examples, [see the gallery](https://github.com/mbostock/d3/wiki/Gallery) and [mbostock’s bl.ocks](http://bl.ocks.org/mbostock). diff --git a/story/libs/d3v3-3.5.3/d3v3.js b/story/libs/d3v3-3.5.3/d3v3.js new file mode 100644 index 0000000..56e0fd0 --- /dev/null +++ b/story/libs/d3v3-3.5.3/d3v3.js @@ -0,0 +1,9468 @@ +!function() { + var d3v3 = { + version: "3.5.3" + }; + if (!Date.now) Date.now = function() { + return +new Date(); + }; + var d3v3_arraySlice = [].slice, d3v3_array = function(list) { + return d3v3_arraySlice.call(list); + }; + var d3v3_document = document, d3v3_documentElement = d3v3_document.documentElement, d3v3_window = window; + try { + d3v3_array(d3v3_documentElement.childNodes)[0].nodeType; + } catch (e) { + d3v3_array = function(list) { + var i = list.length, array = new Array(i); + while (i--) array[i] = list[i]; + return array; + }; + } + try { + d3v3_document.createElement("div").style.setProperty("opacity", 0, ""); + } catch (error) { + var d3v3_element_prototype = d3v3_window.Element.prototype, d3v3_element_setAttribute = d3v3_element_prototype.setAttribute, d3v3_element_setAttributeNS = d3v3_element_prototype.setAttributeNS, d3v3_style_prototype = d3v3_window.CSSStyleDeclaration.prototype, d3v3_style_setProperty = d3v3_style_prototype.setProperty; + d3v3_element_prototype.setAttribute = function(name, value) { + d3v3_element_setAttribute.call(this, name, value + ""); + }; + d3v3_element_prototype.setAttributeNS = function(space, local, value) { + d3v3_element_setAttributeNS.call(this, space, local, value + ""); + }; + d3v3_style_prototype.setProperty = function(name, value, priority) { + d3v3_style_setProperty.call(this, name, value + "", priority); + }; + } + d3v3.ascending = d3v3_ascending; + function d3v3_ascending(a, b) { + return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN; + } + d3v3.descending = function(a, b) { + return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN; + }; + d3v3.min = function(array, f) { + var i = -1, n = array.length, a, b; + if (arguments.length === 1) { + while (++i < n) if ((b = array[i]) != null && b >= b) { + a = b; + break; + } + while (++i < n) if ((b = array[i]) != null && a > b) a = b; + } else { + while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) { + a = b; + break; + } + while (++i < n) if ((b = f.call(array, array[i], i)) != null && a > b) a = b; + } + return a; + }; + d3v3.max = function(array, f) { + var i = -1, n = array.length, a, b; + if (arguments.length === 1) { + while (++i < n) if ((b = array[i]) != null && b >= b) { + a = b; + break; + } + while (++i < n) if ((b = array[i]) != null && b > a) a = b; + } else { + while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) { + a = b; + break; + } + while (++i < n) if ((b = f.call(array, array[i], i)) != null && b > a) a = b; + } + return a; + }; + d3v3.extent = function(array, f) { + var i = -1, n = array.length, a, b, c; + if (arguments.length === 1) { + while (++i < n) if ((b = array[i]) != null && b >= b) { + a = c = b; + break; + } + while (++i < n) if ((b = array[i]) != null) { + if (a > b) a = b; + if (c < b) c = b; + } + } else { + while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) { + a = c = b; + break; + } + while (++i < n) if ((b = f.call(array, array[i], i)) != null) { + if (a > b) a = b; + if (c < b) c = b; + } + } + return [ a, c ]; + }; + function d3v3_number(x) { + return x === null ? NaN : +x; + } + function d3v3_numeric(x) { + return !isNaN(x); + } + d3v3.sum = function(array, f) { + var s = 0, n = array.length, a, i = -1; + if (arguments.length === 1) { + while (++i < n) if (d3v3_numeric(a = +array[i])) s += a; + } else { + while (++i < n) if (d3v3_numeric(a = +f.call(array, array[i], i))) s += a; + } + return s; + }; + d3v3.mean = function(array, f) { + var s = 0, n = array.length, a, i = -1, j = n; + if (arguments.length === 1) { + while (++i < n) if (d3v3_numeric(a = d3v3_number(array[i]))) s += a; else --j; + } else { + while (++i < n) if (d3v3_numeric(a = d3v3_number(f.call(array, array[i], i)))) s += a; else --j; + } + if (j) return s / j; + }; + d3v3.quantile = function(values, p) { + var H = (values.length - 1) * p + 1, h = Math.floor(H), v = +values[h - 1], e = H - h; + return e ? v + e * (values[h] - v) : v; + }; + d3v3.median = function(array, f) { + var numbers = [], n = array.length, a, i = -1; + if (arguments.length === 1) { + while (++i < n) if (d3v3_numeric(a = d3v3_number(array[i]))) numbers.push(a); + } else { + while (++i < n) if (d3v3_numeric(a = d3v3_number(f.call(array, array[i], i)))) numbers.push(a); + } + if (numbers.length) return d3v3.quantile(numbers.sort(d3v3_ascending), .5); + }; + d3v3.variance = function(array, f) { + var n = array.length, m = 0, a, d, s = 0, i = -1, j = 0; + if (arguments.length === 1) { + while (++i < n) { + if (d3v3_numeric(a = d3v3_number(array[i]))) { + d = a - m; + m += d / ++j; + s += d * (a - m); + } + } + } else { + while (++i < n) { + if (d3v3_numeric(a = d3v3_number(f.call(array, array[i], i)))) { + d = a - m; + m += d / ++j; + s += d * (a - m); + } + } + } + if (j > 1) return s / (j - 1); + }; + d3v3.deviation = function() { + var v = d3v3.variance.apply(this, arguments); + return v ? Math.sqrt(v) : v; + }; + function d3v3_bisector(compare) { + return { + left: function(a, x, lo, hi) { + if (arguments.length < 3) lo = 0; + if (arguments.length < 4) hi = a.length; + while (lo < hi) { + var mid = lo + hi >>> 1; + if (compare(a[mid], x) < 0) lo = mid + 1; else hi = mid; + } + return lo; + }, + right: function(a, x, lo, hi) { + if (arguments.length < 3) lo = 0; + if (arguments.length < 4) hi = a.length; + while (lo < hi) { + var mid = lo + hi >>> 1; + if (compare(a[mid], x) > 0) hi = mid; else lo = mid + 1; + } + return lo; + } + }; + } + var d3v3_bisect = d3v3_bisector(d3v3_ascending); + d3v3.bisectLeft = d3v3_bisect.left; + d3v3.bisect = d3v3.bisectRight = d3v3_bisect.right; + d3v3.bisector = function(f) { + return d3v3_bisector(f.length === 1 ? function(d, x) { + return d3v3_ascending(f(d), x); + } : f); + }; + d3v3.shuffle = function(array, i0, i1) { + if ((m = arguments.length) < 3) { + i1 = array.length; + if (m < 2) i0 = 0; + } + var m = i1 - i0, t, i; + while (m) { + i = Math.random() * m-- | 0; + t = array[m + i0], array[m + i0] = array[i + i0], array[i + i0] = t; + } + return array; + }; + d3v3.permute = function(array, indexes) { + var i = indexes.length, permutes = new Array(i); + while (i--) permutes[i] = array[indexes[i]]; + return permutes; + }; + d3v3.pairs = function(array) { + var i = 0, n = array.length - 1, p0, p1 = array[0], pairs = new Array(n < 0 ? 0 : n); + while (i < n) pairs[i] = [ p0 = p1, p1 = array[++i] ]; + return pairs; + }; + d3v3.zip = function() { + if (!(n = arguments.length)) return []; + for (var i = -1, m = d3v3.min(arguments, d3v3_zipLength), zips = new Array(m); ++i < m; ) { + for (var j = -1, n, zip = zips[i] = new Array(n); ++j < n; ) { + zip[j] = arguments[j][i]; + } + } + return zips; + }; + function d3v3_zipLength(d) { + return d.length; + } + d3v3.transpose = function(matrix) { + return d3v3.zip.apply(d3v3, matrix); + }; + d3v3.keys = function(map) { + var keys = []; + for (var key in map) keys.push(key); + return keys; + }; + d3v3.values = function(map) { + var values = []; + for (var key in map) values.push(map[key]); + return values; + }; + d3v3.entries = function(map) { + var entries = []; + for (var key in map) entries.push({ + key: key, + value: map[key] + }); + return entries; + }; + d3v3.merge = function(arrays) { + var n = arrays.length, m, i = -1, j = 0, merged, array; + while (++i < n) j += arrays[i].length; + merged = new Array(j); + while (--n >= 0) { + array = arrays[n]; + m = array.length; + while (--m >= 0) { + merged[--j] = array[m]; + } + } + return merged; + }; + var abs = Math.abs; + d3v3.range = function(start, stop, step) { + if (arguments.length < 3) { + step = 1; + if (arguments.length < 2) { + stop = start; + start = 0; + } + } + if ((stop - start) / step === Infinity) throw new Error("infinite range"); + var range = [], k = d3v3_range_integerScale(abs(step)), i = -1, j; + start *= k, stop *= k, step *= k; + if (step < 0) while ((j = start + step * ++i) > stop) range.push(j / k); else while ((j = start + step * ++i) < stop) range.push(j / k); + return range; + }; + function d3v3_range_integerScale(x) { + var k = 1; + while (x * k % 1) k *= 10; + return k; + } + function d3v3_class(ctor, properties) { + for (var key in properties) { + Object.defineProperty(ctor.prototype, key, { + value: properties[key], + enumerable: false + }); + } + } + d3v3.map = function(object, f) { + var map = new d3v3_Map(); + if (object instanceof d3v3_Map) { + object.forEach(function(key, value) { + map.set(key, value); + }); + } else if (Array.isArray(object)) { + var i = -1, n = object.length, o; + if (arguments.length === 1) while (++i < n) map.set(i, object[i]); else while (++i < n) map.set(f.call(object, o = object[i], i), o); + } else { + for (var key in object) map.set(key, object[key]); + } + return map; + }; + function d3v3_Map() { + this._ = Object.create(null); + } + var d3v3_map_proto = "__proto__", d3v3_map_zero = "\x00"; + d3v3_class(d3v3_Map, { + has: d3v3_map_has, + get: function(key) { + return this._[d3v3_map_escape(key)]; + }, + set: function(key, value) { + return this._[d3v3_map_escape(key)] = value; + }, + remove: d3v3_map_remove, + keys: d3v3_map_keys, + values: function() { + var values = []; + for (var key in this._) values.push(this._[key]); + return values; + }, + entries: function() { + var entries = []; + for (var key in this._) entries.push({ + key: d3v3_map_unescape(key), + value: this._[key] + }); + return entries; + }, + size: d3v3_map_size, + empty: d3v3_map_empty, + forEach: function(f) { + for (var key in this._) f.call(this, d3v3_map_unescape(key), this._[key]); + } + }); + function d3v3_map_escape(key) { + return (key += "") === d3v3_map_proto || key[0] === d3v3_map_zero ? d3v3_map_zero + key : key; + } + function d3v3_map_unescape(key) { + return (key += "")[0] === d3v3_map_zero ? key.slice(1) : key; + } + function d3v3_map_has(key) { + return d3v3_map_escape(key) in this._; + } + function d3v3_map_remove(key) { + return (key = d3v3_map_escape(key)) in this._ && delete this._[key]; + } + function d3v3_map_keys() { + var keys = []; + for (var key in this._) keys.push(d3v3_map_unescape(key)); + return keys; + } + function d3v3_map_size() { + var size = 0; + for (var key in this._) ++size; + return size; + } + function d3v3_map_empty() { + for (var key in this._) return false; + return true; + } + d3v3.nest = function() { + var nest = {}, keys = [], sortKeys = [], sortValues, rollup; + function map(mapType, array, depth) { + if (depth >= keys.length) return rollup ? rollup.call(nest, array) : sortValues ? array.sort(sortValues) : array; + var i = -1, n = array.length, key = keys[depth++], keyValue, object, setter, valuesByKey = new d3v3_Map(), values; + while (++i < n) { + if (values = valuesByKey.get(keyValue = key(object = array[i]))) { + values.push(object); + } else { + valuesByKey.set(keyValue, [ object ]); + } + } + if (mapType) { + object = mapType(); + setter = function(keyValue, values) { + object.set(keyValue, map(mapType, values, depth)); + }; + } else { + object = {}; + setter = function(keyValue, values) { + object[keyValue] = map(mapType, values, depth); + }; + } + valuesByKey.forEach(setter); + return object; + } + function entries(map, depth) { + if (depth >= keys.length) return map; + var array = [], sortKey = sortKeys[depth++]; + map.forEach(function(key, keyMap) { + array.push({ + key: key, + values: entries(keyMap, depth) + }); + }); + return sortKey ? array.sort(function(a, b) { + return sortKey(a.key, b.key); + }) : array; + } + nest.map = function(array, mapType) { + return map(mapType, array, 0); + }; + nest.entries = function(array) { + return entries(map(d3v3.map, array, 0), 0); + }; + nest.key = function(d) { + keys.push(d); + return nest; + }; + nest.sortKeys = function(order) { + sortKeys[keys.length - 1] = order; + return nest; + }; + nest.sortValues = function(order) { + sortValues = order; + return nest; + }; + nest.rollup = function(f) { + rollup = f; + return nest; + }; + return nest; + }; + d3v3.set = function(array) { + var set = new d3v3_Set(); + if (array) for (var i = 0, n = array.length; i < n; ++i) set.add(array[i]); + return set; + }; + function d3v3_Set() { + this._ = Object.create(null); + } + d3v3_class(d3v3_Set, { + has: d3v3_map_has, + add: function(key) { + this._[d3v3_map_escape(key += "")] = true; + return key; + }, + remove: d3v3_map_remove, + values: d3v3_map_keys, + size: d3v3_map_size, + empty: d3v3_map_empty, + forEach: function(f) { + for (var key in this._) f.call(this, d3v3_map_unescape(key)); + } + }); + d3v3.behavior = {}; + d3v3.rebind = function(target, source) { + var i = 1, n = arguments.length, method; + while (++i < n) target[method = arguments[i]] = d3v3_rebind(target, source, source[method]); + return target; + }; + function d3v3_rebind(target, source, method) { + return function() { + var value = method.apply(source, arguments); + return value === source ? target : value; + }; + } + function d3v3_vendorSymbol(object, name) { + if (name in object) return name; + name = name.charAt(0).toUpperCase() + name.slice(1); + for (var i = 0, n = d3v3_vendorPrefixes.length; i < n; ++i) { + var prefixName = d3v3_vendorPrefixes[i] + name; + if (prefixName in object) return prefixName; + } + } + var d3v3_vendorPrefixes = [ "webkit", "ms", "moz", "Moz", "o", "O" ]; + function d3v3_noop() {} + d3v3.dispatch = function() { + var dispatch = new d3v3_dispatch(), i = -1, n = arguments.length; + while (++i < n) dispatch[arguments[i]] = d3v3_dispatch_event(dispatch); + return dispatch; + }; + function d3v3_dispatch() {} + d3v3_dispatch.prototype.on = function(type, listener) { + var i = type.indexOf("."), name = ""; + if (i >= 0) { + name = type.slice(i + 1); + type = type.slice(0, i); + } + if (type) return arguments.length < 2 ? this[type].on(name) : this[type].on(name, listener); + if (arguments.length === 2) { + if (listener == null) for (type in this) { + if (this.hasOwnProperty(type)) this[type].on(name, null); + } + return this; + } + }; + function d3v3_dispatch_event(dispatch) { + var listeners = [], listenerByName = new d3v3_Map(); + function event() { + var z = listeners, i = -1, n = z.length, l; + while (++i < n) if (l = z[i].on) l.apply(this, arguments); + return dispatch; + } + event.on = function(name, listener) { + var l = listenerByName.get(name), i; + if (arguments.length < 2) return l && l.on; + if (l) { + l.on = null; + listeners = listeners.slice(0, i = listeners.indexOf(l)).concat(listeners.slice(i + 1)); + listenerByName.remove(name); + } + if (listener) listeners.push(listenerByName.set(name, { + on: listener + })); + return dispatch; + }; + return event; + } + d3v3.event = null; + function d3v3_eventPreventDefault() { + d3v3.event.preventDefault(); + } + function d3v3_eventSource() { + var e = d3v3.event, s; + while (s = e.sourceEvent) e = s; + return e; + } + function d3v3_eventDispatch(target) { + var dispatch = new d3v3_dispatch(), i = 0, n = arguments.length; + while (++i < n) dispatch[arguments[i]] = d3v3_dispatch_event(dispatch); + dispatch.of = function(thiz, argumentz) { + return function(e1) { + try { + var e0 = e1.sourceEvent = d3v3.event; + e1.target = target; + d3v3.event = e1; + dispatch[e1.type].apply(thiz, argumentz); + } finally { + d3v3.event = e0; + } + }; + }; + return dispatch; + } + d3v3.requote = function(s) { + return s.replace(d3v3_requote_re, "\\$&"); + }; + var d3v3_requote_re = /[\\\^\$\*\+\?\|\[\]\(\)\.\{\}]/g; + var d3v3_subclass = {}.__proto__ ? function(object, prototype) { + object.__proto__ = prototype; + } : function(object, prototype) { + for (var property in prototype) object[property] = prototype[property]; + }; + function d3v3_selection(groups) { + d3v3_subclass(groups, d3v3_selectionPrototype); + return groups; + } + var d3v3_select = function(s, n) { + return n.querySelector(s); + }, d3v3_selectAll = function(s, n) { + return n.querySelectorAll(s); + }, d3v3_selectMatcher = d3v3_documentElement.matches || d3v3_documentElement[d3v3_vendorSymbol(d3v3_documentElement, "matchesSelector")], d3v3_selectMatches = function(n, s) { + return d3v3_selectMatcher.call(n, s); + }; + if (typeof Sizzle === "function") { + d3v3_select = function(s, n) { + return Sizzle(s, n)[0] || null; + }; + d3v3_selectAll = Sizzle; + d3v3_selectMatches = Sizzle.matchesSelector; + } + d3v3.selection = function() { + return d3v3_selectionRoot; + }; + var d3v3_selectionPrototype = d3v3.selection.prototype = []; + d3v3_selectionPrototype.select = function(selector) { + var subgroups = [], subgroup, subnode, group, node; + selector = d3v3_selection_selector(selector); + for (var j = -1, m = this.length; ++j < m; ) { + subgroups.push(subgroup = []); + subgroup.parentNode = (group = this[j]).parentNode; + for (var i = -1, n = group.length; ++i < n; ) { + if (node = group[i]) { + subgroup.push(subnode = selector.call(node, node.__data__, i, j)); + if (subnode && "__data__" in node) subnode.__data__ = node.__data__; + } else { + subgroup.push(null); + } + } + } + return d3v3_selection(subgroups); + }; + function d3v3_selection_selector(selector) { + return typeof selector === "function" ? selector : function() { + return d3v3_select(selector, this); + }; + } + d3v3_selectionPrototype.selectAll = function(selector) { + var subgroups = [], subgroup, node; + selector = d3v3_selection_selectorAll(selector); + for (var j = -1, m = this.length; ++j < m; ) { + for (var group = this[j], i = -1, n = group.length; ++i < n; ) { + if (node = group[i]) { + subgroups.push(subgroup = d3v3_array(selector.call(node, node.__data__, i, j))); + subgroup.parentNode = node; + } + } + } + return d3v3_selection(subgroups); + }; + function d3v3_selection_selectorAll(selector) { + return typeof selector === "function" ? selector : function() { + return d3v3_selectAll(selector, this); + }; + } + var d3v3_nsPrefix = { + svg: "http://www.w3.org/2000/svg", + xhtml: "http://www.w3.org/1999/xhtml", + xlink: "http://www.w3.org/1999/xlink", + xml: "http://www.w3.org/XML/1998/namespace", + xmlns: "http://www.w3.org/2000/xmlns/" + }; + d3v3.ns = { + prefix: d3v3_nsPrefix, + qualify: function(name) { + var i = name.indexOf(":"), prefix = name; + if (i >= 0) { + prefix = name.slice(0, i); + name = name.slice(i + 1); + } + return d3v3_nsPrefix.hasOwnProperty(prefix) ? { + space: d3v3_nsPrefix[prefix], + local: name + } : name; + } + }; + d3v3_selectionPrototype.attr = function(name, value) { + if (arguments.length < 2) { + if (typeof name === "string") { + var node = this.node(); + name = d3v3.ns.qualify(name); + return name.local ? node.getAttributeNS(name.space, name.local) : node.getAttribute(name); + } + for (value in name) this.each(d3v3_selection_attr(value, name[value])); + return this; + } + return this.each(d3v3_selection_attr(name, value)); + }; + function d3v3_selection_attr(name, value) { + name = d3v3.ns.qualify(name); + function attrNull() { + this.removeAttribute(name); + } + function attrNullNS() { + this.removeAttributeNS(name.space, name.local); + } + function attrConstant() { + this.setAttribute(name, value); + } + function attrConstantNS() { + this.setAttributeNS(name.space, name.local, value); + } + function attrFunction() { + var x = value.apply(this, arguments); + if (x == null) this.removeAttribute(name); else this.setAttribute(name, x); + } + function attrFunctionNS() { + var x = value.apply(this, arguments); + if (x == null) this.removeAttributeNS(name.space, name.local); else this.setAttributeNS(name.space, name.local, x); + } + return value == null ? name.local ? attrNullNS : attrNull : typeof value === "function" ? name.local ? attrFunctionNS : attrFunction : name.local ? attrConstantNS : attrConstant; + } + function d3v3_collapse(s) { + return s.trim().replace(/\s+/g, " "); + } + d3v3_selectionPrototype.classed = function(name, value) { + if (arguments.length < 2) { + if (typeof name === "string") { + var node = this.node(), n = (name = d3v3_selection_classes(name)).length, i = -1; + if (value = node.classList) { + while (++i < n) if (!value.contains(name[i])) return false; + } else { + value = node.getAttribute("class"); + while (++i < n) if (!d3v3_selection_classedRe(name[i]).test(value)) return false; + } + return true; + } + for (value in name) this.each(d3v3_selection_classed(value, name[value])); + return this; + } + return this.each(d3v3_selection_classed(name, value)); + }; + function d3v3_selection_classedRe(name) { + return new RegExp("(?:^|\\s+)" + d3v3.requote(name) + "(?:\\s+|$)", "g"); + } + function d3v3_selection_classes(name) { + return (name + "").trim().split(/^|\s+/); + } + function d3v3_selection_classed(name, value) { + name = d3v3_selection_classes(name).map(d3v3_selection_classedName); + var n = name.length; + function classedConstant() { + var i = -1; + while (++i < n) name[i](this, value); + } + function classedFunction() { + var i = -1, x = value.apply(this, arguments); + while (++i < n) name[i](this, x); + } + return typeof value === "function" ? classedFunction : classedConstant; + } + function d3v3_selection_classedName(name) { + var re = d3v3_selection_classedRe(name); + return function(node, value) { + if (c = node.classList) return value ? c.add(name) : c.remove(name); + var c = node.getAttribute("class") || ""; + if (value) { + re.lastIndex = 0; + if (!re.test(c)) node.setAttribute("class", d3v3_collapse(c + " " + name)); + } else { + node.setAttribute("class", d3v3_collapse(c.replace(re, " "))); + } + }; + } + d3v3_selectionPrototype.style = function(name, value, priority) { + var n = arguments.length; + if (n < 3) { + if (typeof name !== "string") { + if (n < 2) value = ""; + for (priority in name) this.each(d3v3_selection_style(priority, name[priority], value)); + return this; + } + if (n < 2) return d3v3_window.getComputedStyle(this.node(), null).getPropertyValue(name); + priority = ""; + } + return this.each(d3v3_selection_style(name, value, priority)); + }; + function d3v3_selection_style(name, value, priority) { + function styleNull() { + this.style.removeProperty(name); + } + function styleConstant() { + this.style.setProperty(name, value, priority); + } + function styleFunction() { + var x = value.apply(this, arguments); + if (x == null) this.style.removeProperty(name); else this.style.setProperty(name, x, priority); + } + return value == null ? styleNull : typeof value === "function" ? styleFunction : styleConstant; + } + d3v3_selectionPrototype.property = function(name, value) { + if (arguments.length < 2) { + if (typeof name === "string") return this.node()[name]; + for (value in name) this.each(d3v3_selection_property(value, name[value])); + return this; + } + return this.each(d3v3_selection_property(name, value)); + }; + function d3v3_selection_property(name, value) { + function propertyNull() { + delete this[name]; + } + function propertyConstant() { + this[name] = value; + } + function propertyFunction() { + var x = value.apply(this, arguments); + if (x == null) delete this[name]; else this[name] = x; + } + return value == null ? propertyNull : typeof value === "function" ? propertyFunction : propertyConstant; + } + d3v3_selectionPrototype.text = function(value) { + return arguments.length ? this.each(typeof value === "function" ? function() { + var v = value.apply(this, arguments); + this.textContent = v == null ? "" : v; + } : value == null ? function() { + this.textContent = ""; + } : function() { + this.textContent = value; + }) : this.node().textContent; + }; + d3v3_selectionPrototype.html = function(value) { + return arguments.length ? this.each(typeof value === "function" ? function() { + var v = value.apply(this, arguments); + this.innerHTML = v == null ? "" : v; + } : value == null ? function() { + this.innerHTML = ""; + } : function() { + this.innerHTML = value; + }) : this.node().innerHTML; + }; + d3v3_selectionPrototype.append = function(name) { + name = d3v3_selection_creator(name); + return this.select(function() { + return this.appendChild(name.apply(this, arguments)); + }); + }; + function d3v3_selection_creator(name) { + return typeof name === "function" ? name : (name = d3v3.ns.qualify(name)).local ? function() { + return this.ownerDocument.createElementNS(name.space, name.local); + } : function() { + return this.ownerDocument.createElementNS(this.namespaceURI, name); + }; + } + d3v3_selectionPrototype.insert = function(name, before) { + name = d3v3_selection_creator(name); + before = d3v3_selection_selector(before); + return this.select(function() { + return this.insertBefore(name.apply(this, arguments), before.apply(this, arguments) || null); + }); + }; + d3v3_selectionPrototype.remove = function() { + return this.each(d3v3_selectionRemove); + }; + function d3v3_selectionRemove() { + var parent = this.parentNode; + if (parent) parent.removeChild(this); + } + d3v3_selectionPrototype.data = function(value, key) { + var i = -1, n = this.length, group, node; + if (!arguments.length) { + value = new Array(n = (group = this[0]).length); + while (++i < n) { + if (node = group[i]) { + value[i] = node.__data__; + } + } + return value; + } + function bind(group, groupData) { + var i, n = group.length, m = groupData.length, n0 = Math.min(n, m), updateNodes = new Array(m), enterNodes = new Array(m), exitNodes = new Array(n), node, nodeData; + if (key) { + var nodeByKeyValue = new d3v3_Map(), keyValues = new Array(n), keyValue; + for (i = -1; ++i < n; ) { + if (nodeByKeyValue.has(keyValue = key.call(node = group[i], node.__data__, i))) { + exitNodes[i] = node; + } else { + nodeByKeyValue.set(keyValue, node); + } + keyValues[i] = keyValue; + } + for (i = -1; ++i < m; ) { + if (!(node = nodeByKeyValue.get(keyValue = key.call(groupData, nodeData = groupData[i], i)))) { + enterNodes[i] = d3v3_selection_dataNode(nodeData); + } else if (node !== true) { + updateNodes[i] = node; + node.__data__ = nodeData; + } + nodeByKeyValue.set(keyValue, true); + } + for (i = -1; ++i < n; ) { + if (nodeByKeyValue.get(keyValues[i]) !== true) { + exitNodes[i] = group[i]; + } + } + } else { + for (i = -1; ++i < n0; ) { + node = group[i]; + nodeData = groupData[i]; + if (node) { + node.__data__ = nodeData; + updateNodes[i] = node; + } else { + enterNodes[i] = d3v3_selection_dataNode(nodeData); + } + } + for (;i < m; ++i) { + enterNodes[i] = d3v3_selection_dataNode(groupData[i]); + } + for (;i < n; ++i) { + exitNodes[i] = group[i]; + } + } + enterNodes.update = updateNodes; + enterNodes.parentNode = updateNodes.parentNode = exitNodes.parentNode = group.parentNode; + enter.push(enterNodes); + update.push(updateNodes); + exit.push(exitNodes); + } + var enter = d3v3_selection_enter([]), update = d3v3_selection([]), exit = d3v3_selection([]); + if (typeof value === "function") { + while (++i < n) { + bind(group = this[i], value.call(group, group.parentNode.__data__, i)); + } + } else { + while (++i < n) { + bind(group = this[i], value); + } + } + update.enter = function() { + return enter; + }; + update.exit = function() { + return exit; + }; + return update; + }; + function d3v3_selection_dataNode(data) { + return { + __data__: data + }; + } + d3v3_selectionPrototype.datum = function(value) { + return arguments.length ? this.property("__data__", value) : this.property("__data__"); + }; + d3v3_selectionPrototype.filter = function(filter) { + var subgroups = [], subgroup, group, node; + if (typeof filter !== "function") filter = d3v3_selection_filter(filter); + for (var j = 0, m = this.length; j < m; j++) { + subgroups.push(subgroup = []); + subgroup.parentNode = (group = this[j]).parentNode; + for (var i = 0, n = group.length; i < n; i++) { + if ((node = group[i]) && filter.call(node, node.__data__, i, j)) { + subgroup.push(node); + } + } + } + return d3v3_selection(subgroups); + }; + function d3v3_selection_filter(selector) { + return function() { + return d3v3_selectMatches(this, selector); + }; + } + d3v3_selectionPrototype.order = function() { + for (var j = -1, m = this.length; ++j < m; ) { + for (var group = this[j], i = group.length - 1, next = group[i], node; --i >= 0; ) { + if (node = group[i]) { + if (next && next !== node.nextSibling) next.parentNode.insertBefore(node, next); + next = node; + } + } + } + return this; + }; + d3v3_selectionPrototype.sort = function(comparator) { + comparator = d3v3_selection_sortComparator.apply(this, arguments); + for (var j = -1, m = this.length; ++j < m; ) this[j].sort(comparator); + return this.order(); + }; + function d3v3_selection_sortComparator(comparator) { + if (!arguments.length) comparator = d3v3_ascending; + return function(a, b) { + return a && b ? comparator(a.__data__, b.__data__) : !a - !b; + }; + } + d3v3_selectionPrototype.each = function(callback) { + return d3v3_selection_each(this, function(node, i, j) { + callback.call(node, node.__data__, i, j); + }); + }; + function d3v3_selection_each(groups, callback) { + for (var j = 0, m = groups.length; j < m; j++) { + for (var group = groups[j], i = 0, n = group.length, node; i < n; i++) { + if (node = group[i]) callback(node, i, j); + } + } + return groups; + } + d3v3_selectionPrototype.call = function(callback) { + var args = d3v3_array(arguments); + callback.apply(args[0] = this, args); + return this; + }; + d3v3_selectionPrototype.empty = function() { + return !this.node(); + }; + d3v3_selectionPrototype.node = function() { + for (var j = 0, m = this.length; j < m; j++) { + for (var group = this[j], i = 0, n = group.length; i < n; i++) { + var node = group[i]; + if (node) return node; + } + } + return null; + }; + d3v3_selectionPrototype.size = function() { + var n = 0; + d3v3_selection_each(this, function() { + ++n; + }); + return n; + }; + function d3v3_selection_enter(selection) { + d3v3_subclass(selection, d3v3_selection_enterPrototype); + return selection; + } + var d3v3_selection_enterPrototype = []; + d3v3.selection.enter = d3v3_selection_enter; + d3v3.selection.enter.prototype = d3v3_selection_enterPrototype; + d3v3_selection_enterPrototype.append = d3v3_selectionPrototype.append; + d3v3_selection_enterPrototype.empty = d3v3_selectionPrototype.empty; + d3v3_selection_enterPrototype.node = d3v3_selectionPrototype.node; + d3v3_selection_enterPrototype.call = d3v3_selectionPrototype.call; + d3v3_selection_enterPrototype.size = d3v3_selectionPrototype.size; + d3v3_selection_enterPrototype.select = function(selector) { + var subgroups = [], subgroup, subnode, upgroup, group, node; + for (var j = -1, m = this.length; ++j < m; ) { + upgroup = (group = this[j]).update; + subgroups.push(subgroup = []); + subgroup.parentNode = group.parentNode; + for (var i = -1, n = group.length; ++i < n; ) { + if (node = group[i]) { + subgroup.push(upgroup[i] = subnode = selector.call(group.parentNode, node.__data__, i, j)); + subnode.__data__ = node.__data__; + } else { + subgroup.push(null); + } + } + } + return d3v3_selection(subgroups); + }; + d3v3_selection_enterPrototype.insert = function(name, before) { + if (arguments.length < 2) before = d3v3_selection_enterInsertBefore(this); + return d3v3_selectionPrototype.insert.call(this, name, before); + }; + function d3v3_selection_enterInsertBefore(enter) { + var i0, j0; + return function(d, i, j) { + var group = enter[j].update, n = group.length, node; + if (j != j0) j0 = j, i0 = 0; + if (i >= i0) i0 = i + 1; + while (!(node = group[i0]) && ++i0 < n) ; + return node; + }; + } + d3v3.select = function(node) { + var group = [ typeof node === "string" ? d3v3_select(node, d3v3_document) : node ]; + group.parentNode = d3v3_documentElement; + return d3v3_selection([ group ]); + }; + d3v3.selectAll = function(nodes) { + var group = d3v3_array(typeof nodes === "string" ? d3v3_selectAll(nodes, d3v3_document) : nodes); + group.parentNode = d3v3_documentElement; + return d3v3_selection([ group ]); + }; + var d3v3_selectionRoot = d3v3.select(d3v3_documentElement); + d3v3_selectionPrototype.on = function(type, listener, capture) { + var n = arguments.length; + if (n < 3) { + if (typeof type !== "string") { + if (n < 2) listener = false; + for (capture in type) this.each(d3v3_selection_on(capture, type[capture], listener)); + return this; + } + if (n < 2) return (n = this.node()["__on" + type]) && n._; + capture = false; + } + return this.each(d3v3_selection_on(type, listener, capture)); + }; + function d3v3_selection_on(type, listener, capture) { + var name = "__on" + type, i = type.indexOf("."), wrap = d3v3_selection_onListener; + if (i > 0) type = type.slice(0, i); + var filter = d3v3_selection_onFilters.get(type); + if (filter) type = filter, wrap = d3v3_selection_onFilter; + function onRemove() { + var l = this[name]; + if (l) { + this.removeEventListener(type, l, l.$); + delete this[name]; + } + } + function onAdd() { + var l = wrap(listener, d3v3_array(arguments)); + onRemove.call(this); + this.addEventListener(type, this[name] = l, l.$ = capture); + l._ = listener; + } + function removeAll() { + var re = new RegExp("^__on([^.]+)" + d3v3.requote(type) + "$"), match; + for (var name in this) { + if (match = name.match(re)) { + var l = this[name]; + this.removeEventListener(match[1], l, l.$); + delete this[name]; + } + } + } + return i ? listener ? onAdd : onRemove : listener ? d3v3_noop : removeAll; + } + var d3v3_selection_onFilters = d3v3.map({ + mouseenter: "mouseover", + mouseleave: "mouseout" + }); + d3v3_selection_onFilters.forEach(function(k) { + if ("on" + k in d3v3_document) d3v3_selection_onFilters.remove(k); + }); + function d3v3_selection_onListener(listener, argumentz) { + return function(e) { + var o = d3v3.event; + d3v3.event = e; + argumentz[0] = this.__data__; + try { + listener.apply(this, argumentz); + } finally { + d3v3.event = o; + } + }; + } + function d3v3_selection_onFilter(listener, argumentz) { + var l = d3v3_selection_onListener(listener, argumentz); + return function(e) { + var target = this, related = e.relatedTarget; + if (!related || related !== target && !(related.compareDocumentPosition(target) & 8)) { + l.call(target, e); + } + }; + } + var d3v3_event_dragSelect = "onselectstart" in d3v3_document ? null : d3v3_vendorSymbol(d3v3_documentElement.style, "userSelect"), d3v3_event_dragId = 0; + function d3v3_event_dragSuppress() { + var name = ".dragsuppress-" + ++d3v3_event_dragId, click = "click" + name, w = d3v3.select(d3v3_window).on("touchmove" + name, d3v3_eventPreventDefault).on("dragstart" + name, d3v3_eventPreventDefault).on("selectstart" + name, d3v3_eventPreventDefault); + if (d3v3_event_dragSelect) { + var style = d3v3_documentElement.style, select = style[d3v3_event_dragSelect]; + style[d3v3_event_dragSelect] = "none"; + } + return function(suppressClick) { + w.on(name, null); + if (d3v3_event_dragSelect) style[d3v3_event_dragSelect] = select; + if (suppressClick) { + var off = function() { + w.on(click, null); + }; + w.on(click, function() { + d3v3_eventPreventDefault(); + off(); + }, true); + setTimeout(off, 0); + } + }; + } + d3v3.mouse = function(container) { + return d3v3_mousePoint(container, d3v3_eventSource()); + }; + var d3v3_mouse_bug44083 = /WebKit/.test(d3v3_window.navigator.userAgent) ? -1 : 0; + function d3v3_mousePoint(container, e) { + if (e.changedTouches) e = e.changedTouches[0]; + var svg = container.ownerSVGElement || container; + if (svg.createSVGPoint) { + var point = svg.createSVGPoint(); + if (d3v3_mouse_bug44083 < 0 && (d3v3_window.scrollX || d3v3_window.scrollY)) { + svg = d3v3.select("body").append("svg").style({ + position: "absolute", + top: 0, + left: 0, + margin: 0, + padding: 0, + border: "none" + }, "important"); + var ctm = svg[0][0].getScreenCTM(); + d3v3_mouse_bug44083 = !(ctm.f || ctm.e); + svg.remove(); + } + if (d3v3_mouse_bug44083) point.x = e.pageX, point.y = e.pageY; else point.x = e.clientX, + point.y = e.clientY; + point = point.matrixTransform(container.getScreenCTM().inverse()); + return [ point.x, point.y ]; + } + var rect = container.getBoundingClientRect(); + return [ e.clientX - rect.left - container.clientLeft, e.clientY - rect.top - container.clientTop ]; + } + d3v3.touch = function(container, touches, identifier) { + if (arguments.length < 3) identifier = touches, touches = d3v3_eventSource().changedTouches; + if (touches) for (var i = 0, n = touches.length, touch; i < n; ++i) { + if ((touch = touches[i]).identifier === identifier) { + return d3v3_mousePoint(container, touch); + } + } + }; + d3v3.behavior.drag = function() { + var event = d3v3_eventDispatch(drag, "drag", "dragstart", "dragend"), origin = null, mousedown = dragstart(d3v3_noop, d3v3.mouse, d3v3_behavior_dragMouseSubject, "mousemove", "mouseup"), touchstart = dragstart(d3v3_behavior_dragTouchId, d3v3.touch, d3v3_behavior_dragTouchSubject, "touchmove", "touchend"); + function drag() { + this.on("mousedown.drag", mousedown).on("touchstart.drag", touchstart); + } + function dragstart(id, position, subject, move, end) { + return function() { + var that = this, target = d3v3.event.target, parent = that.parentNode, dispatch = event.of(that, arguments), dragged = 0, dragId = id(), dragName = ".drag" + (dragId == null ? "" : "-" + dragId), dragOffset, dragSubject = d3v3.select(subject()).on(move + dragName, moved).on(end + dragName, ended), dragRestore = d3v3_event_dragSuppress(), position0 = position(parent, dragId); + if (origin) { + dragOffset = origin.apply(that, arguments); + dragOffset = [ dragOffset.x - position0[0], dragOffset.y - position0[1] ]; + } else { + dragOffset = [ 0, 0 ]; + } + dispatch({ + type: "dragstart" + }); + function moved() { + var position1 = position(parent, dragId), dx, dy; + if (!position1) return; + dx = position1[0] - position0[0]; + dy = position1[1] - position0[1]; + dragged |= dx | dy; + position0 = position1; + dispatch({ + type: "drag", + x: position1[0] + dragOffset[0], + y: position1[1] + dragOffset[1], + dx: dx, + dy: dy + }); + } + function ended() { + if (!position(parent, dragId)) return; + dragSubject.on(move + dragName, null).on(end + dragName, null); + dragRestore(dragged && d3v3.event.target === target); + dispatch({ + type: "dragend" + }); + } + }; + } + drag.origin = function(x) { + if (!arguments.length) return origin; + origin = x; + return drag; + }; + return d3v3.rebind(drag, event, "on"); + }; + function d3v3_behavior_dragTouchId() { + return d3v3.event.changedTouches[0].identifier; + } + function d3v3_behavior_dragTouchSubject() { + return d3v3.event.target; + } + function d3v3_behavior_dragMouseSubject() { + return d3v3_window; + } + d3v3.touches = function(container, touches) { + if (arguments.length < 2) touches = d3v3_eventSource().touches; + return touches ? d3v3_array(touches).map(function(touch) { + var point = d3v3_mousePoint(container, touch); + point.identifier = touch.identifier; + return point; + }) : []; + }; + var e = 1e-6, e2 = e * e, p = Math.PI, t = 2 * p, te = t - e, halfp = p / 2, d3v3_radians = p / 180, d3v3_degrees = 180 / p; + function d3v3_sgn(x) { + return x > 0 ? 1 : x < 0 ? -1 : 0; + } + function d3v3_cross2d(a, b, c) { + return (b[0] - a[0]) * (c[1] - a[1]) - (b[1] - a[1]) * (c[0] - a[0]); + } + function d3v3_acos(x) { + return x > 1 ? 0 : x < -1 ? p : Math.acos(x); + } + function d3v3_asin(x) { + return x > 1 ? halfp : x < -1 ? -halfp : Math.asin(x); + } + function d3v3_sinh(x) { + return ((x = Math.exp(x)) - 1 / x) / 2; + } + function d3v3_cosh(x) { + return ((x = Math.exp(x)) + 1 / x) / 2; + } + function d3v3_tanh(x) { + return ((x = Math.exp(2 * x)) - 1) / (x + 1); + } + function d3v3_haversin(x) { + return (x = Math.sin(x / 2)) * x; + } + var ? = Math.SQRT2, ?2 = 2, ?4 = 4; + d3v3.interpolateZoom = function(p0, p1) { + var ux0 = p0[0], uy0 = p0[1], w0 = p0[2], ux1 = p1[0], uy1 = p1[1], w1 = p1[2]; + var dx = ux1 - ux0, dy = uy1 - uy0, d2 = dx * dx + dy * dy, d1 = Math.sqrt(d2), b0 = (w1 * w1 - w0 * w0 + ?4 * d2) / (2 * w0 * ?2 * d1), b1 = (w1 * w1 - w0 * w0 - ?4 * d2) / (2 * w1 * ?2 * d1), r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0), r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1), dr = r1 - r0, S = (dr || Math.log(w1 / w0)) / ?; + function interpolate(t) { + var s = t * S; + if (dr) { + var coshr0 = d3v3_cosh(r0), u = w0 / (?2 * d1) * (coshr0 * d3v3_tanh(? * s + r0) - d3v3_sinh(r0)); + return [ ux0 + u * dx, uy0 + u * dy, w0 * coshr0 / d3v3_cosh(? * s + r0) ]; + } + return [ ux0 + t * dx, uy0 + t * dy, w0 * Math.exp(? * s) ]; + } + interpolate.duration = S * 1e3; + return interpolate; + }; + d3v3.behavior.zoom = function() { + var view = { + x: 0, + y: 0, + k: 1 + }, translate0, center0, center, size = [ 960, 500 ], scaleExtent = d3v3_behavior_zoomInfinity, duration = 250, zooming = 0, mousedown = "mousedown.zoom", mousemove = "mousemove.zoom", mouseup = "mouseup.zoom", mousewheelTimer, touchstart = "touchstart.zoom", touchtime, event = d3v3_eventDispatch(zoom, "zoomstart", "zoom", "zoomend"), x0, x1, y0, y1; + function zoom(g) { + g.on(mousedown, mousedowned).on(d3v3_behavior_zoomWheel + ".zoom", mousewheeled).on("dblclick.zoom", dblclicked).on(touchstart, touchstarted); + } + zoom.event = function(g) { + g.each(function() { + var dispatch = event.of(this, arguments), view1 = view; + if (d3v3_transitionInheritId) { + d3v3.select(this).transition().each("start.zoom", function() { + view = this.__chart__ || { + x: 0, + y: 0, + k: 1 + }; + zoomstarted(dispatch); + }).tween("zoom:zoom", function() { + var dx = size[0], dy = size[1], cx = center0 ? center0[0] : dx / 2, cy = center0 ? center0[1] : dy / 2, i = d3v3.interpolateZoom([ (cx - view.x) / view.k, (cy - view.y) / view.k, dx / view.k ], [ (cx - view1.x) / view1.k, (cy - view1.y) / view1.k, dx / view1.k ]); + return function(t) { + var l = i(t), k = dx / l[2]; + this.__chart__ = view = { + x: cx - l[0] * k, + y: cy - l[1] * k, + k: k + }; + zoomed(dispatch); + }; + }).each("interrupt.zoom", function() { + zoomended(dispatch); + }).each("end.zoom", function() { + zoomended(dispatch); + }); + } else { + this.__chart__ = view; + zoomstarted(dispatch); + zoomed(dispatch); + zoomended(dispatch); + } + }); + }; + zoom.translate = function(_) { + if (!arguments.length) return [ view.x, view.y ]; + view = { + x: +_[0], + y: +_[1], + k: view.k + }; + rescale(); + return zoom; + }; + zoom.scale = function(_) { + if (!arguments.length) return view.k; + view = { + x: view.x, + y: view.y, + k: +_ + }; + rescale(); + return zoom; + }; + zoom.scaleExtent = function(_) { + if (!arguments.length) return scaleExtent; + scaleExtent = _ == null ? d3v3_behavior_zoomInfinity : [ +_[0], +_[1] ]; + return zoom; + }; + zoom.center = function(_) { + if (!arguments.length) return center; + center = _ && [ +_[0], +_[1] ]; + return zoom; + }; + zoom.size = function(_) { + if (!arguments.length) return size; + size = _ && [ +_[0], +_[1] ]; + return zoom; + }; + zoom.duration = function(_) { + if (!arguments.length) return duration; + duration = +_; + return zoom; + }; + zoom.x = function(z) { + if (!arguments.length) return x1; + x1 = z; + x0 = z.copy(); + view = { + x: 0, + y: 0, + k: 1 + }; + return zoom; + }; + zoom.y = function(z) { + if (!arguments.length) return y1; + y1 = z; + y0 = z.copy(); + view = { + x: 0, + y: 0, + k: 1 + }; + return zoom; + }; + function location(p) { + return [ (p[0] - view.x) / view.k, (p[1] - view.y) / view.k ]; + } + function point(l) { + return [ l[0] * view.k + view.x, l[1] * view.k + view.y ]; + } + function scaleTo(s) { + view.k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], s)); + } + function translateTo(p, l) { + l = point(l); + view.x += p[0] - l[0]; + view.y += p[1] - l[1]; + } + function zoomTo(that, p, l, k) { + that.__chart__ = { + x: view.x, + y: view.y, + k: view.k + }; + scaleTo(Math.pow(2, k)); + translateTo(center0 = p, l); + that = d3v3.select(that); + if (duration > 0) that = that.transition().duration(duration); + that.call(zoom.event); + } + function rescale() { + if (x1) x1.domain(x0.range().map(function(x) { + return (x - view.x) / view.k; + }).map(x0.invert)); + if (y1) y1.domain(y0.range().map(function(y) { + return (y - view.y) / view.k; + }).map(y0.invert)); + } + function zoomstarted(dispatch) { + if (!zooming++) dispatch({ + type: "zoomstart" + }); + } + function zoomed(dispatch) { + rescale(); + dispatch({ + type: "zoom", + scale: view.k, + translate: [ view.x, view.y ] + }); + } + function zoomended(dispatch) { + if (!--zooming) dispatch({ + type: "zoomend" + }); + center0 = null; + } + function mousedowned() { + var that = this, target = d3v3.event.target, dispatch = event.of(that, arguments), dragged = 0, subject = d3v3.select(d3v3_window).on(mousemove, moved).on(mouseup, ended), location0 = location(d3v3.mouse(that)), dragRestore = d3v3_event_dragSuppress(); + d3v3_selection_interrupt.call(that); + zoomstarted(dispatch); + function moved() { + dragged = 1; + translateTo(d3v3.mouse(that), location0); + zoomed(dispatch); + } + function ended() { + subject.on(mousemove, null).on(mouseup, null); + dragRestore(dragged && d3v3.event.target === target); + zoomended(dispatch); + } + } + function touchstarted() { + var that = this, dispatch = event.of(that, arguments), locations0 = {}, distance0 = 0, scale0, zoomName = ".zoom-" + d3v3.event.changedTouches[0].identifier, touchmove = "touchmove" + zoomName, touchend = "touchend" + zoomName, targets = [], subject = d3v3.select(that), dragRestore = d3v3_event_dragSuppress(); + started(); + zoomstarted(dispatch); + subject.on(mousedown, null).on(touchstart, started); + function relocate() { + var touches = d3v3.touches(that); + scale0 = view.k; + touches.forEach(function(t) { + if (t.identifier in locations0) locations0[t.identifier] = location(t); + }); + return touches; + } + function started() { + var target = d3v3.event.target; + d3v3.select(target).on(touchmove, moved).on(touchend, ended); + targets.push(target); + var changed = d3v3.event.changedTouches; + for (var i = 0, n = changed.length; i < n; ++i) { + locations0[changed[i].identifier] = null; + } + var touches = relocate(), now = Date.now(); + if (touches.length === 1) { + if (now - touchtime < 500) { + var p = touches[0]; + zoomTo(that, p, locations0[p.identifier], Math.floor(Math.log(view.k) / Math.LN2) + 1); + d3v3_eventPreventDefault(); + } + touchtime = now; + } else if (touches.length > 1) { + var p = touches[0], q = touches[1], dx = p[0] - q[0], dy = p[1] - q[1]; + distance0 = dx * dx + dy * dy; + } + } + function moved() { + var touches = d3v3.touches(that), p0, l0, p1, l1; + d3v3_selection_interrupt.call(that); + for (var i = 0, n = touches.length; i < n; ++i, l1 = null) { + p1 = touches[i]; + if (l1 = locations0[p1.identifier]) { + if (l0) break; + p0 = p1, l0 = l1; + } + } + if (l1) { + var distance1 = (distance1 = p1[0] - p0[0]) * distance1 + (distance1 = p1[1] - p0[1]) * distance1, scale1 = distance0 && Math.sqrt(distance1 / distance0); + p0 = [ (p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2 ]; + l0 = [ (l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2 ]; + scaleTo(scale1 * scale0); + } + touchtime = null; + translateTo(p0, l0); + zoomed(dispatch); + } + function ended() { + if (d3v3.event.touches.length) { + var changed = d3v3.event.changedTouches; + for (var i = 0, n = changed.length; i < n; ++i) { + delete locations0[changed[i].identifier]; + } + for (var identifier in locations0) { + return void relocate(); + } + } + d3v3.selectAll(targets).on(zoomName, null); + subject.on(mousedown, mousedowned).on(touchstart, touchstarted); + dragRestore(); + zoomended(dispatch); + } + } + function mousewheeled() { + var dispatch = event.of(this, arguments); + if (mousewheelTimer) clearTimeout(mousewheelTimer); else translate0 = location(center0 = center || d3v3.mouse(this)), + d3v3_selection_interrupt.call(this), zoomstarted(dispatch); + mousewheelTimer = setTimeout(function() { + mousewheelTimer = null; + zoomended(dispatch); + }, 50); + d3v3_eventPreventDefault(); + scaleTo(Math.pow(2, d3v3_behavior_zoomDelta() * .002) * view.k); + translateTo(center0, translate0); + zoomed(dispatch); + } + function dblclicked() { + var p = d3v3.mouse(this), k = Math.log(view.k) / Math.LN2; + zoomTo(this, p, location(p), d3v3.event.shiftKey ? Math.ceil(k) - 1 : Math.floor(k) + 1); + } + return d3v3.rebind(zoom, event, "on"); + }; + var d3v3_behavior_zoomInfinity = [ 0, Infinity ]; + var d3v3_behavior_zoomDelta, d3v3_behavior_zoomWheel = "onwheel" in d3v3_document ? (d3v3_behavior_zoomDelta = function() { + return -d3v3.event.deltaY * (d3v3.event.deltaMode ? 120 : 1); + }, "wheel") : "onmousewheel" in d3v3_document ? (d3v3_behavior_zoomDelta = function() { + return d3v3.event.wheelDelta; + }, "mousewheel") : (d3v3_behavior_zoomDelta = function() { + return -d3v3.event.detail; + }, "MozMousePixelScroll"); + d3v3.color = d3v3_color; + function d3v3_color() {} + d3v3_color.prototype.toString = function() { + return this.rgb() + ""; + }; + d3v3.hsl = d3v3_hsl; + function d3v3_hsl(h, s, l) { + return this instanceof d3v3_hsl ? void (this.h = +h, this.s = +s, this.l = +l) : arguments.length < 2 ? h instanceof d3v3_hsl ? new d3v3_hsl(h.h, h.s, h.l) : d3v3_rgb_parse("" + h, d3v3_rgb_hsl, d3v3_hsl) : new d3v3_hsl(h, s, l); + } + var d3v3_hslPrototype = d3v3_hsl.prototype = new d3v3_color(); + d3v3_hslPrototype.brighter = function(k) { + k = Math.pow(.7, arguments.length ? k : 1); + return new d3v3_hsl(this.h, this.s, this.l / k); + }; + d3v3_hslPrototype.darker = function(k) { + k = Math.pow(.7, arguments.length ? k : 1); + return new d3v3_hsl(this.h, this.s, k * this.l); + }; + d3v3_hslPrototype.rgb = function() { + return d3v3_hsl_rgb(this.h, this.s, this.l); + }; + function d3v3_hsl_rgb(h, s, l) { + var m1, m2; + h = isNaN(h) ? 0 : (h %= 360) < 0 ? h + 360 : h; + s = isNaN(s) ? 0 : s < 0 ? 0 : s > 1 ? 1 : s; + l = l < 0 ? 0 : l > 1 ? 1 : l; + m2 = l <= .5 ? l * (1 + s) : l + s - l * s; + m1 = 2 * l - m2; + function v(h) { + if (h > 360) h -= 360; else if (h < 0) h += 360; + if (h < 60) return m1 + (m2 - m1) * h / 60; + if (h < 180) return m2; + if (h < 240) return m1 + (m2 - m1) * (240 - h) / 60; + return m1; + } + function vv(h) { + return Math.round(v(h) * 255); + } + return new d3v3_rgb(vv(h + 120), vv(h), vv(h - 120)); + } + d3v3.hcl = d3v3_hcl; + function d3v3_hcl(h, c, l) { + return this instanceof d3v3_hcl ? void (this.h = +h, this.c = +c, this.l = +l) : arguments.length < 2 ? h instanceof d3v3_hcl ? new d3v3_hcl(h.h, h.c, h.l) : h instanceof d3v3_lab ? d3v3_lab_hcl(h.l, h.a, h.b) : d3v3_lab_hcl((h = d3v3_rgb_lab((h = d3v3.rgb(h)).r, h.g, h.b)).l, h.a, h.b) : new d3v3_hcl(h, c, l); + } + var d3v3_hclPrototype = d3v3_hcl.prototype = new d3v3_color(); + d3v3_hclPrototype.brighter = function(k) { + return new d3v3_hcl(this.h, this.c, Math.min(100, this.l + d3v3_lab_K * (arguments.length ? k : 1))); + }; + d3v3_hclPrototype.darker = function(k) { + return new d3v3_hcl(this.h, this.c, Math.max(0, this.l - d3v3_lab_K * (arguments.length ? k : 1))); + }; + d3v3_hclPrototype.rgb = function() { + return d3v3_hcl_lab(this.h, this.c, this.l).rgb(); + }; + function d3v3_hcl_lab(h, c, l) { + if (isNaN(h)) h = 0; + if (isNaN(c)) c = 0; + return new d3v3_lab(l, Math.cos(h *= d3v3_radians) * c, Math.sin(h) * c); + } + d3v3.lab = d3v3_lab; + function d3v3_lab(l, a, b) { + return this instanceof d3v3_lab ? void (this.l = +l, this.a = +a, this.b = +b) : arguments.length < 2 ? l instanceof d3v3_lab ? new d3v3_lab(l.l, l.a, l.b) : l instanceof d3v3_hcl ? d3v3_hcl_lab(l.h, l.c, l.l) : d3v3_rgb_lab((l = d3v3_rgb(l)).r, l.g, l.b) : new d3v3_lab(l, a, b); + } + var d3v3_lab_K = 18; + var d3v3_lab_X = .95047, d3v3_lab_Y = 1, d3v3_lab_Z = 1.08883; + var d3v3_labPrototype = d3v3_lab.prototype = new d3v3_color(); + d3v3_labPrototype.brighter = function(k) { + return new d3v3_lab(Math.min(100, this.l + d3v3_lab_K * (arguments.length ? k : 1)), this.a, this.b); + }; + d3v3_labPrototype.darker = function(k) { + return new d3v3_lab(Math.max(0, this.l - d3v3_lab_K * (arguments.length ? k : 1)), this.a, this.b); + }; + d3v3_labPrototype.rgb = function() { + return d3v3_lab_rgb(this.l, this.a, this.b); + }; + function d3v3_lab_rgb(l, a, b) { + var y = (l + 16) / 116, x = y + a / 500, z = y - b / 200; + x = d3v3_lab_xyz(x) * d3v3_lab_X; + y = d3v3_lab_xyz(y) * d3v3_lab_Y; + z = d3v3_lab_xyz(z) * d3v3_lab_Z; + return new d3v3_rgb(d3v3_xyz_rgb(3.2404542 * x - 1.5371385 * y - .4985314 * z), d3v3_xyz_rgb(-.969266 * x + 1.8760108 * y + .041556 * z), d3v3_xyz_rgb(.0556434 * x - .2040259 * y + 1.0572252 * z)); + } + function d3v3_lab_hcl(l, a, b) { + return l > 0 ? new d3v3_hcl(Math.atan2(b, a) * d3v3_degrees, Math.sqrt(a * a + b * b), l) : new d3v3_hcl(NaN, NaN, l); + } + function d3v3_lab_xyz(x) { + return x > .206893034 ? x * x * x : (x - 4 / 29) / 7.787037; + } + function d3v3_xyz_lab(x) { + return x > .008856 ? Math.pow(x, 1 / 3) : 7.787037 * x + 4 / 29; + } + function d3v3_xyz_rgb(r) { + return Math.round(255 * (r <= .00304 ? 12.92 * r : 1.055 * Math.pow(r, 1 / 2.4) - .055)); + } + d3v3.rgb = d3v3_rgb; + function d3v3_rgb(r, g, b) { + return this instanceof d3v3_rgb ? void (this.r = ~~r, this.g = ~~g, this.b = ~~b) : arguments.length < 2 ? r instanceof d3v3_rgb ? new d3v3_rgb(r.r, r.g, r.b) : d3v3_rgb_parse("" + r, d3v3_rgb, d3v3_hsl_rgb) : new d3v3_rgb(r, g, b); + } + function d3v3_rgbNumber(value) { + return new d3v3_rgb(value >> 16, value >> 8 & 255, value & 255); + } + function d3v3_rgbString(value) { + return d3v3_rgbNumber(value) + ""; + } + var d3v3_rgbPrototype = d3v3_rgb.prototype = new d3v3_color(); + d3v3_rgbPrototype.brighter = function(k) { + k = Math.pow(.7, arguments.length ? k : 1); + var r = this.r, g = this.g, b = this.b, i = 30; + if (!r && !g && !b) return new d3v3_rgb(i, i, i); + if (r && r < i) r = i; + if (g && g < i) g = i; + if (b && b < i) b = i; + return new d3v3_rgb(Math.min(255, r / k), Math.min(255, g / k), Math.min(255, b / k)); + }; + d3v3_rgbPrototype.darker = function(k) { + k = Math.pow(.7, arguments.length ? k : 1); + return new d3v3_rgb(k * this.r, k * this.g, k * this.b); + }; + d3v3_rgbPrototype.hsl = function() { + return d3v3_rgb_hsl(this.r, this.g, this.b); + }; + d3v3_rgbPrototype.toString = function() { + return "#" + d3v3_rgb_hex(this.r) + d3v3_rgb_hex(this.g) + d3v3_rgb_hex(this.b); + }; + function d3v3_rgb_hex(v) { + return v < 16 ? "0" + Math.max(0, v).toString(16) : Math.min(255, v).toString(16); + } + function d3v3_rgb_parse(format, rgb, hsl) { + var r = 0, g = 0, b = 0, m1, m2, color; + m1 = /([a-z]+)\((.*)\)/i.exec(format); + if (m1) { + m2 = m1[2].split(","); + switch (m1[1]) { + case "hsl": + { + return hsl(parseFloat(m2[0]), parseFloat(m2[1]) / 100, parseFloat(m2[2]) / 100); + } + + case "rgb": + { + return rgb(d3v3_rgb_parseNumber(m2[0]), d3v3_rgb_parseNumber(m2[1]), d3v3_rgb_parseNumber(m2[2])); + } + } + } + if (color = d3v3_rgb_names.get(format)) return rgb(color.r, color.g, color.b); + if (format != null && format.charAt(0) === "#" && !isNaN(color = parseInt(format.slice(1), 16))) { + if (format.length === 4) { + r = (color & 3840) >> 4; + r = r >> 4 | r; + g = color & 240; + g = g >> 4 | g; + b = color & 15; + b = b << 4 | b; + } else if (format.length === 7) { + r = (color & 16711680) >> 16; + g = (color & 65280) >> 8; + b = color & 255; + } + } + return rgb(r, g, b); + } + function d3v3_rgb_hsl(r, g, b) { + var min = Math.min(r /= 255, g /= 255, b /= 255), max = Math.max(r, g, b), d = max - min, h, s, l = (max + min) / 2; + if (d) { + s = l < .5 ? d / (max + min) : d / (2 - max - min); + if (r == max) h = (g - b) / d + (g < b ? 6 : 0); else if (g == max) h = (b - r) / d + 2; else h = (r - g) / d + 4; + h *= 60; + } else { + h = NaN; + s = l > 0 && l < 1 ? 0 : h; + } + return new d3v3_hsl(h, s, l); + } + function d3v3_rgb_lab(r, g, b) { + r = d3v3_rgb_xyz(r); + g = d3v3_rgb_xyz(g); + b = d3v3_rgb_xyz(b); + var x = d3v3_xyz_lab((.4124564 * r + .3575761 * g + .1804375 * b) / d3v3_lab_X), y = d3v3_xyz_lab((.2126729 * r + .7151522 * g + .072175 * b) / d3v3_lab_Y), z = d3v3_xyz_lab((.0193339 * r + .119192 * g + .9503041 * b) / d3v3_lab_Z); + return d3v3_lab(116 * y - 16, 500 * (x - y), 200 * (y - z)); + } + function d3v3_rgb_xyz(r) { + return (r /= 255) <= .04045 ? r / 12.92 : Math.pow((r + .055) / 1.055, 2.4); + } + function d3v3_rgb_parseNumber(c) { + var f = parseFloat(c); + return c.charAt(c.length - 1) === "%" ? Math.round(f * 2.55) : f; + } + var d3v3_rgb_names = d3v3.map({ + aliceblue: 15792383, + antiquewhite: 16444375, + aqua: 65535, + aquamarine: 8388564, + azure: 15794175, + beige: 16119260, + bisque: 16770244, + black: 0, + blanchedalmond: 16772045, + blue: 255, + blueviolet: 9055202, + brown: 10824234, + burlywood: 14596231, + cadetblue: 6266528, + chartreuse: 8388352, + chocolate: 13789470, + coral: 16744272, + cornflowerblue: 6591981, + cornsilk: 16775388, + crimson: 14423100, + cyan: 65535, + darkblue: 139, + darkcyan: 35723, + darkgoldenrod: 12092939, + darkgray: 11119017, + darkgreen: 25600, + darkgrey: 11119017, + darkkhaki: 12433259, + darkmagenta: 9109643, + darkolivegreen: 5597999, + darkorange: 16747520, + darkorchid: 10040012, + darkred: 9109504, + darksalmon: 15308410, + darkseagreen: 9419919, + darkslateblue: 4734347, + darkslategray: 3100495, + darkslategrey: 3100495, + darkturquoise: 52945, + darkviolet: 9699539, + deeppink: 16716947, + deepskyblue: 49151, + dimgray: 6908265, + dimgrey: 6908265, + dodgerblue: 2003199, + firebrick: 11674146, + floralwhite: 16775920, + forestgreen: 2263842, + fuchsia: 16711935, + gainsboro: 14474460, + ghostwhite: 16316671, + gold: 16766720, + goldenrod: 14329120, + gray: 8421504, + green: 32768, + greenyellow: 11403055, + grey: 8421504, + honeydew: 15794160, + hotpink: 16738740, + indianred: 13458524, + indigo: 4915330, + ivory: 16777200, + khaki: 15787660, + lavender: 15132410, + lavenderblush: 16773365, + lawngreen: 8190976, + lemonchiffon: 16775885, + lightblue: 11393254, + lightcoral: 15761536, + lightcyan: 14745599, + lightgoldenrodyellow: 16448210, + lightgray: 13882323, + lightgreen: 9498256, + lightgrey: 13882323, + lightpink: 16758465, + lightsalmon: 16752762, + lightseagreen: 2142890, + lightskyblue: 8900346, + lightslategray: 7833753, + lightslategrey: 7833753, + lightsteelblue: 11584734, + lightyellow: 16777184, + lime: 65280, + limegreen: 3329330, + linen: 16445670, + magenta: 16711935, + maroon: 8388608, + mediumaquamarine: 6737322, + mediumblue: 205, + mediumorchid: 12211667, + mediumpurple: 9662683, + mediumseagreen: 3978097, + mediumslateblue: 8087790, + mediumspringgreen: 64154, + mediumturquoise: 4772300, + mediumvioletred: 13047173, + midnightblue: 1644912, + mintcream: 16121850, + mistyrose: 16770273, + moccasin: 16770229, + navajowhite: 16768685, + navy: 128, + oldlace: 16643558, + olive: 8421376, + olivedrab: 7048739, + orange: 16753920, + orangered: 16729344, + orchid: 14315734, + palegoldenrod: 15657130, + palegreen: 10025880, + paleturquoise: 11529966, + palevioletred: 14381203, + papayawhip: 16773077, + peachpuff: 16767673, + peru: 13468991, + pink: 16761035, + plum: 14524637, + powderblue: 11591910, + purple: 8388736, + red: 16711680, + rosybrown: 12357519, + royalblue: 4286945, + saddlebrown: 9127187, + salmon: 16416882, + sandybrown: 16032864, + seagreen: 3050327, + seashell: 16774638, + sienna: 10506797, + silver: 12632256, + skyblue: 8900331, + slateblue: 6970061, + slategray: 7372944, + slategrey: 7372944, + snow: 16775930, + springgreen: 65407, + steelblue: 4620980, + tan: 13808780, + teal: 32896, + thistle: 14204888, + tomato: 16737095, + turquoise: 4251856, + violet: 15631086, + wheat: 16113331, + white: 16777215, + whitesmoke: 16119285, + yellow: 16776960, + yellowgreen: 10145074 + }); + d3v3_rgb_names.forEach(function(key, value) { + d3v3_rgb_names.set(key, d3v3_rgbNumber(value)); + }); + function d3v3_functor(v) { + return typeof v === "function" ? v : function() { + return v; + }; + } + d3v3.functor = d3v3_functor; + function d3v3_identity(d) { + return d; + } + d3v3.xhr = d3v3_xhrType(d3v3_identity); + function d3v3_xhrType(response) { + return function(url, mimeType, callback) { + if (arguments.length === 2 && typeof mimeType === "function") callback = mimeType, + mimeType = null; + return d3v3_xhr(url, mimeType, response, callback); + }; + } + function d3v3_xhr(url, mimeType, response, callback) { + var xhr = {}, dispatch = d3v3.dispatch("beforesend", "progress", "load", "error"), headers = {}, request = new XMLHttpRequest(), responseType = null; + if (d3v3_window.XDomainRequest && !("withCredentials" in request) && /^(http(s)?:)?\/\//.test(url)) request = new XDomainRequest(); + "onload" in request ? request.onload = request.onerror = respond : request.onreadystatechange = function() { + request.readyState > 3 && respond(); + }; + function respond() { + var status = request.status, result; + if (!status && d3v3_xhrHasResponse(request) || status >= 200 && status < 300 || status === 304) { + try { + result = response.call(xhr, request); + } catch (e) { + dispatch.error.call(xhr, e); + return; + } + dispatch.load.call(xhr, result); + } else { + dispatch.error.call(xhr, request); + } + } + request.onprogress = function(event) { + var o = d3v3.event; + d3v3.event = event; + try { + dispatch.progress.call(xhr, request); + } finally { + d3v3.event = o; + } + }; + xhr.header = function(name, value) { + name = (name + "").toLowerCase(); + if (arguments.length < 2) return headers[name]; + if (value == null) delete headers[name]; else headers[name] = value + ""; + return xhr; + }; + xhr.mimeType = function(value) { + if (!arguments.length) return mimeType; + mimeType = value == null ? null : value + ""; + return xhr; + }; + xhr.responseType = function(value) { + if (!arguments.length) return responseType; + responseType = value; + return xhr; + }; + xhr.response = function(value) { + response = value; + return xhr; + }; + [ "get", "post" ].forEach(function(method) { + xhr[method] = function() { + return xhr.send.apply(xhr, [ method ].concat(d3v3_array(arguments))); + }; + }); + xhr.send = function(method, data, callback) { + if (arguments.length === 2 && typeof data === "function") callback = data, data = null; + request.open(method, url, true); + if (mimeType != null && !("accept" in headers)) headers["accept"] = mimeType + ",*/*"; + if (request.setRequestHeader) for (var name in headers) request.setRequestHeader(name, headers[name]); + if (mimeType != null && request.overrideMimeType) request.overrideMimeType(mimeType); + if (responseType != null) request.responseType = responseType; + if (callback != null) xhr.on("error", callback).on("load", function(request) { + callback(null, request); + }); + dispatch.beforesend.call(xhr, request); + request.send(data == null ? null : data); + return xhr; + }; + xhr.abort = function() { + request.abort(); + return xhr; + }; + d3v3.rebind(xhr, dispatch, "on"); + return callback == null ? xhr : xhr.get(d3v3_xhr_fixCallback(callback)); + } + function d3v3_xhr_fixCallback(callback) { + return callback.length === 1 ? function(error, request) { + callback(error == null ? request : null); + } : callback; + } + function d3v3_xhrHasResponse(request) { + var type = request.responseType; + return type && type !== "text" ? request.response : request.responseText; + } + d3v3.dsv = function(delimiter, mimeType) { + var reFormat = new RegExp('["' + delimiter + "\n]"), delimiterCode = delimiter.charCodeAt(0); + function dsv(url, row, callback) { + if (arguments.length < 3) callback = row, row = null; + var xhr = d3v3_xhr(url, mimeType, row == null ? response : typedResponse(row), callback); + xhr.row = function(_) { + return arguments.length ? xhr.response((row = _) == null ? response : typedResponse(_)) : row; + }; + return xhr; + } + function response(request) { + return dsv.parse(request.responseText); + } + function typedResponse(f) { + return function(request) { + return dsv.parse(request.responseText, f); + }; + } + dsv.parse = function(text, f) { + var o; + return dsv.parseRows(text, function(row, i) { + if (o) return o(row, i - 1); + var a = new Function("d", "return {" + row.map(function(name, i) { + return JSON.stringify(name) + ": d[" + i + "]"; + }).join(",") + "}"); + o = f ? function(row, i) { + return f(a(row), i); + } : a; + }); + }; + dsv.parseRows = function(text, f) { + var EOL = {}, EOF = {}, rows = [], N = text.length, I = 0, n = 0, t, eol; + function token() { + if (I >= N) return EOF; + if (eol) return eol = false, EOL; + var j = I; + if (text.charCodeAt(j) === 34) { + var i = j; + while (i++ < N) { + if (text.charCodeAt(i) === 34) { + if (text.charCodeAt(i + 1) !== 34) break; + ++i; + } + } + I = i + 2; + var c = text.charCodeAt(i + 1); + if (c === 13) { + eol = true; + if (text.charCodeAt(i + 2) === 10) ++I; + } else if (c === 10) { + eol = true; + } + return text.slice(j + 1, i).replace(/""/g, '"'); + } + while (I < N) { + var c = text.charCodeAt(I++), k = 1; + if (c === 10) eol = true; else if (c === 13) { + eol = true; + if (text.charCodeAt(I) === 10) ++I, ++k; + } else if (c !== delimiterCode) continue; + return text.slice(j, I - k); + } + return text.slice(j); + } + while ((t = token()) !== EOF) { + var a = []; + while (t !== EOL && t !== EOF) { + a.push(t); + t = token(); + } + if (f && (a = f(a, n++)) == null) continue; + rows.push(a); + } + return rows; + }; + dsv.format = function(rows) { + if (Array.isArray(rows[0])) return dsv.formatRows(rows); + var fieldSet = new d3v3_Set(), fields = []; + rows.forEach(function(row) { + for (var field in row) { + if (!fieldSet.has(field)) { + fields.push(fieldSet.add(field)); + } + } + }); + return [ fields.map(formatValue).join(delimiter) ].concat(rows.map(function(row) { + return fields.map(function(field) { + return formatValue(row[field]); + }).join(delimiter); + })).join("\n"); + }; + dsv.formatRows = function(rows) { + return rows.map(formatRow).join("\n"); + }; + function formatRow(row) { + return row.map(formatValue).join(delimiter); + } + function formatValue(text) { + return reFormat.test(text) ? '"' + text.replace(/\"/g, '""') + '"' : text; + } + return dsv; + }; + d3v3.csv = d3v3.dsv(",", "text/csv"); + d3v3.tsv = d3v3.dsv(" ", "text/tab-separated-values"); + var d3v3_timer_queueHead, d3v3_timer_queueTail, d3v3_timer_interval, d3v3_timer_timeout, d3v3_timer_active, d3v3_timer_frame = d3v3_window[d3v3_vendorSymbol(d3v3_window, "requestAnimationFrame")] || function(callback) { + setTimeout(callback, 17); + }; + d3v3.timer = function(callback, delay, then) { + var n = arguments.length; + if (n < 2) delay = 0; + if (n < 3) then = Date.now(); + var time = then + delay, timer = { + c: callback, + t: time, + f: false, + n: null + }; + if (d3v3_timer_queueTail) d3v3_timer_queueTail.n = timer; else d3v3_timer_queueHead = timer; + d3v3_timer_queueTail = timer; + if (!d3v3_timer_interval) { + d3v3_timer_timeout = clearTimeout(d3v3_timer_timeout); + d3v3_timer_interval = 1; + d3v3_timer_frame(d3v3_timer_step); + } + }; + function d3v3_timer_step() { + var now = d3v3_timer_mark(), delay = d3v3_timer_sweep() - now; + if (delay > 24) { + if (isFinite(delay)) { + clearTimeout(d3v3_timer_timeout); + d3v3_timer_timeout = setTimeout(d3v3_timer_step, delay); + } + d3v3_timer_interval = 0; + } else { + d3v3_timer_interval = 1; + d3v3_timer_frame(d3v3_timer_step); + } + } + d3v3.timer.flush = function() { + d3v3_timer_mark(); + d3v3_timer_sweep(); + }; + function d3v3_timer_mark() { + var now = Date.now(); + d3v3_timer_active = d3v3_timer_queueHead; + while (d3v3_timer_active) { + if (now >= d3v3_timer_active.t) d3v3_timer_active.f = d3v3_timer_active.c(now - d3v3_timer_active.t); + d3v3_timer_active = d3v3_timer_active.n; + } + return now; + } + function d3v3_timer_sweep() { + var t0, t1 = d3v3_timer_queueHead, time = Infinity; + while (t1) { + if (t1.f) { + t1 = t0 ? t0.n = t1.n : d3v3_timer_queueHead = t1.n; + } else { + if (t1.t < time) time = t1.t; + t1 = (t0 = t1).n; + } + } + d3v3_timer_queueTail = t0; + return time; + } + function d3v3_format_precision(x, p) { + return p - (x ? Math.ceil(Math.log(x) / Math.LN10) : 1); + } + d3v3.round = function(x, n) { + return n ? Math.round(x * (n = Math.pow(10, n))) / n : Math.round(x); + }; + var d3v3_formatPrefixes = [ "y", "z", "a", "f", "p", "n", "µ", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y" ].map(d3v3_formatPrefix); + d3v3.formatPrefix = function(value, precision) { + var i = 0; + if (value) { + if (value < 0) value *= -1; + if (precision) value = d3v3.round(value, d3v3_format_precision(value, precision)); + i = 1 + Math.floor(1e-12 + Math.log(value) / Math.LN10); + i = Math.max(-24, Math.min(24, Math.floor((i - 1) / 3) * 3)); + } + return d3v3_formatPrefixes[8 + i / 3]; + }; + function d3v3_formatPrefix(d, i) { + var k = Math.pow(10, abs(8 - i) * 3); + return { + scale: i > 8 ? function(d) { + return d / k; + } : function(d) { + return d * k; + }, + symbol: d + }; + } + function d3v3_locale_numberFormat(locale) { + var locale_decimal = locale.decimal, locale_thousands = locale.thousands, locale_grouping = locale.grouping, locale_currency = locale.currency, formatGroup = locale_grouping && locale_thousands ? function(value, width) { + var i = value.length, t = [], j = 0, g = locale_grouping[0], length = 0; + while (i > 0 && g > 0) { + if (length + g + 1 > width) g = Math.max(1, width - length); + t.push(value.substring(i -= g, i + g)); + if ((length += g + 1) > width) break; + g = locale_grouping[j = (j + 1) % locale_grouping.length]; + } + return t.reverse().join(locale_thousands); + } : d3v3_identity; + return function(specifier) { + var match = d3v3_format_re.exec(specifier), fill = match[1] || " ", align = match[2] || ">", sign = match[3] || "-", symbol = match[4] || "", zfill = match[5], width = +match[6], comma = match[7], precision = match[8], type = match[9], scale = 1, prefix = "", suffix = "", integer = false, exponent = true; + if (precision) precision = +precision.substring(1); + if (zfill || fill === "0" && align === "=") { + zfill = fill = "0"; + align = "="; + } + switch (type) { + case "n": + comma = true; + type = "g"; + break; + + case "%": + scale = 100; + suffix = "%"; + type = "f"; + break; + + case "p": + scale = 100; + suffix = "%"; + type = "r"; + break; + + case "b": + case "o": + case "x": + case "X": + if (symbol === "#") prefix = "0" + type.toLowerCase(); + + case "c": + exponent = false; + + case "d": + integer = true; + precision = 0; + break; + + case "s": + scale = -1; + type = "r"; + break; + } + if (symbol === "$") prefix = locale_currency[0], suffix = locale_currency[1]; + if (type == "r" && !precision) type = "g"; + if (precision != null) { + if (type == "g") precision = Math.max(1, Math.min(21, precision)); else if (type == "e" || type == "f") precision = Math.max(0, Math.min(20, precision)); + } + type = d3v3_format_types.get(type) || d3v3_format_typeDefault; + var zcomma = zfill && comma; + return function(value) { + var fullSuffix = suffix; + if (integer && value % 1) return ""; + var negative = value < 0 || value === 0 && 1 / value < 0 ? (value = -value, "-") : sign === "-" ? "" : sign; + if (scale < 0) { + var unit = d3v3.formatPrefix(value, precision); + value = unit.scale(value); + fullSuffix = unit.symbol + suffix; + } else { + value *= scale; + } + value = type(value, precision); + var i = value.lastIndexOf("."), before, after; + if (i < 0) { + var j = exponent ? value.lastIndexOf("e") : -1; + if (j < 0) before = value, after = ""; else before = value.substring(0, j), after = value.substring(j); + } else { + before = value.substring(0, i); + after = locale_decimal + value.substring(i + 1); + } + if (!zfill && comma) before = formatGroup(before, Infinity); + var length = prefix.length + before.length + after.length + (zcomma ? 0 : negative.length), padding = length < width ? new Array(length = width - length + 1).join(fill) : ""; + if (zcomma) before = formatGroup(padding + before, padding.length ? width - after.length : Infinity); + negative += prefix; + value = before + after; + return (align === "<" ? negative + value + padding : align === ">" ? padding + negative + value : align === "^" ? padding.substring(0, length >>= 1) + negative + value + padding.substring(length) : negative + (zcomma ? value : padding + value)) + fullSuffix; + }; + }; + } + var d3v3_format_re = /(?:([^{])?([<>=^]))?([+\- ])?([$#])?(0)?(\d+)?(,)?(\.-?\d+)?([a-z%])?/i; + var d3v3_format_types = d3v3.map({ + b: function(x) { + return x.toString(2); + }, + c: function(x) { + return String.fromCharCode(x); + }, + o: function(x) { + return x.toString(8); + }, + x: function(x) { + return x.toString(16); + }, + X: function(x) { + return x.toString(16).toUpperCase(); + }, + g: function(x, p) { + return x.toPrecision(p); + }, + e: function(x, p) { + return x.toExponential(p); + }, + f: function(x, p) { + return x.toFixed(p); + }, + r: function(x, p) { + return (x = d3v3.round(x, d3v3_format_precision(x, p))).toFixed(Math.max(0, Math.min(20, d3v3_format_precision(x * (1 + 1e-15), p)))); + } + }); + function d3v3_format_typeDefault(x) { + return x + ""; + } + var d3v3_time = d3v3.time = {}, d3v3_date = Date; + function d3v3_date_utc() { + this._ = new Date(arguments.length > 1 ? Date.UTC.apply(this, arguments) : arguments[0]); + } + d3v3_date_utc.prototype = { + getDate: function() { + return this._.getUTCDate(); + }, + getDay: function() { + return this._.getUTCDay(); + }, + getFullYear: function() { + return this._.getUTCFullYear(); + }, + getHours: function() { + return this._.getUTCHours(); + }, + getMilliseconds: function() { + return this._.getUTCMilliseconds(); + }, + getMinutes: function() { + return this._.getUTCMinutes(); + }, + getMonth: function() { + return this._.getUTCMonth(); + }, + getSeconds: function() { + return this._.getUTCSeconds(); + }, + getTime: function() { + return this._.getTime(); + }, + getTimezoneOffset: function() { + return 0; + }, + valueOf: function() { + return this._.valueOf(); + }, + setDate: function() { + d3v3_time_prototype.setUTCDate.apply(this._, arguments); + }, + setDay: function() { + d3v3_time_prototype.setUTCDay.apply(this._, arguments); + }, + setFullYear: function() { + d3v3_time_prototype.setUTCFullYear.apply(this._, arguments); + }, + setHours: function() { + d3v3_time_prototype.setUTCHours.apply(this._, arguments); + }, + setMilliseconds: function() { + d3v3_time_prototype.setUTCMilliseconds.apply(this._, arguments); + }, + setMinutes: function() { + d3v3_time_prototype.setUTCMinutes.apply(this._, arguments); + }, + setMonth: function() { + d3v3_time_prototype.setUTCMonth.apply(this._, arguments); + }, + setSeconds: function() { + d3v3_time_prototype.setUTCSeconds.apply(this._, arguments); + }, + setTime: function() { + d3v3_time_prototype.setTime.apply(this._, arguments); + } + }; + var d3v3_time_prototype = Date.prototype; + function d3v3_time_interval(local, step, number) { + function round(date) { + var d0 = local(date), d1 = offset(d0, 1); + return date - d0 < d1 - date ? d0 : d1; + } + function ceil(date) { + step(date = local(new d3v3_date(date - 1)), 1); + return date; + } + function offset(date, k) { + step(date = new d3v3_date(+date), k); + return date; + } + function range(t0, t1, dt) { + var time = ceil(t0), times = []; + if (dt > 1) { + while (time < t1) { + if (!(number(time) % dt)) times.push(new Date(+time)); + step(time, 1); + } + } else { + while (time < t1) times.push(new Date(+time)), step(time, 1); + } + return times; + } + function range_utc(t0, t1, dt) { + try { + d3v3_date = d3v3_date_utc; + var utc = new d3v3_date_utc(); + utc._ = t0; + return range(utc, t1, dt); + } finally { + d3v3_date = Date; + } + } + local.floor = local; + local.round = round; + local.ceil = ceil; + local.offset = offset; + local.range = range; + var utc = local.utc = d3v3_time_interval_utc(local); + utc.floor = utc; + utc.round = d3v3_time_interval_utc(round); + utc.ceil = d3v3_time_interval_utc(ceil); + utc.offset = d3v3_time_interval_utc(offset); + utc.range = range_utc; + return local; + } + function d3v3_time_interval_utc(method) { + return function(date, k) { + try { + d3v3_date = d3v3_date_utc; + var utc = new d3v3_date_utc(); + utc._ = date; + return method(utc, k)._; + } finally { + d3v3_date = Date; + } + }; + } + d3v3_time.year = d3v3_time_interval(function(date) { + date = d3v3_time.day(date); + date.setMonth(0, 1); + return date; + }, function(date, offset) { + date.setFullYear(date.getFullYear() + offset); + }, function(date) { + return date.getFullYear(); + }); + d3v3_time.years = d3v3_time.year.range; + d3v3_time.years.utc = d3v3_time.year.utc.range; + d3v3_time.day = d3v3_time_interval(function(date) { + var day = new d3v3_date(2e3, 0); + day.setFullYear(date.getFullYear(), date.getMonth(), date.getDate()); + return day; + }, function(date, offset) { + date.setDate(date.getDate() + offset); + }, function(date) { + return date.getDate() - 1; + }); + d3v3_time.days = d3v3_time.day.range; + d3v3_time.days.utc = d3v3_time.day.utc.range; + d3v3_time.dayOfYear = function(date) { + var year = d3v3_time.year(date); + return Math.floor((date - year - (date.getTimezoneOffset() - year.getTimezoneOffset()) * 6e4) / 864e5); + }; + [ "sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday" ].forEach(function(day, i) { + i = 7 - i; + var interval = d3v3_time[day] = d3v3_time_interval(function(date) { + (date = d3v3_time.day(date)).setDate(date.getDate() - (date.getDay() + i) % 7); + return date; + }, function(date, offset) { + date.setDate(date.getDate() + Math.floor(offset) * 7); + }, function(date) { + var day = d3v3_time.year(date).getDay(); + return Math.floor((d3v3_time.dayOfYear(date) + (day + i) % 7) / 7) - (day !== i); + }); + d3v3_time[day + "s"] = interval.range; + d3v3_time[day + "s"].utc = interval.utc.range; + d3v3_time[day + "OfYear"] = function(date) { + var day = d3v3_time.year(date).getDay(); + return Math.floor((d3v3_time.dayOfYear(date) + (day + i) % 7) / 7); + }; + }); + d3v3_time.week = d3v3_time.sunday; + d3v3_time.weeks = d3v3_time.sunday.range; + d3v3_time.weeks.utc = d3v3_time.sunday.utc.range; + d3v3_time.weekOfYear = d3v3_time.sundayOfYear; + function d3v3_locale_timeFormat(locale) { + var locale_dateTime = locale.dateTime, locale_date = locale.date, locale_time = locale.time, locale_periods = locale.periods, locale_days = locale.days, locale_shortDays = locale.shortDays, locale_months = locale.months, locale_shortMonths = locale.shortMonths; + function d3v3_time_format(template) { + var n = template.length; + function format(date) { + var string = [], i = -1, j = 0, c, p, f; + while (++i < n) { + if (template.charCodeAt(i) === 37) { + string.push(template.slice(j, i)); + if ((p = d3v3_time_formatPads[c = template.charAt(++i)]) != null) c = template.charAt(++i); + if (f = d3v3_time_formats[c]) c = f(date, p == null ? c === "e" ? " " : "0" : p); + string.push(c); + j = i + 1; + } + } + string.push(template.slice(j, i)); + return string.join(""); + } + format.parse = function(string) { + var d = { + y: 1900, + m: 0, + d: 1, + H: 0, + M: 0, + S: 0, + L: 0, + Z: null + }, i = d3v3_time_parse(d, template, string, 0); + if (i != string.length) return null; + if ("p" in d) d.H = d.H % 12 + d.p * 12; + var localZ = d.Z != null && d3v3_date !== d3v3_date_utc, date = new (localZ ? d3v3_date_utc : d3v3_date)(); + if ("j" in d) date.setFullYear(d.y, 0, d.j); else if ("w" in d && ("W" in d || "U" in d)) { + date.setFullYear(d.y, 0, 1); + date.setFullYear(d.y, 0, "W" in d ? (d.w + 6) % 7 + d.W * 7 - (date.getDay() + 5) % 7 : d.w + d.U * 7 - (date.getDay() + 6) % 7); + } else date.setFullYear(d.y, d.m, d.d); + date.setHours(d.H + (d.Z / 100 | 0), d.M + d.Z % 100, d.S, d.L); + return localZ ? date._ : date; + }; + format.toString = function() { + return template; + }; + return format; + } + function d3v3_time_parse(date, template, string, j) { + var c, p, t, i = 0, n = template.length, m = string.length; + while (i < n) { + if (j >= m) return -1; + c = template.charCodeAt(i++); + if (c === 37) { + t = template.charAt(i++); + p = d3v3_time_parsers[t in d3v3_time_formatPads ? template.charAt(i++) : t]; + if (!p || (j = p(date, string, j)) < 0) return -1; + } else if (c != string.charCodeAt(j++)) { + return -1; + } + } + return j; + } + d3v3_time_format.utc = function(template) { + var local = d3v3_time_format(template); + function format(date) { + try { + d3v3_date = d3v3_date_utc; + var utc = new d3v3_date(); + utc._ = date; + return local(utc); + } finally { + d3v3_date = Date; + } + } + format.parse = function(string) { + try { + d3v3_date = d3v3_date_utc; + var date = local.parse(string); + return date && date._; + } finally { + d3v3_date = Date; + } + }; + format.toString = local.toString; + return format; + }; + d3v3_time_format.multi = d3v3_time_format.utc.multi = d3v3_time_formatMulti; + var d3v3_time_periodLookup = d3v3.map(), d3v3_time_dayRe = d3v3_time_formatRe(locale_days), d3v3_time_dayLookup = d3v3_time_formatLookup(locale_days), d3v3_time_dayAbbrevRe = d3v3_time_formatRe(locale_shortDays), d3v3_time_dayAbbrevLookup = d3v3_time_formatLookup(locale_shortDays), d3v3_time_monthRe = d3v3_time_formatRe(locale_months), d3v3_time_monthLookup = d3v3_time_formatLookup(locale_months), d3v3_time_monthAbbrevRe = d3v3_time_formatRe(locale_shortMonths), d3v3_time_monthAbbrevLookup = d3v3_time_formatLookup(locale_shortMonths); + locale_periods.forEach(function(p, i) { + d3v3_time_periodLookup.set(p.toLowerCase(), i); + }); + var d3v3_time_formats = { + a: function(d) { + return locale_shortDays[d.getDay()]; + }, + A: function(d) { + return locale_days[d.getDay()]; + }, + b: function(d) { + return locale_shortMonths[d.getMonth()]; + }, + B: function(d) { + return locale_months[d.getMonth()]; + }, + c: d3v3_time_format(locale_dateTime), + d: function(d, p) { + return d3v3_time_formatPad(d.getDate(), p, 2); + }, + e: function(d, p) { + return d3v3_time_formatPad(d.getDate(), p, 2); + }, + H: function(d, p) { + return d3v3_time_formatPad(d.getHours(), p, 2); + }, + I: function(d, p) { + return d3v3_time_formatPad(d.getHours() % 12 || 12, p, 2); + }, + j: function(d, p) { + return d3v3_time_formatPad(1 + d3v3_time.dayOfYear(d), p, 3); + }, + L: function(d, p) { + return d3v3_time_formatPad(d.getMilliseconds(), p, 3); + }, + m: function(d, p) { + return d3v3_time_formatPad(d.getMonth() + 1, p, 2); + }, + M: function(d, p) { + return d3v3_time_formatPad(d.getMinutes(), p, 2); + }, + p: function(d) { + return locale_periods[+(d.getHours() >= 12)]; + }, + S: function(d, p) { + return d3v3_time_formatPad(d.getSeconds(), p, 2); + }, + U: function(d, p) { + return d3v3_time_formatPad(d3v3_time.sundayOfYear(d), p, 2); + }, + w: function(d) { + return d.getDay(); + }, + W: function(d, p) { + return d3v3_time_formatPad(d3v3_time.mondayOfYear(d), p, 2); + }, + x: d3v3_time_format(locale_date), + X: d3v3_time_format(locale_time), + y: function(d, p) { + return d3v3_time_formatPad(d.getFullYear() % 100, p, 2); + }, + Y: function(d, p) { + return d3v3_time_formatPad(d.getFullYear() % 1e4, p, 4); + }, + Z: d3v3_time_zone, + "%": function() { + return "%"; + } + }; + var d3v3_time_parsers = { + a: d3v3_time_parseWeekdayAbbrev, + A: d3v3_time_parseWeekday, + b: d3v3_time_parseMonthAbbrev, + B: d3v3_time_parseMonth, + c: d3v3_time_parseLocaleFull, + d: d3v3_time_parseDay, + e: d3v3_time_parseDay, + H: d3v3_time_parseHour24, + I: d3v3_time_parseHour24, + j: d3v3_time_parseDayOfYear, + L: d3v3_time_parseMilliseconds, + m: d3v3_time_parseMonthNumber, + M: d3v3_time_parseMinutes, + p: d3v3_time_parseAmPm, + S: d3v3_time_parseSeconds, + U: d3v3_time_parseWeekNumberSunday, + w: d3v3_time_parseWeekdayNumber, + W: d3v3_time_parseWeekNumberMonday, + x: d3v3_time_parseLocaleDate, + X: d3v3_time_parseLocaleTime, + y: d3v3_time_parseYear, + Y: d3v3_time_parseFullYear, + Z: d3v3_time_parseZone, + "%": d3v3_time_parseLiteralPercent + }; + function d3v3_time_parseWeekdayAbbrev(date, string, i) { + d3v3_time_dayAbbrevRe.lastIndex = 0; + var n = d3v3_time_dayAbbrevRe.exec(string.slice(i)); + return n ? (date.w = d3v3_time_dayAbbrevLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; + } + function d3v3_time_parseWeekday(date, string, i) { + d3v3_time_dayRe.lastIndex = 0; + var n = d3v3_time_dayRe.exec(string.slice(i)); + return n ? (date.w = d3v3_time_dayLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; + } + function d3v3_time_parseMonthAbbrev(date, string, i) { + d3v3_time_monthAbbrevRe.lastIndex = 0; + var n = d3v3_time_monthAbbrevRe.exec(string.slice(i)); + return n ? (date.m = d3v3_time_monthAbbrevLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; + } + function d3v3_time_parseMonth(date, string, i) { + d3v3_time_monthRe.lastIndex = 0; + var n = d3v3_time_monthRe.exec(string.slice(i)); + return n ? (date.m = d3v3_time_monthLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; + } + function d3v3_time_parseLocaleFull(date, string, i) { + return d3v3_time_parse(date, d3v3_time_formats.c.toString(), string, i); + } + function d3v3_time_parseLocaleDate(date, string, i) { + return d3v3_time_parse(date, d3v3_time_formats.x.toString(), string, i); + } + function d3v3_time_parseLocaleTime(date, string, i) { + return d3v3_time_parse(date, d3v3_time_formats.X.toString(), string, i); + } + function d3v3_time_parseAmPm(date, string, i) { + var n = d3v3_time_periodLookup.get(string.slice(i, i += 2).toLowerCase()); + return n == null ? -1 : (date.p = n, i); + } + return d3v3_time_format; + } + var d3v3_time_formatPads = { + "-": "", + _: " ", + "0": "0" + }, d3v3_time_numberRe = /^\s*\d+/, d3v3_time_percentRe = /^%/; + function d3v3_time_formatPad(value, fill, width) { + var sign = value < 0 ? "-" : "", string = (sign ? -value : value) + "", length = string.length; + return sign + (length < width ? new Array(width - length + 1).join(fill) + string : string); + } + function d3v3_time_formatRe(names) { + return new RegExp("^(?:" + names.map(d3v3.requote).join("|") + ")", "i"); + } + function d3v3_time_formatLookup(names) { + var map = new d3v3_Map(), i = -1, n = names.length; + while (++i < n) map.set(names[i].toLowerCase(), i); + return map; + } + function d3v3_time_parseWeekdayNumber(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 1)); + return n ? (date.w = +n[0], i + n[0].length) : -1; + } + function d3v3_time_parseWeekNumberSunday(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i)); + return n ? (date.U = +n[0], i + n[0].length) : -1; + } + function d3v3_time_parseWeekNumberMonday(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i)); + return n ? (date.W = +n[0], i + n[0].length) : -1; + } + function d3v3_time_parseFullYear(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 4)); + return n ? (date.y = +n[0], i + n[0].length) : -1; + } + function d3v3_time_parseYear(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 2)); + return n ? (date.y = d3v3_time_expandYear(+n[0]), i + n[0].length) : -1; + } + function d3v3_time_parseZone(date, string, i) { + return /^[+-]\d{4}$/.test(string = string.slice(i, i + 5)) ? (date.Z = -string, + i + 5) : -1; + } + function d3v3_time_expandYear(d) { + return d + (d > 68 ? 1900 : 2e3); + } + function d3v3_time_parseMonthNumber(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 2)); + return n ? (date.m = n[0] - 1, i + n[0].length) : -1; + } + function d3v3_time_parseDay(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 2)); + return n ? (date.d = +n[0], i + n[0].length) : -1; + } + function d3v3_time_parseDayOfYear(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 3)); + return n ? (date.j = +n[0], i + n[0].length) : -1; + } + function d3v3_time_parseHour24(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 2)); + return n ? (date.H = +n[0], i + n[0].length) : -1; + } + function d3v3_time_parseMinutes(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 2)); + return n ? (date.M = +n[0], i + n[0].length) : -1; + } + function d3v3_time_parseSeconds(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 2)); + return n ? (date.S = +n[0], i + n[0].length) : -1; + } + function d3v3_time_parseMilliseconds(date, string, i) { + d3v3_time_numberRe.lastIndex = 0; + var n = d3v3_time_numberRe.exec(string.slice(i, i + 3)); + return n ? (date.L = +n[0], i + n[0].length) : -1; + } + function d3v3_time_zone(d) { + var z = d.getTimezoneOffset(), zs = z > 0 ? "-" : "+", zh = abs(z) / 60 | 0, zm = abs(z) % 60; + return zs + d3v3_time_formatPad(zh, "0", 2) + d3v3_time_formatPad(zm, "0", 2); + } + function d3v3_time_parseLiteralPercent(date, string, i) { + d3v3_time_percentRe.lastIndex = 0; + var n = d3v3_time_percentRe.exec(string.slice(i, i + 1)); + return n ? i + n[0].length : -1; + } + function d3v3_time_formatMulti(formats) { + var n = formats.length, i = -1; + while (++i < n) formats[i][0] = this(formats[i][0]); + return function(date) { + var i = 0, f = formats[i]; + while (!f[1](date)) f = formats[++i]; + return f[0](date); + }; + } + d3v3.locale = function(locale) { + return { + numberFormat: d3v3_locale_numberFormat(locale), + timeFormat: d3v3_locale_timeFormat(locale) + }; + }; + var d3v3_locale_enUS = d3v3.locale({ + decimal: ".", + thousands: ",", + grouping: [ 3 ], + currency: [ "$", "" ], + dateTime: "%a %b %e %X %Y", + date: "%m/%d/%Y", + time: "%H:%M:%S", + periods: [ "AM", "PM" ], + days: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], + shortDays: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], + months: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], + shortMonths: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ] + }); + d3v3.format = d3v3_locale_enUS.numberFormat; + d3v3.geo = {}; + function d3v3_adder() {} + d3v3_adder.prototype = { + s: 0, + t: 0, + add: function(y) { + d3v3_adderSum(y, this.t, d3v3_adderTemp); + d3v3_adderSum(d3v3_adderTemp.s, this.s, this); + if (this.s) this.t += d3v3_adderTemp.t; else this.s = d3v3_adderTemp.t; + }, + reset: function() { + this.s = this.t = 0; + }, + valueOf: function() { + return this.s; + } + }; + var d3v3_adderTemp = new d3v3_adder(); + function d3v3_adderSum(a, b, o) { + var x = o.s = a + b, bv = x - a, av = x - bv; + o.t = a - av + (b - bv); + } + d3v3.geo.stream = function(object, listener) { + if (object && d3v3_geo_streamObjectType.hasOwnProperty(object.type)) { + d3v3_geo_streamObjectType[object.type](object, listener); + } else { + d3v3_geo_streamGeometry(object, listener); + } + }; + function d3v3_geo_streamGeometry(geometry, listener) { + if (geometry && d3v3_geo_streamGeometryType.hasOwnProperty(geometry.type)) { + d3v3_geo_streamGeometryType[geometry.type](geometry, listener); + } + } + var d3v3_geo_streamObjectType = { + Feature: function(feature, listener) { + d3v3_geo_streamGeometry(feature.geometry, listener); + }, + FeatureCollection: function(object, listener) { + var features = object.features, i = -1, n = features.length; + while (++i < n) d3v3_geo_streamGeometry(features[i].geometry, listener); + } + }; + var d3v3_geo_streamGeometryType = { + Sphere: function(object, listener) { + listener.sphere(); + }, + Point: function(object, listener) { + object = object.coordinates; + listener.point(object[0], object[1], object[2]); + }, + MultiPoint: function(object, listener) { + var coordinates = object.coordinates, i = -1, n = coordinates.length; + while (++i < n) object = coordinates[i], listener.point(object[0], object[1], object[2]); + }, + LineString: function(object, listener) { + d3v3_geo_streamLine(object.coordinates, listener, 0); + }, + MultiLineString: function(object, listener) { + var coordinates = object.coordinates, i = -1, n = coordinates.length; + while (++i < n) d3v3_geo_streamLine(coordinates[i], listener, 0); + }, + Polygon: function(object, listener) { + d3v3_geo_streamPolygon(object.coordinates, listener); + }, + MultiPolygon: function(object, listener) { + var coordinates = object.coordinates, i = -1, n = coordinates.length; + while (++i < n) d3v3_geo_streamPolygon(coordinates[i], listener); + }, + GeometryCollection: function(object, listener) { + var geometries = object.geometries, i = -1, n = geometries.length; + while (++i < n) d3v3_geo_streamGeometry(geometries[i], listener); + } + }; + function d3v3_geo_streamLine(coordinates, listener, closed) { + var i = -1, n = coordinates.length - closed, coordinate; + listener.lineStart(); + while (++i < n) coordinate = coordinates[i], listener.point(coordinate[0], coordinate[1], coordinate[2]); + listener.lineEnd(); + } + function d3v3_geo_streamPolygon(coordinates, listener) { + var i = -1, n = coordinates.length; + listener.polygonStart(); + while (++i < n) d3v3_geo_streamLine(coordinates[i], listener, 1); + listener.polygonEnd(); + } + d3v3.geo.area = function(object) { + d3v3_geo_areaSum = 0; + d3v3.geo.stream(object, d3v3_geo_area); + return d3v3_geo_areaSum; + }; + var d3v3_geo_areaSum, d3v3_geo_areaRingSum = new d3v3_adder(); + var d3v3_geo_area = { + sphere: function() { + d3v3_geo_areaSum += 4 * p; + }, + point: d3v3_noop, + lineStart: d3v3_noop, + lineEnd: d3v3_noop, + polygonStart: function() { + d3v3_geo_areaRingSum.reset(); + d3v3_geo_area.lineStart = d3v3_geo_areaRingStart; + }, + polygonEnd: function() { + var area = 2 * d3v3_geo_areaRingSum; + d3v3_geo_areaSum += area < 0 ? 4 * p + area : area; + d3v3_geo_area.lineStart = d3v3_geo_area.lineEnd = d3v3_geo_area.point = d3v3_noop; + } + }; + function d3v3_geo_areaRingStart() { + var ?00, f00, ?0, cosf0, sinf0; + d3v3_geo_area.point = function(?, f) { + d3v3_geo_area.point = nextPoint; + ?0 = (?00 = ?) * d3v3_radians, cosf0 = Math.cos(f = (f00 = f) * d3v3_radians / 2 + p / 4), + sinf0 = Math.sin(f); + }; + function nextPoint(?, f) { + ? *= d3v3_radians; + f = f * d3v3_radians / 2 + p / 4; + var d? = ? - ?0, sd? = d? >= 0 ? 1 : -1, ad? = sd? * d?, cosf = Math.cos(f), sinf = Math.sin(f), k = sinf0 * sinf, u = cosf0 * cosf + k * Math.cos(ad?), v = k * sd? * Math.sin(ad?); + d3v3_geo_areaRingSum.add(Math.atan2(v, u)); + ?0 = ?, cosf0 = cosf, sinf0 = sinf; + } + d3v3_geo_area.lineEnd = function() { + nextPoint(?00, f00); + }; + } + function d3v3_geo_cartesian(spherical) { + var ? = spherical[0], f = spherical[1], cosf = Math.cos(f); + return [ cosf * Math.cos(?), cosf * Math.sin(?), Math.sin(f) ]; + } + function d3v3_geo_cartesianDot(a, b) { + return a[0] * b[0] + a[1] * b[1] + a[2] * b[2]; + } + function d3v3_geo_cartesianCross(a, b) { + return [ a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0] ]; + } + function d3v3_geo_cartesianAdd(a, b) { + a[0] += b[0]; + a[1] += b[1]; + a[2] += b[2]; + } + function d3v3_geo_cartesianScale(vector, k) { + return [ vector[0] * k, vector[1] * k, vector[2] * k ]; + } + function d3v3_geo_cartesianNormalize(d) { + var l = Math.sqrt(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]); + d[0] /= l; + d[1] /= l; + d[2] /= l; + } + function d3v3_geo_spherical(cartesian) { + return [ Math.atan2(cartesian[1], cartesian[0]), d3v3_asin(cartesian[2]) ]; + } + function d3v3_geo_sphericalEqual(a, b) { + return abs(a[0] - b[0]) < e && abs(a[1] - b[1]) < e; + } + d3v3.geo.bounds = function() { + var ?0, f0, ?1, f1, ?_, ?__, f__, p0, d?Sum, ranges, range; + var bound = { + point: point, + lineStart: lineStart, + lineEnd: lineEnd, + polygonStart: function() { + bound.point = ringPoint; + bound.lineStart = ringStart; + bound.lineEnd = ringEnd; + d?Sum = 0; + d3v3_geo_area.polygonStart(); + }, + polygonEnd: function() { + d3v3_geo_area.polygonEnd(); + bound.point = point; + bound.lineStart = lineStart; + bound.lineEnd = lineEnd; + if (d3v3_geo_areaRingSum < 0) ?0 = -(?1 = 180), f0 = -(f1 = 90); else if (d?Sum > e) f1 = 90; else if (d?Sum < -e) f0 = -90; + range[0] = ?0, range[1] = ?1; + } + }; + function point(?, f) { + ranges.push(range = [ ?0 = ?, ?1 = ? ]); + if (f < f0) f0 = f; + if (f > f1) f1 = f; + } + function linePoint(?, f) { + var p = d3v3_geo_cartesian([ ? * d3v3_radians, f * d3v3_radians ]); + if (p0) { + var normal = d3v3_geo_cartesianCross(p0, p), equatorial = [ normal[1], -normal[0], 0 ], inflection = d3v3_geo_cartesianCross(equatorial, normal); + d3v3_geo_cartesianNormalize(inflection); + inflection = d3v3_geo_spherical(inflection); + var d? = ? - ?_, s = d? > 0 ? 1 : -1, ?i = inflection[0] * d3v3_degrees * s, antimeridian = abs(d?) > 180; + if (antimeridian ^ (s * ?_ < ?i && ?i < s * ?)) { + var fi = inflection[1] * d3v3_degrees; + if (fi > f1) f1 = fi; + } else if (?i = (?i + 360) % 360 - 180, antimeridian ^ (s * ?_ < ?i && ?i < s * ?)) { + var fi = -inflection[1] * d3v3_degrees; + if (fi < f0) f0 = fi; + } else { + if (f < f0) f0 = f; + if (f > f1) f1 = f; + } + if (antimeridian) { + if (? < ?_) { + if (angle(?0, ?) > angle(?0, ?1)) ?1 = ?; + } else { + if (angle(?, ?1) > angle(?0, ?1)) ?0 = ?; + } + } else { + if (?1 >= ?0) { + if (? < ?0) ?0 = ?; + if (? > ?1) ?1 = ?; + } else { + if (? > ?_) { + if (angle(?0, ?) > angle(?0, ?1)) ?1 = ?; + } else { + if (angle(?, ?1) > angle(?0, ?1)) ?0 = ?; + } + } + } + } else { + point(?, f); + } + p0 = p, ?_ = ?; + } + function lineStart() { + bound.point = linePoint; + } + function lineEnd() { + range[0] = ?0, range[1] = ?1; + bound.point = point; + p0 = null; + } + function ringPoint(?, f) { + if (p0) { + var d? = ? - ?_; + d?Sum += abs(d?) > 180 ? d? + (d? > 0 ? 360 : -360) : d?; + } else ?__ = ?, f__ = f; + d3v3_geo_area.point(?, f); + linePoint(?, f); + } + function ringStart() { + d3v3_geo_area.lineStart(); + } + function ringEnd() { + ringPoint(?__, f__); + d3v3_geo_area.lineEnd(); + if (abs(d?Sum) > e) ?0 = -(?1 = 180); + range[0] = ?0, range[1] = ?1; + p0 = null; + } + function angle(?0, ?1) { + return (?1 -= ?0) < 0 ? ?1 + 360 : ?1; + } + function compareRanges(a, b) { + return a[0] - b[0]; + } + function withinRange(x, range) { + return range[0] <= range[1] ? range[0] <= x && x <= range[1] : x < range[0] || range[1] < x; + } + return function(feature) { + f1 = ?1 = -(?0 = f0 = Infinity); + ranges = []; + d3v3.geo.stream(feature, bound); + var n = ranges.length; + if (n) { + ranges.sort(compareRanges); + for (var i = 1, a = ranges[0], b, merged = [ a ]; i < n; ++i) { + b = ranges[i]; + if (withinRange(b[0], a) || withinRange(b[1], a)) { + if (angle(a[0], b[1]) > angle(a[0], a[1])) a[1] = b[1]; + if (angle(b[0], a[1]) > angle(a[0], a[1])) a[0] = b[0]; + } else { + merged.push(a = b); + } + } + var best = -Infinity, d?; + for (var n = merged.length - 1, i = 0, a = merged[n], b; i <= n; a = b, ++i) { + b = merged[i]; + if ((d? = angle(a[1], b[0])) > best) best = d?, ?0 = b[0], ?1 = a[1]; + } + } + ranges = range = null; + return ?0 === Infinity || f0 === Infinity ? [ [ NaN, NaN ], [ NaN, NaN ] ] : [ [ ?0, f0 ], [ ?1, f1 ] ]; + }; + }(); + d3v3.geo.centroid = function(object) { + d3v3_geo_centroidW0 = d3v3_geo_centroidW1 = d3v3_geo_centroidX0 = d3v3_geo_centroidY0 = d3v3_geo_centroidZ0 = d3v3_geo_centroidX1 = d3v3_geo_centroidY1 = d3v3_geo_centroidZ1 = d3v3_geo_centroidX2 = d3v3_geo_centroidY2 = d3v3_geo_centroidZ2 = 0; + d3v3.geo.stream(object, d3v3_geo_centroid); + var x = d3v3_geo_centroidX2, y = d3v3_geo_centroidY2, z = d3v3_geo_centroidZ2, m = x * x + y * y + z * z; + if (m < e2) { + x = d3v3_geo_centroidX1, y = d3v3_geo_centroidY1, z = d3v3_geo_centroidZ1; + if (d3v3_geo_centroidW1 < e) x = d3v3_geo_centroidX0, y = d3v3_geo_centroidY0, z = d3v3_geo_centroidZ0; + m = x * x + y * y + z * z; + if (m < e2) return [ NaN, NaN ]; + } + return [ Math.atan2(y, x) * d3v3_degrees, d3v3_asin(z / Math.sqrt(m)) * d3v3_degrees ]; + }; + var d3v3_geo_centroidW0, d3v3_geo_centroidW1, d3v3_geo_centroidX0, d3v3_geo_centroidY0, d3v3_geo_centroidZ0, d3v3_geo_centroidX1, d3v3_geo_centroidY1, d3v3_geo_centroidZ1, d3v3_geo_centroidX2, d3v3_geo_centroidY2, d3v3_geo_centroidZ2; + var d3v3_geo_centroid = { + sphere: d3v3_noop, + point: d3v3_geo_centroidPoint, + lineStart: d3v3_geo_centroidLineStart, + lineEnd: d3v3_geo_centroidLineEnd, + polygonStart: function() { + d3v3_geo_centroid.lineStart = d3v3_geo_centroidRingStart; + }, + polygonEnd: function() { + d3v3_geo_centroid.lineStart = d3v3_geo_centroidLineStart; + } + }; + function d3v3_geo_centroidPoint(?, f) { + ? *= d3v3_radians; + var cosf = Math.cos(f *= d3v3_radians); + d3v3_geo_centroidPointXYZ(cosf * Math.cos(?), cosf * Math.sin(?), Math.sin(f)); + } + function d3v3_geo_centroidPointXYZ(x, y, z) { + ++d3v3_geo_centroidW0; + d3v3_geo_centroidX0 += (x - d3v3_geo_centroidX0) / d3v3_geo_centroidW0; + d3v3_geo_centroidY0 += (y - d3v3_geo_centroidY0) / d3v3_geo_centroidW0; + d3v3_geo_centroidZ0 += (z - d3v3_geo_centroidZ0) / d3v3_geo_centroidW0; + } + function d3v3_geo_centroidLineStart() { + var x0, y0, z0; + d3v3_geo_centroid.point = function(?, f) { + ? *= d3v3_radians; + var cosf = Math.cos(f *= d3v3_radians); + x0 = cosf * Math.cos(?); + y0 = cosf * Math.sin(?); + z0 = Math.sin(f); + d3v3_geo_centroid.point = nextPoint; + d3v3_geo_centroidPointXYZ(x0, y0, z0); + }; + function nextPoint(?, f) { + ? *= d3v3_radians; + var cosf = Math.cos(f *= d3v3_radians), x = cosf * Math.cos(?), y = cosf * Math.sin(?), z = Math.sin(f), w = Math.atan2(Math.sqrt((w = y0 * z - z0 * y) * w + (w = z0 * x - x0 * z) * w + (w = x0 * y - y0 * x) * w), x0 * x + y0 * y + z0 * z); + d3v3_geo_centroidW1 += w; + d3v3_geo_centroidX1 += w * (x0 + (x0 = x)); + d3v3_geo_centroidY1 += w * (y0 + (y0 = y)); + d3v3_geo_centroidZ1 += w * (z0 + (z0 = z)); + d3v3_geo_centroidPointXYZ(x0, y0, z0); + } + } + function d3v3_geo_centroidLineEnd() { + d3v3_geo_centroid.point = d3v3_geo_centroidPoint; + } + function d3v3_geo_centroidRingStart() { + var ?00, f00, x0, y0, z0; + d3v3_geo_centroid.point = function(?, f) { + ?00 = ?, f00 = f; + d3v3_geo_centroid.point = nextPoint; + ? *= d3v3_radians; + var cosf = Math.cos(f *= d3v3_radians); + x0 = cosf * Math.cos(?); + y0 = cosf * Math.sin(?); + z0 = Math.sin(f); + d3v3_geo_centroidPointXYZ(x0, y0, z0); + }; + d3v3_geo_centroid.lineEnd = function() { + nextPoint(?00, f00); + d3v3_geo_centroid.lineEnd = d3v3_geo_centroidLineEnd; + d3v3_geo_centroid.point = d3v3_geo_centroidPoint; + }; + function nextPoint(?, f) { + ? *= d3v3_radians; + var cosf = Math.cos(f *= d3v3_radians), x = cosf * Math.cos(?), y = cosf * Math.sin(?), z = Math.sin(f), cx = y0 * z - z0 * y, cy = z0 * x - x0 * z, cz = x0 * y - y0 * x, m = Math.sqrt(cx * cx + cy * cy + cz * cz), u = x0 * x + y0 * y + z0 * z, v = m && -d3v3_acos(u) / m, w = Math.atan2(m, u); + d3v3_geo_centroidX2 += v * cx; + d3v3_geo_centroidY2 += v * cy; + d3v3_geo_centroidZ2 += v * cz; + d3v3_geo_centroidW1 += w; + d3v3_geo_centroidX1 += w * (x0 + (x0 = x)); + d3v3_geo_centroidY1 += w * (y0 + (y0 = y)); + d3v3_geo_centroidZ1 += w * (z0 + (z0 = z)); + d3v3_geo_centroidPointXYZ(x0, y0, z0); + } + } + function d3v3_geo_compose(a, b) { + function compose(x, y) { + return x = a(x, y), b(x[0], x[1]); + } + if (a.invert && b.invert) compose.invert = function(x, y) { + return x = b.invert(x, y), x && a.invert(x[0], x[1]); + }; + return compose; + } + function d3v3_true() { + return true; + } + function d3v3_geo_clipPolygon(segments, compare, clipStartInside, interpolate, listener) { + var subject = [], clip = []; + segments.forEach(function(segment) { + if ((n = segment.length - 1) <= 0) return; + var n, p0 = segment[0], p1 = segment[n]; + if (d3v3_geo_sphericalEqual(p0, p1)) { + listener.lineStart(); + for (var i = 0; i < n; ++i) listener.point((p0 = segment[i])[0], p0[1]); + listener.lineEnd(); + return; + } + var a = new d3v3_geo_clipPolygonIntersection(p0, segment, null, true), b = new d3v3_geo_clipPolygonIntersection(p0, null, a, false); + a.o = b; + subject.push(a); + clip.push(b); + a = new d3v3_geo_clipPolygonIntersection(p1, segment, null, false); + b = new d3v3_geo_clipPolygonIntersection(p1, null, a, true); + a.o = b; + subject.push(a); + clip.push(b); + }); + clip.sort(compare); + d3v3_geo_clipPolygonLinkCircular(subject); + d3v3_geo_clipPolygonLinkCircular(clip); + if (!subject.length) return; + for (var i = 0, entry = clipStartInside, n = clip.length; i < n; ++i) { + clip[i].e = entry = !entry; + } + var start = subject[0], points, point; + while (1) { + var current = start, isSubject = true; + while (current.v) if ((current = current.n) === start) return; + points = current.z; + listener.lineStart(); + do { + current.v = current.o.v = true; + if (current.e) { + if (isSubject) { + for (var i = 0, n = points.length; i < n; ++i) listener.point((point = points[i])[0], point[1]); + } else { + interpolate(current.x, current.n.x, 1, listener); + } + current = current.n; + } else { + if (isSubject) { + points = current.p.z; + for (var i = points.length - 1; i >= 0; --i) listener.point((point = points[i])[0], point[1]); + } else { + interpolate(current.x, current.p.x, -1, listener); + } + current = current.p; + } + current = current.o; + points = current.z; + isSubject = !isSubject; + } while (!current.v); + listener.lineEnd(); + } + } + function d3v3_geo_clipPolygonLinkCircular(array) { + if (!(n = array.length)) return; + var n, i = 0, a = array[0], b; + while (++i < n) { + a.n = b = array[i]; + b.p = a; + a = b; + } + a.n = b = array[0]; + b.p = a; + } + function d3v3_geo_clipPolygonIntersection(point, points, other, entry) { + this.x = point; + this.z = points; + this.o = other; + this.e = entry; + this.v = false; + this.n = this.p = null; + } + function d3v3_geo_clip(pointVisible, clipLine, interpolate, clipStart) { + return function(rotate, listener) { + var line = clipLine(listener), rotatedClipStart = rotate.invert(clipStart[0], clipStart[1]); + var clip = { + point: point, + lineStart: lineStart, + lineEnd: lineEnd, + polygonStart: function() { + clip.point = pointRing; + clip.lineStart = ringStart; + clip.lineEnd = ringEnd; + segments = []; + polygon = []; + }, + polygonEnd: function() { + clip.point = point; + clip.lineStart = lineStart; + clip.lineEnd = lineEnd; + segments = d3v3.merge(segments); + var clipStartInside = d3v3_geo_pointInPolygon(rotatedClipStart, polygon); + if (segments.length) { + if (!polygonStarted) listener.polygonStart(), polygonStarted = true; + d3v3_geo_clipPolygon(segments, d3v3_geo_clipSort, clipStartInside, interpolate, listener); + } else if (clipStartInside) { + if (!polygonStarted) listener.polygonStart(), polygonStarted = true; + listener.lineStart(); + interpolate(null, null, 1, listener); + listener.lineEnd(); + } + if (polygonStarted) listener.polygonEnd(), polygonStarted = false; + segments = polygon = null; + }, + sphere: function() { + listener.polygonStart(); + listener.lineStart(); + interpolate(null, null, 1, listener); + listener.lineEnd(); + listener.polygonEnd(); + } + }; + function point(?, f) { + var point = rotate(?, f); + if (pointVisible(? = point[0], f = point[1])) listener.point(?, f); + } + function pointLine(?, f) { + var point = rotate(?, f); + line.point(point[0], point[1]); + } + function lineStart() { + clip.point = pointLine; + line.lineStart(); + } + function lineEnd() { + clip.point = point; + line.lineEnd(); + } + var segments; + var buffer = d3v3_geo_clipBufferListener(), ringListener = clipLine(buffer), polygonStarted = false, polygon, ring; + function pointRing(?, f) { + ring.push([ ?, f ]); + var point = rotate(?, f); + ringListener.point(point[0], point[1]); + } + function ringStart() { + ringListener.lineStart(); + ring = []; + } + function ringEnd() { + pointRing(ring[0][0], ring[0][1]); + ringListener.lineEnd(); + var clean = ringListener.clean(), ringSegments = buffer.buffer(), segment, n = ringSegments.length; + ring.pop(); + polygon.push(ring); + ring = null; + if (!n) return; + if (clean & 1) { + segment = ringSegments[0]; + var n = segment.length - 1, i = -1, point; + if (n > 0) { + if (!polygonStarted) listener.polygonStart(), polygonStarted = true; + listener.lineStart(); + while (++i < n) listener.point((point = segment[i])[0], point[1]); + listener.lineEnd(); + } + return; + } + if (n > 1 && clean & 2) ringSegments.push(ringSegments.pop().concat(ringSegments.shift())); + segments.push(ringSegments.filter(d3v3_geo_clipSegmentLength1)); + } + return clip; + }; + } + function d3v3_geo_clipSegmentLength1(segment) { + return segment.length > 1; + } + function d3v3_geo_clipBufferListener() { + var lines = [], line; + return { + lineStart: function() { + lines.push(line = []); + }, + point: function(?, f) { + line.push([ ?, f ]); + }, + lineEnd: d3v3_noop, + buffer: function() { + var buffer = lines; + lines = []; + line = null; + return buffer; + }, + rejoin: function() { + if (lines.length > 1) lines.push(lines.pop().concat(lines.shift())); + } + }; + } + function d3v3_geo_clipSort(a, b) { + return ((a = a.x)[0] < 0 ? a[1] - halfp - e : halfp - a[1]) - ((b = b.x)[0] < 0 ? b[1] - halfp - e : halfp - b[1]); + } + var d3v3_geo_clipAntimeridian = d3v3_geo_clip(d3v3_true, d3v3_geo_clipAntimeridianLine, d3v3_geo_clipAntimeridianInterpolate, [ -p, -p / 2 ]); + function d3v3_geo_clipAntimeridianLine(listener) { + var ?0 = NaN, f0 = NaN, s?0 = NaN, clean; + return { + lineStart: function() { + listener.lineStart(); + clean = 1; + }, + point: function(?1, f1) { + var s?1 = ?1 > 0 ? p : -p, d? = abs(?1 - ?0); + if (abs(d? - p) < e) { + listener.point(?0, f0 = (f0 + f1) / 2 > 0 ? halfp : -halfp); + listener.point(s?0, f0); + listener.lineEnd(); + listener.lineStart(); + listener.point(s?1, f0); + listener.point(?1, f0); + clean = 0; + } else if (s?0 !== s?1 && d? >= p) { + if (abs(?0 - s?0) < e) ?0 -= s?0 * e; + if (abs(?1 - s?1) < e) ?1 -= s?1 * e; + f0 = d3v3_geo_clipAntimeridianIntersect(?0, f0, ?1, f1); + listener.point(s?0, f0); + listener.lineEnd(); + listener.lineStart(); + listener.point(s?1, f0); + clean = 0; + } + listener.point(?0 = ?1, f0 = f1); + s?0 = s?1; + }, + lineEnd: function() { + listener.lineEnd(); + ?0 = f0 = NaN; + }, + clean: function() { + return 2 - clean; + } + }; + } + function d3v3_geo_clipAntimeridianIntersect(?0, f0, ?1, f1) { + var cosf0, cosf1, sin?0_?1 = Math.sin(?0 - ?1); + return abs(sin?0_?1) > e ? Math.atan((Math.sin(f0) * (cosf1 = Math.cos(f1)) * Math.sin(?1) - Math.sin(f1) * (cosf0 = Math.cos(f0)) * Math.sin(?0)) / (cosf0 * cosf1 * sin?0_?1)) : (f0 + f1) / 2; + } + function d3v3_geo_clipAntimeridianInterpolate(from, to, direction, listener) { + var f; + if (from == null) { + f = direction * halfp; + listener.point(-p, f); + listener.point(0, f); + listener.point(p, f); + listener.point(p, 0); + listener.point(p, -f); + listener.point(0, -f); + listener.point(-p, -f); + listener.point(-p, 0); + listener.point(-p, f); + } else if (abs(from[0] - to[0]) > e) { + var s = from[0] < to[0] ? p : -p; + f = direction * s / 2; + listener.point(-s, f); + listener.point(0, f); + listener.point(s, f); + } else { + listener.point(to[0], to[1]); + } + } + function d3v3_geo_pointInPolygon(point, polygon) { + var meridian = point[0], parallel = point[1], meridianNormal = [ Math.sin(meridian), -Math.cos(meridian), 0 ], polarAngle = 0, winding = 0; + d3v3_geo_areaRingSum.reset(); + for (var i = 0, n = polygon.length; i < n; ++i) { + var ring = polygon[i], m = ring.length; + if (!m) continue; + var point0 = ring[0], ?0 = point0[0], f0 = point0[1] / 2 + p / 4, sinf0 = Math.sin(f0), cosf0 = Math.cos(f0), j = 1; + while (true) { + if (j === m) j = 0; + point = ring[j]; + var ? = point[0], f = point[1] / 2 + p / 4, sinf = Math.sin(f), cosf = Math.cos(f), d? = ? - ?0, sd? = d? >= 0 ? 1 : -1, ad? = sd? * d?, antimeridian = ad? > p, k = sinf0 * sinf; + d3v3_geo_areaRingSum.add(Math.atan2(k * sd? * Math.sin(ad?), cosf0 * cosf + k * Math.cos(ad?))); + polarAngle += antimeridian ? d? + sd? * t : d?; + if (antimeridian ^ ?0 >= meridian ^ ? >= meridian) { + var arc = d3v3_geo_cartesianCross(d3v3_geo_cartesian(point0), d3v3_geo_cartesian(point)); + d3v3_geo_cartesianNormalize(arc); + var intersection = d3v3_geo_cartesianCross(meridianNormal, arc); + d3v3_geo_cartesianNormalize(intersection); + var farc = (antimeridian ^ d? >= 0 ? -1 : 1) * d3v3_asin(intersection[2]); + if (parallel > farc || parallel === farc && (arc[0] || arc[1])) { + winding += antimeridian ^ d? >= 0 ? 1 : -1; + } + } + if (!j++) break; + ?0 = ?, sinf0 = sinf, cosf0 = cosf, point0 = point; + } + } + return (polarAngle < -e || polarAngle < e && d3v3_geo_areaRingSum < 0) ^ winding & 1; + } + function d3v3_geo_clipCircle(radius) { + var cr = Math.cos(radius), smallRadius = cr > 0, notHemisphere = abs(cr) > e, interpolate = d3v3_geo_circleInterpolate(radius, 6 * d3v3_radians); + return d3v3_geo_clip(visible, clipLine, interpolate, smallRadius ? [ 0, -radius ] : [ -p, radius - p ]); + function visible(?, f) { + return Math.cos(?) * Math.cos(f) > cr; + } + function clipLine(listener) { + var point0, c0, v0, v00, clean; + return { + lineStart: function() { + v00 = v0 = false; + clean = 1; + }, + point: function(?, f) { + var point1 = [ ?, f ], point2, v = visible(?, f), c = smallRadius ? v ? 0 : code(?, f) : v ? code(? + (? < 0 ? p : -p), f) : 0; + if (!point0 && (v00 = v0 = v)) listener.lineStart(); + if (v !== v0) { + point2 = intersect(point0, point1); + if (d3v3_geo_sphericalEqual(point0, point2) || d3v3_geo_sphericalEqual(point1, point2)) { + point1[0] += e; + point1[1] += e; + v = visible(point1[0], point1[1]); + } + } + if (v !== v0) { + clean = 0; + if (v) { + listener.lineStart(); + point2 = intersect(point1, point0); + listener.point(point2[0], point2[1]); + } else { + point2 = intersect(point0, point1); + listener.point(point2[0], point2[1]); + listener.lineEnd(); + } + point0 = point2; + } else if (notHemisphere && point0 && smallRadius ^ v) { + var t; + if (!(c & c0) && (t = intersect(point1, point0, true))) { + clean = 0; + if (smallRadius) { + listener.lineStart(); + listener.point(t[0][0], t[0][1]); + listener.point(t[1][0], t[1][1]); + listener.lineEnd(); + } else { + listener.point(t[1][0], t[1][1]); + listener.lineEnd(); + listener.lineStart(); + listener.point(t[0][0], t[0][1]); + } + } + } + if (v && (!point0 || !d3v3_geo_sphericalEqual(point0, point1))) { + listener.point(point1[0], point1[1]); + } + point0 = point1, v0 = v, c0 = c; + }, + lineEnd: function() { + if (v0) listener.lineEnd(); + point0 = null; + }, + clean: function() { + return clean | (v00 && v0) << 1; + } + }; + } + function intersect(a, b, two) { + var pa = d3v3_geo_cartesian(a), pb = d3v3_geo_cartesian(b); + var n1 = [ 1, 0, 0 ], n2 = d3v3_geo_cartesianCross(pa, pb), n2n2 = d3v3_geo_cartesianDot(n2, n2), n1n2 = n2[0], determinant = n2n2 - n1n2 * n1n2; + if (!determinant) return !two && a; + var c1 = cr * n2n2 / determinant, c2 = -cr * n1n2 / determinant, n1xn2 = d3v3_geo_cartesianCross(n1, n2), A = d3v3_geo_cartesianScale(n1, c1), B = d3v3_geo_cartesianScale(n2, c2); + d3v3_geo_cartesianAdd(A, B); + var u = n1xn2, w = d3v3_geo_cartesianDot(A, u), uu = d3v3_geo_cartesianDot(u, u), t2 = w * w - uu * (d3v3_geo_cartesianDot(A, A) - 1); + if (t2 < 0) return; + var t = Math.sqrt(t2), q = d3v3_geo_cartesianScale(u, (-w - t) / uu); + d3v3_geo_cartesianAdd(q, A); + q = d3v3_geo_spherical(q); + if (!two) return q; + var ?0 = a[0], ?1 = b[0], f0 = a[1], f1 = b[1], z; + if (?1 < ?0) z = ?0, ?0 = ?1, ?1 = z; + var d? = ?1 - ?0, polar = abs(d? - p) < e, meridian = polar || d? < e; + if (!polar && f1 < f0) z = f0, f0 = f1, f1 = z; + if (meridian ? polar ? f0 + f1 > 0 ^ q[1] < (abs(q[0] - ?0) < e ? f0 : f1) : f0 <= q[1] && q[1] <= f1 : d? > p ^ (?0 <= q[0] && q[0] <= ?1)) { + var q1 = d3v3_geo_cartesianScale(u, (-w + t) / uu); + d3v3_geo_cartesianAdd(q1, A); + return [ q, d3v3_geo_spherical(q1) ]; + } + } + function code(?, f) { + var r = smallRadius ? radius : p - radius, code = 0; + if (? < -r) code |= 1; else if (? > r) code |= 2; + if (f < -r) code |= 4; else if (f > r) code |= 8; + return code; + } + } + function d3v3_geom_clipLine(x0, y0, x1, y1) { + return function(line) { + var a = line.a, b = line.b, ax = a.x, ay = a.y, bx = b.x, by = b.y, t0 = 0, t1 = 1, dx = bx - ax, dy = by - ay, r; + r = x0 - ax; + if (!dx && r > 0) return; + r /= dx; + if (dx < 0) { + if (r < t0) return; + if (r < t1) t1 = r; + } else if (dx > 0) { + if (r > t1) return; + if (r > t0) t0 = r; + } + r = x1 - ax; + if (!dx && r < 0) return; + r /= dx; + if (dx < 0) { + if (r > t1) return; + if (r > t0) t0 = r; + } else if (dx > 0) { + if (r < t0) return; + if (r < t1) t1 = r; + } + r = y0 - ay; + if (!dy && r > 0) return; + r /= dy; + if (dy < 0) { + if (r < t0) return; + if (r < t1) t1 = r; + } else if (dy > 0) { + if (r > t1) return; + if (r > t0) t0 = r; + } + r = y1 - ay; + if (!dy && r < 0) return; + r /= dy; + if (dy < 0) { + if (r > t1) return; + if (r > t0) t0 = r; + } else if (dy > 0) { + if (r < t0) return; + if (r < t1) t1 = r; + } + if (t0 > 0) line.a = { + x: ax + t0 * dx, + y: ay + t0 * dy + }; + if (t1 < 1) line.b = { + x: ax + t1 * dx, + y: ay + t1 * dy + }; + return line; + }; + } + var d3v3_geo_clipExtentMAX = 1e9; + d3v3.geo.clipExtent = function() { + var x0, y0, x1, y1, stream, clip, clipExtent = { + stream: function(output) { + if (stream) stream.valid = false; + stream = clip(output); + stream.valid = true; + return stream; + }, + extent: function(_) { + if (!arguments.length) return [ [ x0, y0 ], [ x1, y1 ] ]; + clip = d3v3_geo_clipExtent(x0 = +_[0][0], y0 = +_[0][1], x1 = +_[1][0], y1 = +_[1][1]); + if (stream) stream.valid = false, stream = null; + return clipExtent; + } + }; + return clipExtent.extent([ [ 0, 0 ], [ 960, 500 ] ]); + }; + function d3v3_geo_clipExtent(x0, y0, x1, y1) { + return function(listener) { + var listener_ = listener, bufferListener = d3v3_geo_clipBufferListener(), clipLine = d3v3_geom_clipLine(x0, y0, x1, y1), segments, polygon, ring; + var clip = { + point: point, + lineStart: lineStart, + lineEnd: lineEnd, + polygonStart: function() { + listener = bufferListener; + segments = []; + polygon = []; + clean = true; + }, + polygonEnd: function() { + listener = listener_; + segments = d3v3.merge(segments); + var clipStartInside = insidePolygon([ x0, y1 ]), inside = clean && clipStartInside, visible = segments.length; + if (inside || visible) { + listener.polygonStart(); + if (inside) { + listener.lineStart(); + interpolate(null, null, 1, listener); + listener.lineEnd(); + } + if (visible) { + d3v3_geo_clipPolygon(segments, compare, clipStartInside, interpolate, listener); + } + listener.polygonEnd(); + } + segments = polygon = ring = null; + } + }; + function insidePolygon(p) { + var wn = 0, n = polygon.length, y = p[1]; + for (var i = 0; i < n; ++i) { + for (var j = 1, v = polygon[i], m = v.length, a = v[0], b; j < m; ++j) { + b = v[j]; + if (a[1] <= y) { + if (b[1] > y && d3v3_cross2d(a, b, p) > 0) ++wn; + } else { + if (b[1] <= y && d3v3_cross2d(a, b, p) < 0) --wn; + } + a = b; + } + } + return wn !== 0; + } + function interpolate(from, to, direction, listener) { + var a = 0, a1 = 0; + if (from == null || (a = corner(from, direction)) !== (a1 = corner(to, direction)) || comparePoints(from, to) < 0 ^ direction > 0) { + do { + listener.point(a === 0 || a === 3 ? x0 : x1, a > 1 ? y1 : y0); + } while ((a = (a + direction + 4) % 4) !== a1); + } else { + listener.point(to[0], to[1]); + } + } + function pointVisible(x, y) { + return x0 <= x && x <= x1 && y0 <= y && y <= y1; + } + function point(x, y) { + if (pointVisible(x, y)) listener.point(x, y); + } + var x__, y__, v__, x_, y_, v_, first, clean; + function lineStart() { + clip.point = linePoint; + if (polygon) polygon.push(ring = []); + first = true; + v_ = false; + x_ = y_ = NaN; + } + function lineEnd() { + if (segments) { + linePoint(x__, y__); + if (v__ && v_) bufferListener.rejoin(); + segments.push(bufferListener.buffer()); + } + clip.point = point; + if (v_) listener.lineEnd(); + } + function linePoint(x, y) { + x = Math.max(-d3v3_geo_clipExtentMAX, Math.min(d3v3_geo_clipExtentMAX, x)); + y = Math.max(-d3v3_geo_clipExtentMAX, Math.min(d3v3_geo_clipExtentMAX, y)); + var v = pointVisible(x, y); + if (polygon) ring.push([ x, y ]); + if (first) { + x__ = x, y__ = y, v__ = v; + first = false; + if (v) { + listener.lineStart(); + listener.point(x, y); + } + } else { + if (v && v_) listener.point(x, y); else { + var l = { + a: { + x: x_, + y: y_ + }, + b: { + x: x, + y: y + } + }; + if (clipLine(l)) { + if (!v_) { + listener.lineStart(); + listener.point(l.a.x, l.a.y); + } + listener.point(l.b.x, l.b.y); + if (!v) listener.lineEnd(); + clean = false; + } else if (v) { + listener.lineStart(); + listener.point(x, y); + clean = false; + } + } + } + x_ = x, y_ = y, v_ = v; + } + return clip; + }; + function corner(p, direction) { + return abs(p[0] - x0) < e ? direction > 0 ? 0 : 3 : abs(p[0] - x1) < e ? direction > 0 ? 2 : 1 : abs(p[1] - y0) < e ? direction > 0 ? 1 : 0 : direction > 0 ? 3 : 2; + } + function compare(a, b) { + return comparePoints(a.x, b.x); + } + function comparePoints(a, b) { + var ca = corner(a, 1), cb = corner(b, 1); + return ca !== cb ? ca - cb : ca === 0 ? b[1] - a[1] : ca === 1 ? a[0] - b[0] : ca === 2 ? a[1] - b[1] : b[0] - a[0]; + } + } + function d3v3_geo_conic(projectAt) { + var f0 = 0, f1 = p / 3, m = d3v3_geo_projectionMutator(projectAt), p = m(f0, f1); + p.parallels = function(_) { + if (!arguments.length) return [ f0 / p * 180, f1 / p * 180 ]; + return m(f0 = _[0] * p / 180, f1 = _[1] * p / 180); + }; + return p; + } + function d3v3_geo_conicEqualArea(f0, f1) { + var sinf0 = Math.sin(f0), n = (sinf0 + Math.sin(f1)) / 2, C = 1 + sinf0 * (2 * n - sinf0), ?0 = Math.sqrt(C) / n; + function forward(?, f) { + var ? = Math.sqrt(C - 2 * n * Math.sin(f)) / n; + return [ ? * Math.sin(? *= n), ?0 - ? * Math.cos(?) ]; + } + forward.invert = function(x, y) { + var ?0_y = ?0 - y; + return [ Math.atan2(x, ?0_y) / n, d3v3_asin((C - (x * x + ?0_y * ?0_y) * n * n) / (2 * n)) ]; + }; + return forward; + } + (d3v3.geo.conicEqualArea = function() { + return d3v3_geo_conic(d3v3_geo_conicEqualArea); + }).raw = d3v3_geo_conicEqualArea; + d3v3.geo.albers = function() { + return d3v3.geo.conicEqualArea().rotate([ 96, 0 ]).center([ -.6, 38.7 ]).parallels([ 29.5, 45.5 ]).scale(1070); + }; + d3v3.geo.albersUsa = function() { + var lower48 = d3v3.geo.albers(); + var alaska = d3v3.geo.conicEqualArea().rotate([ 154, 0 ]).center([ -2, 58.5 ]).parallels([ 55, 65 ]); + var hawaii = d3v3.geo.conicEqualArea().rotate([ 157, 0 ]).center([ -3, 19.9 ]).parallels([ 8, 18 ]); + var point, pointStream = { + point: function(x, y) { + point = [ x, y ]; + } + }, lower48Point, alaskaPoint, hawaiiPoint; + function albersUsa(coordinates) { + var x = coordinates[0], y = coordinates[1]; + point = null; + (lower48Point(x, y), point) || (alaskaPoint(x, y), point) || hawaiiPoint(x, y); + return point; + } + albersUsa.invert = function(coordinates) { + var k = lower48.scale(), t = lower48.translate(), x = (coordinates[0] - t[0]) / k, y = (coordinates[1] - t[1]) / k; + return (y >= .12 && y < .234 && x >= -.425 && x < -.214 ? alaska : y >= .166 && y < .234 && x >= -.214 && x < -.115 ? hawaii : lower48).invert(coordinates); + }; + albersUsa.stream = function(stream) { + var lower48Stream = lower48.stream(stream), alaskaStream = alaska.stream(stream), hawaiiStream = hawaii.stream(stream); + return { + point: function(x, y) { + lower48Stream.point(x, y); + alaskaStream.point(x, y); + hawaiiStream.point(x, y); + }, + sphere: function() { + lower48Stream.sphere(); + alaskaStream.sphere(); + hawaiiStream.sphere(); + }, + lineStart: function() { + lower48Stream.lineStart(); + alaskaStream.lineStart(); + hawaiiStream.lineStart(); + }, + lineEnd: function() { + lower48Stream.lineEnd(); + alaskaStream.lineEnd(); + hawaiiStream.lineEnd(); + }, + polygonStart: function() { + lower48Stream.polygonStart(); + alaskaStream.polygonStart(); + hawaiiStream.polygonStart(); + }, + polygonEnd: function() { + lower48Stream.polygonEnd(); + alaskaStream.polygonEnd(); + hawaiiStream.polygonEnd(); + } + }; + }; + albersUsa.precision = function(_) { + if (!arguments.length) return lower48.precision(); + lower48.precision(_); + alaska.precision(_); + hawaii.precision(_); + return albersUsa; + }; + albersUsa.scale = function(_) { + if (!arguments.length) return lower48.scale(); + lower48.scale(_); + alaska.scale(_ * .35); + hawaii.scale(_); + return albersUsa.translate(lower48.translate()); + }; + albersUsa.translate = function(_) { + if (!arguments.length) return lower48.translate(); + var k = lower48.scale(), x = +_[0], y = +_[1]; + lower48Point = lower48.translate(_).clipExtent([ [ x - .455 * k, y - .238 * k ], [ x + .455 * k, y + .238 * k ] ]).stream(pointStream).point; + alaskaPoint = alaska.translate([ x - .307 * k, y + .201 * k ]).clipExtent([ [ x - .425 * k + e, y + .12 * k + e ], [ x - .214 * k - e, y + .234 * k - e ] ]).stream(pointStream).point; + hawaiiPoint = hawaii.translate([ x - .205 * k, y + .212 * k ]).clipExtent([ [ x - .214 * k + e, y + .166 * k + e ], [ x - .115 * k - e, y + .234 * k - e ] ]).stream(pointStream).point; + return albersUsa; + }; + return albersUsa.scale(1070); + }; + var d3v3_geo_pathAreaSum, d3v3_geo_pathAreaPolygon, d3v3_geo_pathArea = { + point: d3v3_noop, + lineStart: d3v3_noop, + lineEnd: d3v3_noop, + polygonStart: function() { + d3v3_geo_pathAreaPolygon = 0; + d3v3_geo_pathArea.lineStart = d3v3_geo_pathAreaRingStart; + }, + polygonEnd: function() { + d3v3_geo_pathArea.lineStart = d3v3_geo_pathArea.lineEnd = d3v3_geo_pathArea.point = d3v3_noop; + d3v3_geo_pathAreaSum += abs(d3v3_geo_pathAreaPolygon / 2); + } + }; + function d3v3_geo_pathAreaRingStart() { + var x00, y00, x0, y0; + d3v3_geo_pathArea.point = function(x, y) { + d3v3_geo_pathArea.point = nextPoint; + x00 = x0 = x, y00 = y0 = y; + }; + function nextPoint(x, y) { + d3v3_geo_pathAreaPolygon += y0 * x - x0 * y; + x0 = x, y0 = y; + } + d3v3_geo_pathArea.lineEnd = function() { + nextPoint(x00, y00); + }; + } + var d3v3_geo_pathBoundsX0, d3v3_geo_pathBoundsY0, d3v3_geo_pathBoundsX1, d3v3_geo_pathBoundsY1; + var d3v3_geo_pathBounds = { + point: d3v3_geo_pathBoundsPoint, + lineStart: d3v3_noop, + lineEnd: d3v3_noop, + polygonStart: d3v3_noop, + polygonEnd: d3v3_noop + }; + function d3v3_geo_pathBoundsPoint(x, y) { + if (x < d3v3_geo_pathBoundsX0) d3v3_geo_pathBoundsX0 = x; + if (x > d3v3_geo_pathBoundsX1) d3v3_geo_pathBoundsX1 = x; + if (y < d3v3_geo_pathBoundsY0) d3v3_geo_pathBoundsY0 = y; + if (y > d3v3_geo_pathBoundsY1) d3v3_geo_pathBoundsY1 = y; + } + function d3v3_geo_pathBuffer() { + var pointCircle = d3v3_geo_pathBufferCircle(4.5), buffer = []; + var stream = { + point: point, + lineStart: function() { + stream.point = pointLineStart; + }, + lineEnd: lineEnd, + polygonStart: function() { + stream.lineEnd = lineEndPolygon; + }, + polygonEnd: function() { + stream.lineEnd = lineEnd; + stream.point = point; + }, + pointRadius: function(_) { + pointCircle = d3v3_geo_pathBufferCircle(_); + return stream; + }, + result: function() { + if (buffer.length) { + var result = buffer.join(""); + buffer = []; + return result; + } + } + }; + function point(x, y) { + buffer.push("M", x, ",", y, pointCircle); + } + function pointLineStart(x, y) { + buffer.push("M", x, ",", y); + stream.point = pointLine; + } + function pointLine(x, y) { + buffer.push("L", x, ",", y); + } + function lineEnd() { + stream.point = point; + } + function lineEndPolygon() { + buffer.push("Z"); + } + return stream; + } + function d3v3_geo_pathBufferCircle(radius) { + return "m0," + radius + "a" + radius + "," + radius + " 0 1,1 0," + -2 * radius + "a" + radius + "," + radius + " 0 1,1 0," + 2 * radius + "z"; + } + var d3v3_geo_pathCentroid = { + point: d3v3_geo_pathCentroidPoint, + lineStart: d3v3_geo_pathCentroidLineStart, + lineEnd: d3v3_geo_pathCentroidLineEnd, + polygonStart: function() { + d3v3_geo_pathCentroid.lineStart = d3v3_geo_pathCentroidRingStart; + }, + polygonEnd: function() { + d3v3_geo_pathCentroid.point = d3v3_geo_pathCentroidPoint; + d3v3_geo_pathCentroid.lineStart = d3v3_geo_pathCentroidLineStart; + d3v3_geo_pathCentroid.lineEnd = d3v3_geo_pathCentroidLineEnd; + } + }; + function d3v3_geo_pathCentroidPoint(x, y) { + d3v3_geo_centroidX0 += x; + d3v3_geo_centroidY0 += y; + ++d3v3_geo_centroidZ0; + } + function d3v3_geo_pathCentroidLineStart() { + var x0, y0; + d3v3_geo_pathCentroid.point = function(x, y) { + d3v3_geo_pathCentroid.point = nextPoint; + d3v3_geo_pathCentroidPoint(x0 = x, y0 = y); + }; + function nextPoint(x, y) { + var dx = x - x0, dy = y - y0, z = Math.sqrt(dx * dx + dy * dy); + d3v3_geo_centroidX1 += z * (x0 + x) / 2; + d3v3_geo_centroidY1 += z * (y0 + y) / 2; + d3v3_geo_centroidZ1 += z; + d3v3_geo_pathCentroidPoint(x0 = x, y0 = y); + } + } + function d3v3_geo_pathCentroidLineEnd() { + d3v3_geo_pathCentroid.point = d3v3_geo_pathCentroidPoint; + } + function d3v3_geo_pathCentroidRingStart() { + var x00, y00, x0, y0; + d3v3_geo_pathCentroid.point = function(x, y) { + d3v3_geo_pathCentroid.point = nextPoint; + d3v3_geo_pathCentroidPoint(x00 = x0 = x, y00 = y0 = y); + }; + function nextPoint(x, y) { + var dx = x - x0, dy = y - y0, z = Math.sqrt(dx * dx + dy * dy); + d3v3_geo_centroidX1 += z * (x0 + x) / 2; + d3v3_geo_centroidY1 += z * (y0 + y) / 2; + d3v3_geo_centroidZ1 += z; + z = y0 * x - x0 * y; + d3v3_geo_centroidX2 += z * (x0 + x); + d3v3_geo_centroidY2 += z * (y0 + y); + d3v3_geo_centroidZ2 += z * 3; + d3v3_geo_pathCentroidPoint(x0 = x, y0 = y); + } + d3v3_geo_pathCentroid.lineEnd = function() { + nextPoint(x00, y00); + }; + } + function d3v3_geo_pathContext(context) { + var pointRadius = 4.5; + var stream = { + point: point, + lineStart: function() { + stream.point = pointLineStart; + }, + lineEnd: lineEnd, + polygonStart: function() { + stream.lineEnd = lineEndPolygon; + }, + polygonEnd: function() { + stream.lineEnd = lineEnd; + stream.point = point; + }, + pointRadius: function(_) { + pointRadius = _; + return stream; + }, + result: d3v3_noop + }; + function point(x, y) { + context.moveTo(x + pointRadius, y); + context.arc(x, y, pointRadius, 0, t); + } + function pointLineStart(x, y) { + context.moveTo(x, y); + stream.point = pointLine; + } + function pointLine(x, y) { + context.lineTo(x, y); + } + function lineEnd() { + stream.point = point; + } + function lineEndPolygon() { + context.closePath(); + } + return stream; + } + function d3v3_geo_resample(project) { + var d2 = .5, cosMinDistance = Math.cos(30 * d3v3_radians), maxDepth = 16; + function resample(stream) { + return (maxDepth ? resampleRecursive : resampleNone)(stream); + } + function resampleNone(stream) { + return d3v3_geo_transformPoint(stream, function(x, y) { + x = project(x, y); + stream.point(x[0], x[1]); + }); + } + function resampleRecursive(stream) { + var ?00, f00, x00, y00, a00, b00, c00, ?0, x0, y0, a0, b0, c0; + var resample = { + point: point, + lineStart: lineStart, + lineEnd: lineEnd, + polygonStart: function() { + stream.polygonStart(); + resample.lineStart = ringStart; + }, + polygonEnd: function() { + stream.polygonEnd(); + resample.lineStart = lineStart; + } + }; + function point(x, y) { + x = project(x, y); + stream.point(x[0], x[1]); + } + function lineStart() { + x0 = NaN; + resample.point = linePoint; + stream.lineStart(); + } + function linePoint(?, f) { + var c = d3v3_geo_cartesian([ ?, f ]), p = project(?, f); + resampleLineTo(x0, y0, ?0, a0, b0, c0, x0 = p[0], y0 = p[1], ?0 = ?, a0 = c[0], b0 = c[1], c0 = c[2], maxDepth, stream); + stream.point(x0, y0); + } + function lineEnd() { + resample.point = point; + stream.lineEnd(); + } + function ringStart() { + lineStart(); + resample.point = ringPoint; + resample.lineEnd = ringEnd; + } + function ringPoint(?, f) { + linePoint(?00 = ?, f00 = f), x00 = x0, y00 = y0, a00 = a0, b00 = b0, c00 = c0; + resample.point = linePoint; + } + function ringEnd() { + resampleLineTo(x0, y0, ?0, a0, b0, c0, x00, y00, ?00, a00, b00, c00, maxDepth, stream); + resample.lineEnd = lineEnd; + lineEnd(); + } + return resample; + } + function resampleLineTo(x0, y0, ?0, a0, b0, c0, x1, y1, ?1, a1, b1, c1, depth, stream) { + var dx = x1 - x0, dy = y1 - y0, d2 = dx * dx + dy * dy; + if (d2 > 4 * d2 && depth--) { + var a = a0 + a1, b = b0 + b1, c = c0 + c1, m = Math.sqrt(a * a + b * b + c * c), f2 = Math.asin(c /= m), ?2 = abs(abs(c) - 1) < e || abs(?0 - ?1) < e ? (?0 + ?1) / 2 : Math.atan2(b, a), p = project(?2, f2), x2 = p[0], y2 = p[1], dx2 = x2 - x0, dy2 = y2 - y0, dz = dy * dx2 - dx * dy2; + if (dz * dz / d2 > d2 || abs((dx * dx2 + dy * dy2) / d2 - .5) > .3 || a0 * a1 + b0 * b1 + c0 * c1 < cosMinDistance) { + resampleLineTo(x0, y0, ?0, a0, b0, c0, x2, y2, ?2, a /= m, b /= m, c, depth, stream); + stream.point(x2, y2); + resampleLineTo(x2, y2, ?2, a, b, c, x1, y1, ?1, a1, b1, c1, depth, stream); + } + } + } + resample.precision = function(_) { + if (!arguments.length) return Math.sqrt(d2); + maxDepth = (d2 = _ * _) > 0 && 16; + return resample; + }; + return resample; + } + d3v3.geo.path = function() { + var pointRadius = 4.5, projection, context, projectStream, contextStream, cacheStream; + function path(object) { + if (object) { + if (typeof pointRadius === "function") contextStream.pointRadius(+pointRadius.apply(this, arguments)); + if (!cacheStream || !cacheStream.valid) cacheStream = projectStream(contextStream); + d3v3.geo.stream(object, cacheStream); + } + return contextStream.result(); + } + path.area = function(object) { + d3v3_geo_pathAreaSum = 0; + d3v3.geo.stream(object, projectStream(d3v3_geo_pathArea)); + return d3v3_geo_pathAreaSum; + }; + path.centroid = function(object) { + d3v3_geo_centroidX0 = d3v3_geo_centroidY0 = d3v3_geo_centroidZ0 = d3v3_geo_centroidX1 = d3v3_geo_centroidY1 = d3v3_geo_centroidZ1 = d3v3_geo_centroidX2 = d3v3_geo_centroidY2 = d3v3_geo_centroidZ2 = 0; + d3v3.geo.stream(object, projectStream(d3v3_geo_pathCentroid)); + return d3v3_geo_centroidZ2 ? [ d3v3_geo_centroidX2 / d3v3_geo_centroidZ2, d3v3_geo_centroidY2 / d3v3_geo_centroidZ2 ] : d3v3_geo_centroidZ1 ? [ d3v3_geo_centroidX1 / d3v3_geo_centroidZ1, d3v3_geo_centroidY1 / d3v3_geo_centroidZ1 ] : d3v3_geo_centroidZ0 ? [ d3v3_geo_centroidX0 / d3v3_geo_centroidZ0, d3v3_geo_centroidY0 / d3v3_geo_centroidZ0 ] : [ NaN, NaN ]; + }; + path.bounds = function(object) { + d3v3_geo_pathBoundsX1 = d3v3_geo_pathBoundsY1 = -(d3v3_geo_pathBoundsX0 = d3v3_geo_pathBoundsY0 = Infinity); + d3v3.geo.stream(object, projectStream(d3v3_geo_pathBounds)); + return [ [ d3v3_geo_pathBoundsX0, d3v3_geo_pathBoundsY0 ], [ d3v3_geo_pathBoundsX1, d3v3_geo_pathBoundsY1 ] ]; + }; + path.projection = function(_) { + if (!arguments.length) return projection; + projectStream = (projection = _) ? _.stream || d3v3_geo_pathProjectStream(_) : d3v3_identity; + return reset(); + }; + path.context = function(_) { + if (!arguments.length) return context; + contextStream = (context = _) == null ? new d3v3_geo_pathBuffer() : new d3v3_geo_pathContext(_); + if (typeof pointRadius !== "function") contextStream.pointRadius(pointRadius); + return reset(); + }; + path.pointRadius = function(_) { + if (!arguments.length) return pointRadius; + pointRadius = typeof _ === "function" ? _ : (contextStream.pointRadius(+_), +_); + return path; + }; + function reset() { + cacheStream = null; + return path; + } + return path.projection(d3v3.geo.albersUsa()).context(null); + }; + function d3v3_geo_pathProjectStream(project) { + var resample = d3v3_geo_resample(function(x, y) { + return project([ x * d3v3_degrees, y * d3v3_degrees ]); + }); + return function(stream) { + return d3v3_geo_projectionRadians(resample(stream)); + }; + } + d3v3.geo.transform = function(methods) { + return { + stream: function(stream) { + var transform = new d3v3_geo_transform(stream); + for (var k in methods) transform[k] = methods[k]; + return transform; + } + }; + }; + function d3v3_geo_transform(stream) { + this.stream = stream; + } + d3v3_geo_transform.prototype = { + point: function(x, y) { + this.stream.point(x, y); + }, + sphere: function() { + this.stream.sphere(); + }, + lineStart: function() { + this.stream.lineStart(); + }, + lineEnd: function() { + this.stream.lineEnd(); + }, + polygonStart: function() { + this.stream.polygonStart(); + }, + polygonEnd: function() { + this.stream.polygonEnd(); + } + }; + function d3v3_geo_transformPoint(stream, point) { + return { + point: point, + sphere: function() { + stream.sphere(); + }, + lineStart: function() { + stream.lineStart(); + }, + lineEnd: function() { + stream.lineEnd(); + }, + polygonStart: function() { + stream.polygonStart(); + }, + polygonEnd: function() { + stream.polygonEnd(); + } + }; + } + d3v3.geo.projection = d3v3_geo_projection; + d3v3.geo.projectionMutator = d3v3_geo_projectionMutator; + function d3v3_geo_projection(project) { + return d3v3_geo_projectionMutator(function() { + return project; + })(); + } + function d3v3_geo_projectionMutator(projectAt) { + var project, rotate, projectRotate, projectResample = d3v3_geo_resample(function(x, y) { + x = project(x, y); + return [ x[0] * k + dx, dy - x[1] * k ]; + }), k = 150, x = 480, y = 250, ? = 0, f = 0, d? = 0, df = 0, d? = 0, dx, dy, preclip = d3v3_geo_clipAntimeridian, postclip = d3v3_identity, clipAngle = null, clipExtent = null, stream; + function projection(point) { + point = projectRotate(point[0] * d3v3_radians, point[1] * d3v3_radians); + return [ point[0] * k + dx, dy - point[1] * k ]; + } + function invert(point) { + point = projectRotate.invert((point[0] - dx) / k, (dy - point[1]) / k); + return point && [ point[0] * d3v3_degrees, point[1] * d3v3_degrees ]; + } + projection.stream = function(output) { + if (stream) stream.valid = false; + stream = d3v3_geo_projectionRadians(preclip(rotate, projectResample(postclip(output)))); + stream.valid = true; + return stream; + }; + projection.clipAngle = function(_) { + if (!arguments.length) return clipAngle; + preclip = _ == null ? (clipAngle = _, d3v3_geo_clipAntimeridian) : d3v3_geo_clipCircle((clipAngle = +_) * d3v3_radians); + return invalidate(); + }; + projection.clipExtent = function(_) { + if (!arguments.length) return clipExtent; + clipExtent = _; + postclip = _ ? d3v3_geo_clipExtent(_[0][0], _[0][1], _[1][0], _[1][1]) : d3v3_identity; + return invalidate(); + }; + projection.scale = function(_) { + if (!arguments.length) return k; + k = +_; + return reset(); + }; + projection.translate = function(_) { + if (!arguments.length) return [ x, y ]; + x = +_[0]; + y = +_[1]; + return reset(); + }; + projection.center = function(_) { + if (!arguments.length) return [ ? * d3v3_degrees, f * d3v3_degrees ]; + ? = _[0] % 360 * d3v3_radians; + f = _[1] % 360 * d3v3_radians; + return reset(); + }; + projection.rotate = function(_) { + if (!arguments.length) return [ d? * d3v3_degrees, df * d3v3_degrees, d? * d3v3_degrees ]; + d? = _[0] % 360 * d3v3_radians; + df = _[1] % 360 * d3v3_radians; + d? = _.length > 2 ? _[2] % 360 * d3v3_radians : 0; + return reset(); + }; + d3v3.rebind(projection, projectResample, "precision"); + function reset() { + projectRotate = d3v3_geo_compose(rotate = d3v3_geo_rotation(d?, df, d?), project); + var center = project(?, f); + dx = x - center[0] * k; + dy = y + center[1] * k; + return invalidate(); + } + function invalidate() { + if (stream) stream.valid = false, stream = null; + return projection; + } + return function() { + project = projectAt.apply(this, arguments); + projection.invert = project.invert && invert; + return reset(); + }; + } + function d3v3_geo_projectionRadians(stream) { + return d3v3_geo_transformPoint(stream, function(x, y) { + stream.point(x * d3v3_radians, y * d3v3_radians); + }); + } + function d3v3_geo_equirectangular(?, f) { + return [ ?, f ]; + } + (d3v3.geo.equirectangular = function() { + return d3v3_geo_projection(d3v3_geo_equirectangular); + }).raw = d3v3_geo_equirectangular.invert = d3v3_geo_equirectangular; + d3v3.geo.rotation = function(rotate) { + rotate = d3v3_geo_rotation(rotate[0] % 360 * d3v3_radians, rotate[1] * d3v3_radians, rotate.length > 2 ? rotate[2] * d3v3_radians : 0); + function forward(coordinates) { + coordinates = rotate(coordinates[0] * d3v3_radians, coordinates[1] * d3v3_radians); + return coordinates[0] *= d3v3_degrees, coordinates[1] *= d3v3_degrees, coordinates; + } + forward.invert = function(coordinates) { + coordinates = rotate.invert(coordinates[0] * d3v3_radians, coordinates[1] * d3v3_radians); + return coordinates[0] *= d3v3_degrees, coordinates[1] *= d3v3_degrees, coordinates; + }; + return forward; + }; + function d3v3_geo_identityRotation(?, f) { + return [ ? > p ? ? - t : ? < -p ? ? + t : ?, f ]; + } + d3v3_geo_identityRotation.invert = d3v3_geo_equirectangular; + function d3v3_geo_rotation(d?, df, d?) { + return d? ? df || d? ? d3v3_geo_compose(d3v3_geo_rotation?(d?), d3v3_geo_rotationf?(df, d?)) : d3v3_geo_rotation?(d?) : df || d? ? d3v3_geo_rotationf?(df, d?) : d3v3_geo_identityRotation; + } + function d3v3_geo_forwardRotation?(d?) { + return function(?, f) { + return ? += d?, [ ? > p ? ? - t : ? < -p ? ? + t : ?, f ]; + }; + } + function d3v3_geo_rotation?(d?) { + var rotation = d3v3_geo_forwardRotation?(d?); + rotation.invert = d3v3_geo_forwardRotation?(-d?); + return rotation; + } + function d3v3_geo_rotationf?(df, d?) { + var cosdf = Math.cos(df), sindf = Math.sin(df), cosd? = Math.cos(d?), sind? = Math.sin(d?); + function rotation(?, f) { + var cosf = Math.cos(f), x = Math.cos(?) * cosf, y = Math.sin(?) * cosf, z = Math.sin(f), k = z * cosdf + x * sindf; + return [ Math.atan2(y * cosd? - k * sind?, x * cosdf - z * sindf), d3v3_asin(k * cosd? + y * sind?) ]; + } + rotation.invert = function(?, f) { + var cosf = Math.cos(f), x = Math.cos(?) * cosf, y = Math.sin(?) * cosf, z = Math.sin(f), k = z * cosd? - y * sind?; + return [ Math.atan2(y * cosd? + z * sind?, x * cosdf + k * sindf), d3v3_asin(k * cosdf - x * sindf) ]; + }; + return rotation; + } + d3v3.geo.circle = function() { + var origin = [ 0, 0 ], angle, precision = 6, interpolate; + function circle() { + var center = typeof origin === "function" ? origin.apply(this, arguments) : origin, rotate = d3v3_geo_rotation(-center[0] * d3v3_radians, -center[1] * d3v3_radians, 0).invert, ring = []; + interpolate(null, null, 1, { + point: function(x, y) { + ring.push(x = rotate(x, y)); + x[0] *= d3v3_degrees, x[1] *= d3v3_degrees; + } + }); + return { + type: "Polygon", + coordinates: [ ring ] + }; + } + circle.origin = function(x) { + if (!arguments.length) return origin; + origin = x; + return circle; + }; + circle.angle = function(x) { + if (!arguments.length) return angle; + interpolate = d3v3_geo_circleInterpolate((angle = +x) * d3v3_radians, precision * d3v3_radians); + return circle; + }; + circle.precision = function(_) { + if (!arguments.length) return precision; + interpolate = d3v3_geo_circleInterpolate(angle * d3v3_radians, (precision = +_) * d3v3_radians); + return circle; + }; + return circle.angle(90); + }; + function d3v3_geo_circleInterpolate(radius, precision) { + var cr = Math.cos(radius), sr = Math.sin(radius); + return function(from, to, direction, listener) { + var step = direction * precision; + if (from != null) { + from = d3v3_geo_circleAngle(cr, from); + to = d3v3_geo_circleAngle(cr, to); + if (direction > 0 ? from < to : from > to) from += direction * t; + } else { + from = radius + direction * t; + to = radius - .5 * step; + } + for (var point, t = from; direction > 0 ? t > to : t < to; t -= step) { + listener.point((point = d3v3_geo_spherical([ cr, -sr * Math.cos(t), -sr * Math.sin(t) ]))[0], point[1]); + } + }; + } + function d3v3_geo_circleAngle(cr, point) { + var a = d3v3_geo_cartesian(point); + a[0] -= cr; + d3v3_geo_cartesianNormalize(a); + var angle = d3v3_acos(-a[1]); + return ((-a[2] < 0 ? -angle : angle) + 2 * Math.PI - e) % (2 * Math.PI); + } + d3v3.geo.distance = function(a, b) { + var ?? = (b[0] - a[0]) * d3v3_radians, f0 = a[1] * d3v3_radians, f1 = b[1] * d3v3_radians, sin?? = Math.sin(??), cos?? = Math.cos(??), sinf0 = Math.sin(f0), cosf0 = Math.cos(f0), sinf1 = Math.sin(f1), cosf1 = Math.cos(f1), t; + return Math.atan2(Math.sqrt((t = cosf1 * sin??) * t + (t = cosf0 * sinf1 - sinf0 * cosf1 * cos??) * t), sinf0 * sinf1 + cosf0 * cosf1 * cos??); + }; + d3v3.geo.graticule = function() { + var x1, x0, X1, X0, y1, y0, Y1, Y0, dx = 10, dy = dx, DX = 90, DY = 360, x, y, X, Y, precision = 2.5; + function graticule() { + return { + type: "MultiLineString", + coordinates: lines() + }; + } + function lines() { + return d3v3.range(Math.ceil(X0 / DX) * DX, X1, DX).map(X).concat(d3v3.range(Math.ceil(Y0 / DY) * DY, Y1, DY).map(Y)).concat(d3v3.range(Math.ceil(x0 / dx) * dx, x1, dx).filter(function(x) { + return abs(x % DX) > e; + }).map(x)).concat(d3v3.range(Math.ceil(y0 / dy) * dy, y1, dy).filter(function(y) { + return abs(y % DY) > e; + }).map(y)); + } + graticule.lines = function() { + return lines().map(function(coordinates) { + return { + type: "LineString", + coordinates: coordinates + }; + }); + }; + graticule.outline = function() { + return { + type: "Polygon", + coordinates: [ X(X0).concat(Y(Y1).slice(1), X(X1).reverse().slice(1), Y(Y0).reverse().slice(1)) ] + }; + }; + graticule.extent = function(_) { + if (!arguments.length) return graticule.minorExtent(); + return graticule.majorExtent(_).minorExtent(_); + }; + graticule.majorExtent = function(_) { + if (!arguments.length) return [ [ X0, Y0 ], [ X1, Y1 ] ]; + X0 = +_[0][0], X1 = +_[1][0]; + Y0 = +_[0][1], Y1 = +_[1][1]; + if (X0 > X1) _ = X0, X0 = X1, X1 = _; + if (Y0 > Y1) _ = Y0, Y0 = Y1, Y1 = _; + return graticule.precision(precision); + }; + graticule.minorExtent = function(_) { + if (!arguments.length) return [ [ x0, y0 ], [ x1, y1 ] ]; + x0 = +_[0][0], x1 = +_[1][0]; + y0 = +_[0][1], y1 = +_[1][1]; + if (x0 > x1) _ = x0, x0 = x1, x1 = _; + if (y0 > y1) _ = y0, y0 = y1, y1 = _; + return graticule.precision(precision); + }; + graticule.step = function(_) { + if (!arguments.length) return graticule.minorStep(); + return graticule.majorStep(_).minorStep(_); + }; + graticule.majorStep = function(_) { + if (!arguments.length) return [ DX, DY ]; + DX = +_[0], DY = +_[1]; + return graticule; + }; + graticule.minorStep = function(_) { + if (!arguments.length) return [ dx, dy ]; + dx = +_[0], dy = +_[1]; + return graticule; + }; + graticule.precision = function(_) { + if (!arguments.length) return precision; + precision = +_; + x = d3v3_geo_graticuleX(y0, y1, 90); + y = d3v3_geo_graticuleY(x0, x1, precision); + X = d3v3_geo_graticuleX(Y0, Y1, 90); + Y = d3v3_geo_graticuleY(X0, X1, precision); + return graticule; + }; + return graticule.majorExtent([ [ -180, -90 + e ], [ 180, 90 - e ] ]).minorExtent([ [ -180, -80 - e ], [ 180, 80 + e ] ]); + }; + function d3v3_geo_graticuleX(y0, y1, dy) { + var y = d3v3.range(y0, y1 - e, dy).concat(y1); + return function(x) { + return y.map(function(y) { + return [ x, y ]; + }); + }; + } + function d3v3_geo_graticuleY(x0, x1, dx) { + var x = d3v3.range(x0, x1 - e, dx).concat(x1); + return function(y) { + return x.map(function(x) { + return [ x, y ]; + }); + }; + } + function d3v3_source(d) { + return d.source; + } + function d3v3_target(d) { + return d.target; + } + d3v3.geo.greatArc = function() { + var source = d3v3_source, source_, target = d3v3_target, target_; + function greatArc() { + return { + type: "LineString", + coordinates: [ source_ || source.apply(this, arguments), target_ || target.apply(this, arguments) ] + }; + } + greatArc.distance = function() { + return d3v3.geo.distance(source_ || source.apply(this, arguments), target_ || target.apply(this, arguments)); + }; + greatArc.source = function(_) { + if (!arguments.length) return source; + source = _, source_ = typeof _ === "function" ? null : _; + return greatArc; + }; + greatArc.target = function(_) { + if (!arguments.length) return target; + target = _, target_ = typeof _ === "function" ? null : _; + return greatArc; + }; + greatArc.precision = function() { + return arguments.length ? greatArc : 0; + }; + return greatArc; + }; + d3v3.geo.interpolate = function(source, target) { + return d3v3_geo_interpolate(source[0] * d3v3_radians, source[1] * d3v3_radians, target[0] * d3v3_radians, target[1] * d3v3_radians); + }; + function d3v3_geo_interpolate(x0, y0, x1, y1) { + var cy0 = Math.cos(y0), sy0 = Math.sin(y0), cy1 = Math.cos(y1), sy1 = Math.sin(y1), kx0 = cy0 * Math.cos(x0), ky0 = cy0 * Math.sin(x0), kx1 = cy1 * Math.cos(x1), ky1 = cy1 * Math.sin(x1), d = 2 * Math.asin(Math.sqrt(d3v3_haversin(y1 - y0) + cy0 * cy1 * d3v3_haversin(x1 - x0))), k = 1 / Math.sin(d); + var interpolate = d ? function(t) { + var B = Math.sin(t *= d) * k, A = Math.sin(d - t) * k, x = A * kx0 + B * kx1, y = A * ky0 + B * ky1, z = A * sy0 + B * sy1; + return [ Math.atan2(y, x) * d3v3_degrees, Math.atan2(z, Math.sqrt(x * x + y * y)) * d3v3_degrees ]; + } : function() { + return [ x0 * d3v3_degrees, y0 * d3v3_degrees ]; + }; + interpolate.distance = d; + return interpolate; + } + d3v3.geo.length = function(object) { + d3v3_geo_lengthSum = 0; + d3v3.geo.stream(object, d3v3_geo_length); + return d3v3_geo_lengthSum; + }; + var d3v3_geo_lengthSum; + var d3v3_geo_length = { + sphere: d3v3_noop, + point: d3v3_noop, + lineStart: d3v3_geo_lengthLineStart, + lineEnd: d3v3_noop, + polygonStart: d3v3_noop, + polygonEnd: d3v3_noop + }; + function d3v3_geo_lengthLineStart() { + var ?0, sinf0, cosf0; + d3v3_geo_length.point = function(?, f) { + ?0 = ? * d3v3_radians, sinf0 = Math.sin(f *= d3v3_radians), cosf0 = Math.cos(f); + d3v3_geo_length.point = nextPoint; + }; + d3v3_geo_length.lineEnd = function() { + d3v3_geo_length.point = d3v3_geo_length.lineEnd = d3v3_noop; + }; + function nextPoint(?, f) { + var sinf = Math.sin(f *= d3v3_radians), cosf = Math.cos(f), t = abs((? *= d3v3_radians) - ?0), cos?? = Math.cos(t); + d3v3_geo_lengthSum += Math.atan2(Math.sqrt((t = cosf * Math.sin(t)) * t + (t = cosf0 * sinf - sinf0 * cosf * cos??) * t), sinf0 * sinf + cosf0 * cosf * cos??); + ?0 = ?, sinf0 = sinf, cosf0 = cosf; + } + } + function d3v3_geo_azimuthal(scale, angle) { + function azimuthal(?, f) { + var cos? = Math.cos(?), cosf = Math.cos(f), k = scale(cos? * cosf); + return [ k * cosf * Math.sin(?), k * Math.sin(f) ]; + } + azimuthal.invert = function(x, y) { + var ? = Math.sqrt(x * x + y * y), c = angle(?), sinc = Math.sin(c), cosc = Math.cos(c); + return [ Math.atan2(x * sinc, ? * cosc), Math.asin(? && y * sinc / ?) ]; + }; + return azimuthal; + } + var d3v3_geo_azimuthalEqualArea = d3v3_geo_azimuthal(function(cos?cosf) { + return Math.sqrt(2 / (1 + cos?cosf)); + }, function(?) { + return 2 * Math.asin(? / 2); + }); + (d3v3.geo.azimuthalEqualArea = function() { + return d3v3_geo_projection(d3v3_geo_azimuthalEqualArea); + }).raw = d3v3_geo_azimuthalEqualArea; + var d3v3_geo_azimuthalEquidistant = d3v3_geo_azimuthal(function(cos?cosf) { + var c = Math.acos(cos?cosf); + return c && c / Math.sin(c); + }, d3v3_identity); + (d3v3.geo.azimuthalEquidistant = function() { + return d3v3_geo_projection(d3v3_geo_azimuthalEquidistant); + }).raw = d3v3_geo_azimuthalEquidistant; + function d3v3_geo_conicConformal(f0, f1) { + var cosf0 = Math.cos(f0), t = function(f) { + return Math.tan(p / 4 + f / 2); + }, n = f0 === f1 ? Math.sin(f0) : Math.log(cosf0 / Math.cos(f1)) / Math.log(t(f1) / t(f0)), F = cosf0 * Math.pow(t(f0), n) / n; + if (!n) return d3v3_geo_mercator; + function forward(?, f) { + if (F > 0) { + if (f < -halfp + e) f = -halfp + e; + } else { + if (f > halfp - e) f = halfp - e; + } + var ? = F / Math.pow(t(f), n); + return [ ? * Math.sin(n * ?), F - ? * Math.cos(n * ?) ]; + } + forward.invert = function(x, y) { + var ?0_y = F - y, ? = d3v3_sgn(n) * Math.sqrt(x * x + ?0_y * ?0_y); + return [ Math.atan2(x, ?0_y) / n, 2 * Math.atan(Math.pow(F / ?, 1 / n)) - halfp ]; + }; + return forward; + } + (d3v3.geo.conicConformal = function() { + return d3v3_geo_conic(d3v3_geo_conicConformal); + }).raw = d3v3_geo_conicConformal; + function d3v3_geo_conicEquidistant(f0, f1) { + var cosf0 = Math.cos(f0), n = f0 === f1 ? Math.sin(f0) : (cosf0 - Math.cos(f1)) / (f1 - f0), G = cosf0 / n + f0; + if (abs(n) < e) return d3v3_geo_equirectangular; + function forward(?, f) { + var ? = G - f; + return [ ? * Math.sin(n * ?), G - ? * Math.cos(n * ?) ]; + } + forward.invert = function(x, y) { + var ?0_y = G - y; + return [ Math.atan2(x, ?0_y) / n, G - d3v3_sgn(n) * Math.sqrt(x * x + ?0_y * ?0_y) ]; + }; + return forward; + } + (d3v3.geo.conicEquidistant = function() { + return d3v3_geo_conic(d3v3_geo_conicEquidistant); + }).raw = d3v3_geo_conicEquidistant; + var d3v3_geo_gnomonic = d3v3_geo_azimuthal(function(cos?cosf) { + return 1 / cos?cosf; + }, Math.atan); + (d3v3.geo.gnomonic = function() { + return d3v3_geo_projection(d3v3_geo_gnomonic); + }).raw = d3v3_geo_gnomonic; + function d3v3_geo_mercator(?, f) { + return [ ?, Math.log(Math.tan(p / 4 + f / 2)) ]; + } + d3v3_geo_mercator.invert = function(x, y) { + return [ x, 2 * Math.atan(Math.exp(y)) - halfp ]; + }; + function d3v3_geo_mercatorProjection(project) { + var m = d3v3_geo_projection(project), scale = m.scale, translate = m.translate, clipExtent = m.clipExtent, clipAuto; + m.scale = function() { + var v = scale.apply(m, arguments); + return v === m ? clipAuto ? m.clipExtent(null) : m : v; + }; + m.translate = function() { + var v = translate.apply(m, arguments); + return v === m ? clipAuto ? m.clipExtent(null) : m : v; + }; + m.clipExtent = function(_) { + var v = clipExtent.apply(m, arguments); + if (v === m) { + if (clipAuto = _ == null) { + var k = p * scale(), t = translate(); + clipExtent([ [ t[0] - k, t[1] - k ], [ t[0] + k, t[1] + k ] ]); + } + } else if (clipAuto) { + v = null; + } + return v; + }; + return m.clipExtent(null); + } + (d3v3.geo.mercator = function() { + return d3v3_geo_mercatorProjection(d3v3_geo_mercator); + }).raw = d3v3_geo_mercator; + var d3v3_geo_orthographic = d3v3_geo_azimuthal(function() { + return 1; + }, Math.asin); + (d3v3.geo.orthographic = function() { + return d3v3_geo_projection(d3v3_geo_orthographic); + }).raw = d3v3_geo_orthographic; + var d3v3_geo_stereographic = d3v3_geo_azimuthal(function(cos?cosf) { + return 1 / (1 + cos?cosf); + }, function(?) { + return 2 * Math.atan(?); + }); + (d3v3.geo.stereographic = function() { + return d3v3_geo_projection(d3v3_geo_stereographic); + }).raw = d3v3_geo_stereographic; + function d3v3_geo_transverseMercator(?, f) { + return [ Math.log(Math.tan(p / 4 + f / 2)), -? ]; + } + d3v3_geo_transverseMercator.invert = function(x, y) { + return [ -y, 2 * Math.atan(Math.exp(x)) - halfp ]; + }; + (d3v3.geo.transverseMercator = function() { + var projection = d3v3_geo_mercatorProjection(d3v3_geo_transverseMercator), center = projection.center, rotate = projection.rotate; + projection.center = function(_) { + return _ ? center([ -_[1], _[0] ]) : (_ = center(), [ _[1], -_[0] ]); + }; + projection.rotate = function(_) { + return _ ? rotate([ _[0], _[1], _.length > 2 ? _[2] + 90 : 90 ]) : (_ = rotate(), + [ _[0], _[1], _[2] - 90 ]); + }; + return rotate([ 0, 0, 90 ]); + }).raw = d3v3_geo_transverseMercator; + d3v3.geom = {}; + function d3v3_geom_pointX(d) { + return d[0]; + } + function d3v3_geom_pointY(d) { + return d[1]; + } + d3v3.geom.hull = function(vertices) { + var x = d3v3_geom_pointX, y = d3v3_geom_pointY; + if (arguments.length) return hull(vertices); + function hull(data) { + if (data.length < 3) return []; + var fx = d3v3_functor(x), fy = d3v3_functor(y), i, n = data.length, points = [], flippedPoints = []; + for (i = 0; i < n; i++) { + points.push([ +fx.call(this, data[i], i), +fy.call(this, data[i], i), i ]); + } + points.sort(d3v3_geom_hullOrder); + for (i = 0; i < n; i++) flippedPoints.push([ points[i][0], -points[i][1] ]); + var upper = d3v3_geom_hullUpper(points), lower = d3v3_geom_hullUpper(flippedPoints); + var skipLeft = lower[0] === upper[0], skipRight = lower[lower.length - 1] === upper[upper.length - 1], polygon = []; + for (i = upper.length - 1; i >= 0; --i) polygon.push(data[points[upper[i]][2]]); + for (i = +skipLeft; i < lower.length - skipRight; ++i) polygon.push(data[points[lower[i]][2]]); + return polygon; + } + hull.x = function(_) { + return arguments.length ? (x = _, hull) : x; + }; + hull.y = function(_) { + return arguments.length ? (y = _, hull) : y; + }; + return hull; + }; + function d3v3_geom_hullUpper(points) { + var n = points.length, hull = [ 0, 1 ], hs = 2; + for (var i = 2; i < n; i++) { + while (hs > 1 && d3v3_cross2d(points[hull[hs - 2]], points[hull[hs - 1]], points[i]) <= 0) --hs; + hull[hs++] = i; + } + return hull.slice(0, hs); + } + function d3v3_geom_hullOrder(a, b) { + return a[0] - b[0] || a[1] - b[1]; + } + d3v3.geom.polygon = function(coordinates) { + d3v3_subclass(coordinates, d3v3_geom_polygonPrototype); + return coordinates; + }; + var d3v3_geom_polygonPrototype = d3v3.geom.polygon.prototype = []; + d3v3_geom_polygonPrototype.area = function() { + var i = -1, n = this.length, a, b = this[n - 1], area = 0; + while (++i < n) { + a = b; + b = this[i]; + area += a[1] * b[0] - a[0] * b[1]; + } + return area * .5; + }; + d3v3_geom_polygonPrototype.centroid = function(k) { + var i = -1, n = this.length, x = 0, y = 0, a, b = this[n - 1], c; + if (!arguments.length) k = -1 / (6 * this.area()); + while (++i < n) { + a = b; + b = this[i]; + c = a[0] * b[1] - b[0] * a[1]; + x += (a[0] + b[0]) * c; + y += (a[1] + b[1]) * c; + } + return [ x * k, y * k ]; + }; + d3v3_geom_polygonPrototype.clip = function(subject) { + var input, closed = d3v3_geom_polygonClosed(subject), i = -1, n = this.length - d3v3_geom_polygonClosed(this), j, m, a = this[n - 1], b, c, d; + while (++i < n) { + input = subject.slice(); + subject.length = 0; + b = this[i]; + c = input[(m = input.length - closed) - 1]; + j = -1; + while (++j < m) { + d = input[j]; + if (d3v3_geom_polygonInside(d, a, b)) { + if (!d3v3_geom_polygonInside(c, a, b)) { + subject.push(d3v3_geom_polygonIntersect(c, d, a, b)); + } + subject.push(d); + } else if (d3v3_geom_polygonInside(c, a, b)) { + subject.push(d3v3_geom_polygonIntersect(c, d, a, b)); + } + c = d; + } + if (closed) subject.push(subject[0]); + a = b; + } + return subject; + }; + function d3v3_geom_polygonInside(p, a, b) { + return (b[0] - a[0]) * (p[1] - a[1]) < (b[1] - a[1]) * (p[0] - a[0]); + } + function d3v3_geom_polygonIntersect(c, d, a, b) { + var x1 = c[0], x3 = a[0], x21 = d[0] - x1, x43 = b[0] - x3, y1 = c[1], y3 = a[1], y21 = d[1] - y1, y43 = b[1] - y3, ua = (x43 * (y1 - y3) - y43 * (x1 - x3)) / (y43 * x21 - x43 * y21); + return [ x1 + ua * x21, y1 + ua * y21 ]; + } + function d3v3_geom_polygonClosed(coordinates) { + var a = coordinates[0], b = coordinates[coordinates.length - 1]; + return !(a[0] - b[0] || a[1] - b[1]); + } + var d3v3_geom_voronoiEdges, d3v3_geom_voronoiCells, d3v3_geom_voronoiBeaches, d3v3_geom_voronoiBeachPool = [], d3v3_geom_voronoiFirstCircle, d3v3_geom_voronoiCircles, d3v3_geom_voronoiCirclePool = []; + function d3v3_geom_voronoiBeach() { + d3v3_geom_voronoiRedBlackNode(this); + this.edge = this.site = this.circle = null; + } + function d3v3_geom_voronoiCreateBeach(site) { + var beach = d3v3_geom_voronoiBeachPool.pop() || new d3v3_geom_voronoiBeach(); + beach.site = site; + return beach; + } + function d3v3_geom_voronoiDetachBeach(beach) { + d3v3_geom_voronoiDetachCircle(beach); + d3v3_geom_voronoiBeaches.remove(beach); + d3v3_geom_voronoiBeachPool.push(beach); + d3v3_geom_voronoiRedBlackNode(beach); + } + function d3v3_geom_voronoiRemoveBeach(beach) { + var circle = beach.circle, x = circle.x, y = circle.cy, vertex = { + x: x, + y: y + }, previous = beach.P, next = beach.N, disappearing = [ beach ]; + d3v3_geom_voronoiDetachBeach(beach); + var lArc = previous; + while (lArc.circle && abs(x - lArc.circle.x) < e && abs(y - lArc.circle.cy) < e) { + previous = lArc.P; + disappearing.unshift(lArc); + d3v3_geom_voronoiDetachBeach(lArc); + lArc = previous; + } + disappearing.unshift(lArc); + d3v3_geom_voronoiDetachCircle(lArc); + var rArc = next; + while (rArc.circle && abs(x - rArc.circle.x) < e && abs(y - rArc.circle.cy) < e) { + next = rArc.N; + disappearing.push(rArc); + d3v3_geom_voronoiDetachBeach(rArc); + rArc = next; + } + disappearing.push(rArc); + d3v3_geom_voronoiDetachCircle(rArc); + var nArcs = disappearing.length, iArc; + for (iArc = 1; iArc < nArcs; ++iArc) { + rArc = disappearing[iArc]; + lArc = disappearing[iArc - 1]; + d3v3_geom_voronoiSetEdgeEnd(rArc.edge, lArc.site, rArc.site, vertex); + } + lArc = disappearing[0]; + rArc = disappearing[nArcs - 1]; + rArc.edge = d3v3_geom_voronoiCreateEdge(lArc.site, rArc.site, null, vertex); + d3v3_geom_voronoiAttachCircle(lArc); + d3v3_geom_voronoiAttachCircle(rArc); + } + function d3v3_geom_voronoiAddBeach(site) { + var x = site.x, directrix = site.y, lArc, rArc, dxl, dxr, node = d3v3_geom_voronoiBeaches._; + while (node) { + dxl = d3v3_geom_voronoiLeftBreakPoint(node, directrix) - x; + if (dxl > e) node = node.L; else { + dxr = x - d3v3_geom_voronoiRightBreakPoint(node, directrix); + if (dxr > e) { + if (!node.R) { + lArc = node; + break; + } + node = node.R; + } else { + if (dxl > -e) { + lArc = node.P; + rArc = node; + } else if (dxr > -e) { + lArc = node; + rArc = node.N; + } else { + lArc = rArc = node; + } + break; + } + } + } + var newArc = d3v3_geom_voronoiCreateBeach(site); + d3v3_geom_voronoiBeaches.insert(lArc, newArc); + if (!lArc && !rArc) return; + if (lArc === rArc) { + d3v3_geom_voronoiDetachCircle(lArc); + rArc = d3v3_geom_voronoiCreateBeach(lArc.site); + d3v3_geom_voronoiBeaches.insert(newArc, rArc); + newArc.edge = rArc.edge = d3v3_geom_voronoiCreateEdge(lArc.site, newArc.site); + d3v3_geom_voronoiAttachCircle(lArc); + d3v3_geom_voronoiAttachCircle(rArc); + return; + } + if (!rArc) { + newArc.edge = d3v3_geom_voronoiCreateEdge(lArc.site, newArc.site); + return; + } + d3v3_geom_voronoiDetachCircle(lArc); + d3v3_geom_voronoiDetachCircle(rArc); + var lSite = lArc.site, ax = lSite.x, ay = lSite.y, bx = site.x - ax, by = site.y - ay, rSite = rArc.site, cx = rSite.x - ax, cy = rSite.y - ay, d = 2 * (bx * cy - by * cx), hb = bx * bx + by * by, hc = cx * cx + cy * cy, vertex = { + x: (cy * hb - by * hc) / d + ax, + y: (bx * hc - cx * hb) / d + ay + }; + d3v3_geom_voronoiSetEdgeEnd(rArc.edge, lSite, rSite, vertex); + newArc.edge = d3v3_geom_voronoiCreateEdge(lSite, site, null, vertex); + rArc.edge = d3v3_geom_voronoiCreateEdge(site, rSite, null, vertex); + d3v3_geom_voronoiAttachCircle(lArc); + d3v3_geom_voronoiAttachCircle(rArc); + } + function d3v3_geom_voronoiLeftBreakPoint(arc, directrix) { + var site = arc.site, rfocx = site.x, rfocy = site.y, pby2 = rfocy - directrix; + if (!pby2) return rfocx; + var lArc = arc.P; + if (!lArc) return -Infinity; + site = lArc.site; + var lfocx = site.x, lfocy = site.y, plby2 = lfocy - directrix; + if (!plby2) return lfocx; + var hl = lfocx - rfocx, aby2 = 1 / pby2 - 1 / plby2, b = hl / plby2; + if (aby2) return (-b + Math.sqrt(b * b - 2 * aby2 * (hl * hl / (-2 * plby2) - lfocy + plby2 / 2 + rfocy - pby2 / 2))) / aby2 + rfocx; + return (rfocx + lfocx) / 2; + } + function d3v3_geom_voronoiRightBreakPoint(arc, directrix) { + var rArc = arc.N; + if (rArc) return d3v3_geom_voronoiLeftBreakPoint(rArc, directrix); + var site = arc.site; + return site.y === directrix ? site.x : Infinity; + } + function d3v3_geom_voronoiCell(site) { + this.site = site; + this.edges = []; + } + d3v3_geom_voronoiCell.prototype.prepare = function() { + var halfEdges = this.edges, iHalfEdge = halfEdges.length, edge; + while (iHalfEdge--) { + edge = halfEdges[iHalfEdge].edge; + if (!edge.b || !edge.a) halfEdges.splice(iHalfEdge, 1); + } + halfEdges.sort(d3v3_geom_voronoiHalfEdgeOrder); + return halfEdges.length; + }; + function d3v3_geom_voronoiCloseCells(extent) { + var x0 = extent[0][0], x1 = extent[1][0], y0 = extent[0][1], y1 = extent[1][1], x2, y2, x3, y3, cells = d3v3_geom_voronoiCells, iCell = cells.length, cell, iHalfEdge, halfEdges, nHalfEdges, start, end; + while (iCell--) { + cell = cells[iCell]; + if (!cell || !cell.prepare()) continue; + halfEdges = cell.edges; + nHalfEdges = halfEdges.length; + iHalfEdge = 0; + while (iHalfEdge < nHalfEdges) { + end = halfEdges[iHalfEdge].end(), x3 = end.x, y3 = end.y; + start = halfEdges[++iHalfEdge % nHalfEdges].start(), x2 = start.x, y2 = start.y; + if (abs(x3 - x2) > e || abs(y3 - y2) > e) { + halfEdges.splice(iHalfEdge, 0, new d3v3_geom_voronoiHalfEdge(d3v3_geom_voronoiCreateBorderEdge(cell.site, end, abs(x3 - x0) < e && y1 - y3 > e ? { + x: x0, + y: abs(x2 - x0) < e ? y2 : y1 + } : abs(y3 - y1) < e && x1 - x3 > e ? { + x: abs(y2 - y1) < e ? x2 : x1, + y: y1 + } : abs(x3 - x1) < e && y3 - y0 > e ? { + x: x1, + y: abs(x2 - x1) < e ? y2 : y0 + } : abs(y3 - y0) < e && x3 - x0 > e ? { + x: abs(y2 - y0) < e ? x2 : x0, + y: y0 + } : null), cell.site, null)); + ++nHalfEdges; + } + } + } + } + function d3v3_geom_voronoiHalfEdgeOrder(a, b) { + return b.angle - a.angle; + } + function d3v3_geom_voronoiCircle() { + d3v3_geom_voronoiRedBlackNode(this); + this.x = this.y = this.arc = this.site = this.cy = null; + } + function d3v3_geom_voronoiAttachCircle(arc) { + var lArc = arc.P, rArc = arc.N; + if (!lArc || !rArc) return; + var lSite = lArc.site, cSite = arc.site, rSite = rArc.site; + if (lSite === rSite) return; + var bx = cSite.x, by = cSite.y, ax = lSite.x - bx, ay = lSite.y - by, cx = rSite.x - bx, cy = rSite.y - by; + var d = 2 * (ax * cy - ay * cx); + if (d >= -e2) return; + var ha = ax * ax + ay * ay, hc = cx * cx + cy * cy, x = (cy * ha - ay * hc) / d, y = (ax * hc - cx * ha) / d, cy = y + by; + var circle = d3v3_geom_voronoiCirclePool.pop() || new d3v3_geom_voronoiCircle(); + circle.arc = arc; + circle.site = cSite; + circle.x = x + bx; + circle.y = cy + Math.sqrt(x * x + y * y); + circle.cy = cy; + arc.circle = circle; + var before = null, node = d3v3_geom_voronoiCircles._; + while (node) { + if (circle.y < node.y || circle.y === node.y && circle.x <= node.x) { + if (node.L) node = node.L; else { + before = node.P; + break; + } + } else { + if (node.R) node = node.R; else { + before = node; + break; + } + } + } + d3v3_geom_voronoiCircles.insert(before, circle); + if (!before) d3v3_geom_voronoiFirstCircle = circle; + } + function d3v3_geom_voronoiDetachCircle(arc) { + var circle = arc.circle; + if (circle) { + if (!circle.P) d3v3_geom_voronoiFirstCircle = circle.N; + d3v3_geom_voronoiCircles.remove(circle); + d3v3_geom_voronoiCirclePool.push(circle); + d3v3_geom_voronoiRedBlackNode(circle); + arc.circle = null; + } + } + function d3v3_geom_voronoiClipEdges(extent) { + var edges = d3v3_geom_voronoiEdges, clip = d3v3_geom_clipLine(extent[0][0], extent[0][1], extent[1][0], extent[1][1]), i = edges.length, e; + while (i--) { + e = edges[i]; + if (!d3v3_geom_voronoiConnectEdge(e, extent) || !clip(e) || abs(e.a.x - e.b.x) < e && abs(e.a.y - e.b.y) < e) { + e.a = e.b = null; + edges.splice(i, 1); + } + } + } + function d3v3_geom_voronoiConnectEdge(edge, extent) { + var vb = edge.b; + if (vb) return true; + var va = edge.a, x0 = extent[0][0], x1 = extent[1][0], y0 = extent[0][1], y1 = extent[1][1], lSite = edge.l, rSite = edge.r, lx = lSite.x, ly = lSite.y, rx = rSite.x, ry = rSite.y, fx = (lx + rx) / 2, fy = (ly + ry) / 2, fm, fb; + if (ry === ly) { + if (fx < x0 || fx >= x1) return; + if (lx > rx) { + if (!va) va = { + x: fx, + y: y0 + }; else if (va.y >= y1) return; + vb = { + x: fx, + y: y1 + }; + } else { + if (!va) va = { + x: fx, + y: y1 + }; else if (va.y < y0) return; + vb = { + x: fx, + y: y0 + }; + } + } else { + fm = (lx - rx) / (ry - ly); + fb = fy - fm * fx; + if (fm < -1 || fm > 1) { + if (lx > rx) { + if (!va) va = { + x: (y0 - fb) / fm, + y: y0 + }; else if (va.y >= y1) return; + vb = { + x: (y1 - fb) / fm, + y: y1 + }; + } else { + if (!va) va = { + x: (y1 - fb) / fm, + y: y1 + }; else if (va.y < y0) return; + vb = { + x: (y0 - fb) / fm, + y: y0 + }; + } + } else { + if (ly < ry) { + if (!va) va = { + x: x0, + y: fm * x0 + fb + }; else if (va.x >= x1) return; + vb = { + x: x1, + y: fm * x1 + fb + }; + } else { + if (!va) va = { + x: x1, + y: fm * x1 + fb + }; else if (va.x < x0) return; + vb = { + x: x0, + y: fm * x0 + fb + }; + } + } + } + edge.a = va; + edge.b = vb; + return true; + } + function d3v3_geom_voronoiEdge(lSite, rSite) { + this.l = lSite; + this.r = rSite; + this.a = this.b = null; + } + function d3v3_geom_voronoiCreateEdge(lSite, rSite, va, vb) { + var edge = new d3v3_geom_voronoiEdge(lSite, rSite); + d3v3_geom_voronoiEdges.push(edge); + if (va) d3v3_geom_voronoiSetEdgeEnd(edge, lSite, rSite, va); + if (vb) d3v3_geom_voronoiSetEdgeEnd(edge, rSite, lSite, vb); + d3v3_geom_voronoiCells[lSite.i].edges.push(new d3v3_geom_voronoiHalfEdge(edge, lSite, rSite)); + d3v3_geom_voronoiCells[rSite.i].edges.push(new d3v3_geom_voronoiHalfEdge(edge, rSite, lSite)); + return edge; + } + function d3v3_geom_voronoiCreateBorderEdge(lSite, va, vb) { + var edge = new d3v3_geom_voronoiEdge(lSite, null); + edge.a = va; + edge.b = vb; + d3v3_geom_voronoiEdges.push(edge); + return edge; + } + function d3v3_geom_voronoiSetEdgeEnd(edge, lSite, rSite, vertex) { + if (!edge.a && !edge.b) { + edge.a = vertex; + edge.l = lSite; + edge.r = rSite; + } else if (edge.l === rSite) { + edge.b = vertex; + } else { + edge.a = vertex; + } + } + function d3v3_geom_voronoiHalfEdge(edge, lSite, rSite) { + var va = edge.a, vb = edge.b; + this.edge = edge; + this.site = lSite; + this.angle = rSite ? Math.atan2(rSite.y - lSite.y, rSite.x - lSite.x) : edge.l === lSite ? Math.atan2(vb.x - va.x, va.y - vb.y) : Math.atan2(va.x - vb.x, vb.y - va.y); + } + d3v3_geom_voronoiHalfEdge.prototype = { + start: function() { + return this.edge.l === this.site ? this.edge.a : this.edge.b; + }, + end: function() { + return this.edge.l === this.site ? this.edge.b : this.edge.a; + } + }; + function d3v3_geom_voronoiRedBlackTree() { + this._ = null; + } + function d3v3_geom_voronoiRedBlackNode(node) { + node.U = node.C = node.L = node.R = node.P = node.N = null; + } + d3v3_geom_voronoiRedBlackTree.prototype = { + insert: function(after, node) { + var parent, grandpa, uncle; + if (after) { + node.P = after; + node.N = after.N; + if (after.N) after.N.P = node; + after.N = node; + if (after.R) { + after = after.R; + while (after.L) after = after.L; + after.L = node; + } else { + after.R = node; + } + parent = after; + } else if (this._) { + after = d3v3_geom_voronoiRedBlackFirst(this._); + node.P = null; + node.N = after; + after.P = after.L = node; + parent = after; + } else { + node.P = node.N = null; + this._ = node; + parent = null; + } + node.L = node.R = null; + node.U = parent; + node.C = true; + after = node; + while (parent && parent.C) { + grandpa = parent.U; + if (parent === grandpa.L) { + uncle = grandpa.R; + if (uncle && uncle.C) { + parent.C = uncle.C = false; + grandpa.C = true; + after = grandpa; + } else { + if (after === parent.R) { + d3v3_geom_voronoiRedBlackRotateLeft(this, parent); + after = parent; + parent = after.U; + } + parent.C = false; + grandpa.C = true; + d3v3_geom_voronoiRedBlackRotateRight(this, grandpa); + } + } else { + uncle = grandpa.L; + if (uncle && uncle.C) { + parent.C = uncle.C = false; + grandpa.C = true; + after = grandpa; + } else { + if (after === parent.L) { + d3v3_geom_voronoiRedBlackRotateRight(this, parent); + after = parent; + parent = after.U; + } + parent.C = false; + grandpa.C = true; + d3v3_geom_voronoiRedBlackRotateLeft(this, grandpa); + } + } + parent = after.U; + } + this._.C = false; + }, + remove: function(node) { + if (node.N) node.N.P = node.P; + if (node.P) node.P.N = node.N; + node.N = node.P = null; + var parent = node.U, sibling, left = node.L, right = node.R, next, red; + if (!left) next = right; else if (!right) next = left; else next = d3v3_geom_voronoiRedBlackFirst(right); + if (parent) { + if (parent.L === node) parent.L = next; else parent.R = next; + } else { + this._ = next; + } + if (left && right) { + red = next.C; + next.C = node.C; + next.L = left; + left.U = next; + if (next !== right) { + parent = next.U; + next.U = node.U; + node = next.R; + parent.L = node; + next.R = right; + right.U = next; + } else { + next.U = parent; + parent = next; + node = next.R; + } + } else { + red = node.C; + node = next; + } + if (node) node.U = parent; + if (red) return; + if (node && node.C) { + node.C = false; + return; + } + do { + if (node === this._) break; + if (node === parent.L) { + sibling = parent.R; + if (sibling.C) { + sibling.C = false; + parent.C = true; + d3v3_geom_voronoiRedBlackRotateLeft(this, parent); + sibling = parent.R; + } + if (sibling.L && sibling.L.C || sibling.R && sibling.R.C) { + if (!sibling.R || !sibling.R.C) { + sibling.L.C = false; + sibling.C = true; + d3v3_geom_voronoiRedBlackRotateRight(this, sibling); + sibling = parent.R; + } + sibling.C = parent.C; + parent.C = sibling.R.C = false; + d3v3_geom_voronoiRedBlackRotateLeft(this, parent); + node = this._; + break; + } + } else { + sibling = parent.L; + if (sibling.C) { + sibling.C = false; + parent.C = true; + d3v3_geom_voronoiRedBlackRotateRight(this, parent); + sibling = parent.L; + } + if (sibling.L && sibling.L.C || sibling.R && sibling.R.C) { + if (!sibling.L || !sibling.L.C) { + sibling.R.C = false; + sibling.C = true; + d3v3_geom_voronoiRedBlackRotateLeft(this, sibling); + sibling = parent.L; + } + sibling.C = parent.C; + parent.C = sibling.L.C = false; + d3v3_geom_voronoiRedBlackRotateRight(this, parent); + node = this._; + break; + } + } + sibling.C = true; + node = parent; + parent = parent.U; + } while (!node.C); + if (node) node.C = false; + } + }; + function d3v3_geom_voronoiRedBlackRotateLeft(tree, node) { + var p = node, q = node.R, parent = p.U; + if (parent) { + if (parent.L === p) parent.L = q; else parent.R = q; + } else { + tree._ = q; + } + q.U = parent; + p.U = q; + p.R = q.L; + if (p.R) p.R.U = p; + q.L = p; + } + function d3v3_geom_voronoiRedBlackRotateRight(tree, node) { + var p = node, q = node.L, parent = p.U; + if (parent) { + if (parent.L === p) parent.L = q; else parent.R = q; + } else { + tree._ = q; + } + q.U = parent; + p.U = q; + p.L = q.R; + if (p.L) p.L.U = p; + q.R = p; + } + function d3v3_geom_voronoiRedBlackFirst(node) { + while (node.L) node = node.L; + return node; + } + function d3v3_geom_voronoi(sites, bbox) { + var site = sites.sort(d3v3_geom_voronoiVertexOrder).pop(), x0, y0, circle; + d3v3_geom_voronoiEdges = []; + d3v3_geom_voronoiCells = new Array(sites.length); + d3v3_geom_voronoiBeaches = new d3v3_geom_voronoiRedBlackTree(); + d3v3_geom_voronoiCircles = new d3v3_geom_voronoiRedBlackTree(); + while (true) { + circle = d3v3_geom_voronoiFirstCircle; + if (site && (!circle || site.y < circle.y || site.y === circle.y && site.x < circle.x)) { + if (site.x !== x0 || site.y !== y0) { + d3v3_geom_voronoiCells[site.i] = new d3v3_geom_voronoiCell(site); + d3v3_geom_voronoiAddBeach(site); + x0 = site.x, y0 = site.y; + } + site = sites.pop(); + } else if (circle) { + d3v3_geom_voronoiRemoveBeach(circle.arc); + } else { + break; + } + } + if (bbox) d3v3_geom_voronoiClipEdges(bbox), d3v3_geom_voronoiCloseCells(bbox); + var diagram = { + cells: d3v3_geom_voronoiCells, + edges: d3v3_geom_voronoiEdges + }; + d3v3_geom_voronoiBeaches = d3v3_geom_voronoiCircles = d3v3_geom_voronoiEdges = d3v3_geom_voronoiCells = null; + return diagram; + } + function d3v3_geom_voronoiVertexOrder(a, b) { + return b.y - a.y || b.x - a.x; + } + d3v3.geom.voronoi = function(points) { + var x = d3v3_geom_pointX, y = d3v3_geom_pointY, fx = x, fy = y, clipExtent = d3v3_geom_voronoiClipExtent; + if (points) return voronoi(points); + function voronoi(data) { + var polygons = new Array(data.length), x0 = clipExtent[0][0], y0 = clipExtent[0][1], x1 = clipExtent[1][0], y1 = clipExtent[1][1]; + d3v3_geom_voronoi(sites(data), clipExtent).cells.forEach(function(cell, i) { + var edges = cell.edges, site = cell.site, polygon = polygons[i] = edges.length ? edges.map(function(e) { + var s = e.start(); + return [ s.x, s.y ]; + }) : site.x >= x0 && site.x <= x1 && site.y >= y0 && site.y <= y1 ? [ [ x0, y1 ], [ x1, y1 ], [ x1, y0 ], [ x0, y0 ] ] : []; + polygon.point = data[i]; + }); + return polygons; + } + function sites(data) { + return data.map(function(d, i) { + return { + x: Math.round(fx(d, i) / e) * e, + y: Math.round(fy(d, i) / e) * e, + i: i + }; + }); + } + voronoi.links = function(data) { + return d3v3_geom_voronoi(sites(data)).edges.filter(function(edge) { + return edge.l && edge.r; + }).map(function(edge) { + return { + source: data[edge.l.i], + target: data[edge.r.i] + }; + }); + }; + voronoi.triangles = function(data) { + var triangles = []; + d3v3_geom_voronoi(sites(data)).cells.forEach(function(cell, i) { + var site = cell.site, edges = cell.edges.sort(d3v3_geom_voronoiHalfEdgeOrder), j = -1, m = edges.length, e0, s0, e1 = edges[m - 1].edge, s1 = e1.l === site ? e1.r : e1.l; + while (++j < m) { + e0 = e1; + s0 = s1; + e1 = edges[j].edge; + s1 = e1.l === site ? e1.r : e1.l; + if (i < s0.i && i < s1.i && d3v3_geom_voronoiTriangleArea(site, s0, s1) < 0) { + triangles.push([ data[i], data[s0.i], data[s1.i] ]); + } + } + }); + return triangles; + }; + voronoi.x = function(_) { + return arguments.length ? (fx = d3v3_functor(x = _), voronoi) : x; + }; + voronoi.y = function(_) { + return arguments.length ? (fy = d3v3_functor(y = _), voronoi) : y; + }; + voronoi.clipExtent = function(_) { + if (!arguments.length) return clipExtent === d3v3_geom_voronoiClipExtent ? null : clipExtent; + clipExtent = _ == null ? d3v3_geom_voronoiClipExtent : _; + return voronoi; + }; + voronoi.size = function(_) { + if (!arguments.length) return clipExtent === d3v3_geom_voronoiClipExtent ? null : clipExtent && clipExtent[1]; + return voronoi.clipExtent(_ && [ [ 0, 0 ], _ ]); + }; + return voronoi; + }; + var d3v3_geom_voronoiClipExtent = [ [ -1e6, -1e6 ], [ 1e6, 1e6 ] ]; + function d3v3_geom_voronoiTriangleArea(a, b, c) { + return (a.x - c.x) * (b.y - a.y) - (a.x - b.x) * (c.y - a.y); + } + d3v3.geom.delaunay = function(vertices) { + return d3v3.geom.voronoi().triangles(vertices); + }; + d3v3.geom.quadtree = function(points, x1, y1, x2, y2) { + var x = d3v3_geom_pointX, y = d3v3_geom_pointY, compat; + if (compat = arguments.length) { + x = d3v3_geom_quadtreeCompatX; + y = d3v3_geom_quadtreeCompatY; + if (compat === 3) { + y2 = y1; + x2 = x1; + y1 = x1 = 0; + } + return quadtree(points); + } + function quadtree(data) { + var d, fx = d3v3_functor(x), fy = d3v3_functor(y), xs, ys, i, n, x1_, y1_, x2_, y2_; + if (x1 != null) { + x1_ = x1, y1_ = y1, x2_ = x2, y2_ = y2; + } else { + x2_ = y2_ = -(x1_ = y1_ = Infinity); + xs = [], ys = []; + n = data.length; + if (compat) for (i = 0; i < n; ++i) { + d = data[i]; + if (d.x < x1_) x1_ = d.x; + if (d.y < y1_) y1_ = d.y; + if (d.x > x2_) x2_ = d.x; + if (d.y > y2_) y2_ = d.y; + xs.push(d.x); + ys.push(d.y); + } else for (i = 0; i < n; ++i) { + var x_ = +fx(d = data[i], i), y_ = +fy(d, i); + if (x_ < x1_) x1_ = x_; + if (y_ < y1_) y1_ = y_; + if (x_ > x2_) x2_ = x_; + if (y_ > y2_) y2_ = y_; + xs.push(x_); + ys.push(y_); + } + } + var dx = x2_ - x1_, dy = y2_ - y1_; + if (dx > dy) y2_ = y1_ + dx; else x2_ = x1_ + dy; + function insert(n, d, x, y, x1, y1, x2, y2) { + if (isNaN(x) || isNaN(y)) return; + if (n.leaf) { + var nx = n.x, ny = n.y; + if (nx != null) { + if (abs(nx - x) + abs(ny - y) < .01) { + insertChild(n, d, x, y, x1, y1, x2, y2); + } else { + var nPoint = n.point; + n.x = n.y = n.point = null; + insertChild(n, nPoint, nx, ny, x1, y1, x2, y2); + insertChild(n, d, x, y, x1, y1, x2, y2); + } + } else { + n.x = x, n.y = y, n.point = d; + } + } else { + insertChild(n, d, x, y, x1, y1, x2, y2); + } + } + function insertChild(n, d, x, y, x1, y1, x2, y2) { + var xm = (x1 + x2) * .5, ym = (y1 + y2) * .5, right = x >= xm, below = y >= ym, i = below << 1 | right; + n.leaf = false; + n = n.nodes[i] || (n.nodes[i] = d3v3_geom_quadtreeNode()); + if (right) x1 = xm; else x2 = xm; + if (below) y1 = ym; else y2 = ym; + insert(n, d, x, y, x1, y1, x2, y2); + } + var root = d3v3_geom_quadtreeNode(); + root.add = function(d) { + insert(root, d, +fx(d, ++i), +fy(d, i), x1_, y1_, x2_, y2_); + }; + root.visit = function(f) { + d3v3_geom_quadtreeVisit(f, root, x1_, y1_, x2_, y2_); + }; + root.find = function(point) { + return d3v3_geom_quadtreeFind(root, point[0], point[1], x1_, y1_, x2_, y2_); + }; + i = -1; + if (x1 == null) { + while (++i < n) { + insert(root, data[i], xs[i], ys[i], x1_, y1_, x2_, y2_); + } + --i; + } else data.forEach(root.add); + xs = ys = data = d = null; + return root; + } + quadtree.x = function(_) { + return arguments.length ? (x = _, quadtree) : x; + }; + quadtree.y = function(_) { + return arguments.length ? (y = _, quadtree) : y; + }; + quadtree.extent = function(_) { + if (!arguments.length) return x1 == null ? null : [ [ x1, y1 ], [ x2, y2 ] ]; + if (_ == null) x1 = y1 = x2 = y2 = null; else x1 = +_[0][0], y1 = +_[0][1], x2 = +_[1][0], + y2 = +_[1][1]; + return quadtree; + }; + quadtree.size = function(_) { + if (!arguments.length) return x1 == null ? null : [ x2 - x1, y2 - y1 ]; + if (_ == null) x1 = y1 = x2 = y2 = null; else x1 = y1 = 0, x2 = +_[0], y2 = +_[1]; + return quadtree; + }; + return quadtree; + }; + function d3v3_geom_quadtreeCompatX(d) { + return d.x; + } + function d3v3_geom_quadtreeCompatY(d) { + return d.y; + } + function d3v3_geom_quadtreeNode() { + return { + leaf: true, + nodes: [], + point: null, + x: null, + y: null + }; + } + function d3v3_geom_quadtreeVisit(f, node, x1, y1, x2, y2) { + if (!f(node, x1, y1, x2, y2)) { + var sx = (x1 + x2) * .5, sy = (y1 + y2) * .5, children = node.nodes; + if (children[0]) d3v3_geom_quadtreeVisit(f, children[0], x1, y1, sx, sy); + if (children[1]) d3v3_geom_quadtreeVisit(f, children[1], sx, y1, x2, sy); + if (children[2]) d3v3_geom_quadtreeVisit(f, children[2], x1, sy, sx, y2); + if (children[3]) d3v3_geom_quadtreeVisit(f, children[3], sx, sy, x2, y2); + } + } + function d3v3_geom_quadtreeFind(root, x, y, x0, y0, x3, y3) { + var minDistance2 = Infinity, closestPoint; + (function find(node, x1, y1, x2, y2) { + if (x1 > x3 || y1 > y3 || x2 < x0 || y2 < y0) return; + if (point = node.point) { + var point, dx = x - point[0], dy = y - point[1], distance2 = dx * dx + dy * dy; + if (distance2 < minDistance2) { + var distance = Math.sqrt(minDistance2 = distance2); + x0 = x - distance, y0 = y - distance; + x3 = x + distance, y3 = y + distance; + closestPoint = point; + } + } + var children = node.nodes, xm = (x1 + x2) * .5, ym = (y1 + y2) * .5, right = x >= xm, below = y >= ym; + for (var i = below << 1 | right, j = i + 4; i < j; ++i) { + if (node = children[i & 3]) switch (i & 3) { + case 0: + find(node, x1, y1, xm, ym); + break; + + case 1: + find(node, xm, y1, x2, ym); + break; + + case 2: + find(node, x1, ym, xm, y2); + break; + + case 3: + find(node, xm, ym, x2, y2); + break; + } + } + })(root, x0, y0, x3, y3); + return closestPoint; + } + d3v3.interpolateRgb = d3v3_interpolateRgb; + function d3v3_interpolateRgb(a, b) { + a = d3v3.rgb(a); + b = d3v3.rgb(b); + var ar = a.r, ag = a.g, ab = a.b, br = b.r - ar, bg = b.g - ag, bb = b.b - ab; + return function(t) { + return "#" + d3v3_rgb_hex(Math.round(ar + br * t)) + d3v3_rgb_hex(Math.round(ag + bg * t)) + d3v3_rgb_hex(Math.round(ab + bb * t)); + }; + } + d3v3.interpolateObject = d3v3_interpolateObject; + function d3v3_interpolateObject(a, b) { + var i = {}, c = {}, k; + for (k in a) { + if (k in b) { + i[k] = d3v3_interpolate(a[k], b[k]); + } else { + c[k] = a[k]; + } + } + for (k in b) { + if (!(k in a)) { + c[k] = b[k]; + } + } + return function(t) { + for (k in i) c[k] = i[k](t); + return c; + }; + } + d3v3.interpolateNumber = d3v3_interpolateNumber; + function d3v3_interpolateNumber(a, b) { + a = +a, b = +b; + return function(t) { + return a * (1 - t) + b * t; + }; + } + d3v3.interpolateString = d3v3_interpolateString; + function d3v3_interpolateString(a, b) { + var bi = d3v3_interpolate_numberA.lastIndex = d3v3_interpolate_numberB.lastIndex = 0, am, bm, bs, i = -1, s = [], q = []; + a = a + "", b = b + ""; + while ((am = d3v3_interpolate_numberA.exec(a)) && (bm = d3v3_interpolate_numberB.exec(b))) { + if ((bs = bm.index) > bi) { + bs = b.slice(bi, bs); + if (s[i]) s[i] += bs; else s[++i] = bs; + } + if ((am = am[0]) === (bm = bm[0])) { + if (s[i]) s[i] += bm; else s[++i] = bm; + } else { + s[++i] = null; + q.push({ + i: i, + x: d3v3_interpolateNumber(am, bm) + }); + } + bi = d3v3_interpolate_numberB.lastIndex; + } + if (bi < b.length) { + bs = b.slice(bi); + if (s[i]) s[i] += bs; else s[++i] = bs; + } + return s.length < 2 ? q[0] ? (b = q[0].x, function(t) { + return b(t) + ""; + }) : function() { + return b; + } : (b = q.length, function(t) { + for (var i = 0, o; i < b; ++i) s[(o = q[i]).i] = o.x(t); + return s.join(""); + }); + } + var d3v3_interpolate_numberA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, d3v3_interpolate_numberB = new RegExp(d3v3_interpolate_numberA.source, "g"); + d3v3.interpolate = d3v3_interpolate; + function d3v3_interpolate(a, b) { + var i = d3v3.interpolators.length, f; + while (--i >= 0 && !(f = d3v3.interpolators[i](a, b))) ; + return f; + } + d3v3.interpolators = [ function(a, b) { + var t = typeof b; + return (t === "string" ? d3v3_rgb_names.has(b) || /^(#|rgb\(|hsl\()/.test(b) ? d3v3_interpolateRgb : d3v3_interpolateString : b instanceof d3v3_color ? d3v3_interpolateRgb : Array.isArray(b) ? d3v3_interpolateArray : t === "object" && isNaN(b) ? d3v3_interpolateObject : d3v3_interpolateNumber)(a, b); + } ]; + d3v3.interpolateArray = d3v3_interpolateArray; + function d3v3_interpolateArray(a, b) { + var x = [], c = [], na = a.length, nb = b.length, n0 = Math.min(a.length, b.length), i; + for (i = 0; i < n0; ++i) x.push(d3v3_interpolate(a[i], b[i])); + for (;i < na; ++i) c[i] = a[i]; + for (;i < nb; ++i) c[i] = b[i]; + return function(t) { + for (i = 0; i < n0; ++i) c[i] = x[i](t); + return c; + }; + } + var d3v3_ease_default = function() { + return d3v3_identity; + }; + var d3v3_ease = d3v3.map({ + linear: d3v3_ease_default, + poly: d3v3_ease_poly, + quad: function() { + return d3v3_ease_quad; + }, + cubic: function() { + return d3v3_ease_cubic; + }, + sin: function() { + return d3v3_ease_sin; + }, + exp: function() { + return d3v3_ease_exp; + }, + circle: function() { + return d3v3_ease_circle; + }, + elastic: d3v3_ease_elastic, + back: d3v3_ease_back, + bounce: function() { + return d3v3_ease_bounce; + } + }); + var d3v3_ease_mode = d3v3.map({ + "in": d3v3_identity, + out: d3v3_ease_reverse, + "in-out": d3v3_ease_reflect, + "out-in": function(f) { + return d3v3_ease_reflect(d3v3_ease_reverse(f)); + } + }); + d3v3.ease = function(name) { + var i = name.indexOf("-"), t = i >= 0 ? name.slice(0, i) : name, m = i >= 0 ? name.slice(i + 1) : "in"; + t = d3v3_ease.get(t) || d3v3_ease_default; + m = d3v3_ease_mode.get(m) || d3v3_identity; + return d3v3_ease_clamp(m(t.apply(null, d3v3_arraySlice.call(arguments, 1)))); + }; + function d3v3_ease_clamp(f) { + return function(t) { + return t <= 0 ? 0 : t >= 1 ? 1 : f(t); + }; + } + function d3v3_ease_reverse(f) { + return function(t) { + return 1 - f(1 - t); + }; + } + function d3v3_ease_reflect(f) { + return function(t) { + return .5 * (t < .5 ? f(2 * t) : 2 - f(2 - 2 * t)); + }; + } + function d3v3_ease_quad(t) { + return t * t; + } + function d3v3_ease_cubic(t) { + return t * t * t; + } + function d3v3_ease_cubicInOut(t) { + if (t <= 0) return 0; + if (t >= 1) return 1; + var t2 = t * t, t3 = t2 * t; + return 4 * (t < .5 ? t3 : 3 * (t - t2) + t3 - .75); + } + function d3v3_ease_poly(e) { + return function(t) { + return Math.pow(t, e); + }; + } + function d3v3_ease_sin(t) { + return 1 - Math.cos(t * halfp); + } + function d3v3_ease_exp(t) { + return Math.pow(2, 10 * (t - 1)); + } + function d3v3_ease_circle(t) { + return 1 - Math.sqrt(1 - t * t); + } + function d3v3_ease_elastic(a, p) { + var s; + if (arguments.length < 2) p = .45; + if (arguments.length) s = p / t * Math.asin(1 / a); else a = 1, s = p / 4; + return function(t) { + return 1 + a * Math.pow(2, -10 * t) * Math.sin((t - s) * t / p); + }; + } + function d3v3_ease_back(s) { + if (!s) s = 1.70158; + return function(t) { + return t * t * ((s + 1) * t - s); + }; + } + function d3v3_ease_bounce(t) { + return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375; + } + d3v3.interpolateHcl = d3v3_interpolateHcl; + function d3v3_interpolateHcl(a, b) { + a = d3v3.hcl(a); + b = d3v3.hcl(b); + var ah = a.h, ac = a.c, al = a.l, bh = b.h - ah, bc = b.c - ac, bl = b.l - al; + if (isNaN(bc)) bc = 0, ac = isNaN(ac) ? b.c : ac; + if (isNaN(bh)) bh = 0, ah = isNaN(ah) ? b.h : ah; else if (bh > 180) bh -= 360; else if (bh < -180) bh += 360; + return function(t) { + return d3v3_hcl_lab(ah + bh * t, ac + bc * t, al + bl * t) + ""; + }; + } + d3v3.interpolateHsl = d3v3_interpolateHsl; + function d3v3_interpolateHsl(a, b) { + a = d3v3.hsl(a); + b = d3v3.hsl(b); + var ah = a.h, as = a.s, al = a.l, bh = b.h - ah, bs = b.s - as, bl = b.l - al; + if (isNaN(bs)) bs = 0, as = isNaN(as) ? b.s : as; + if (isNaN(bh)) bh = 0, ah = isNaN(ah) ? b.h : ah; else if (bh > 180) bh -= 360; else if (bh < -180) bh += 360; + return function(t) { + return d3v3_hsl_rgb(ah + bh * t, as + bs * t, al + bl * t) + ""; + }; + } + d3v3.interpolateLab = d3v3_interpolateLab; + function d3v3_interpolateLab(a, b) { + a = d3v3.lab(a); + b = d3v3.lab(b); + var al = a.l, aa = a.a, ab = a.b, bl = b.l - al, ba = b.a - aa, bb = b.b - ab; + return function(t) { + return d3v3_lab_rgb(al + bl * t, aa + ba * t, ab + bb * t) + ""; + }; + } + d3v3.interpolateRound = d3v3_interpolateRound; + function d3v3_interpolateRound(a, b) { + b -= a; + return function(t) { + return Math.round(a + b * t); + }; + } + d3v3.transform = function(string) { + var g = d3v3_document.createElementNS(d3v3.ns.prefix.svg, "g"); + return (d3v3.transform = function(string) { + if (string != null) { + g.setAttribute("transform", string); + var t = g.transform.baseVal.consolidate(); + } + return new d3v3_transform(t ? t.matrix : d3v3_transformIdentity); + })(string); + }; + function d3v3_transform(m) { + var r0 = [ m.a, m.b ], r1 = [ m.c, m.d ], kx = d3v3_transformNormalize(r0), kz = d3v3_transformDot(r0, r1), ky = d3v3_transformNormalize(d3v3_transformCombine(r1, r0, -kz)) || 0; + if (r0[0] * r1[1] < r1[0] * r0[1]) { + r0[0] *= -1; + r0[1] *= -1; + kx *= -1; + kz *= -1; + } + this.rotate = (kx ? Math.atan2(r0[1], r0[0]) : Math.atan2(-r1[0], r1[1])) * d3v3_degrees; + this.translate = [ m.e, m.f ]; + this.scale = [ kx, ky ]; + this.skew = ky ? Math.atan2(kz, ky) * d3v3_degrees : 0; + } + d3v3_transform.prototype.toString = function() { + return "translate(" + this.translate + ")rotate(" + this.rotate + ")skewX(" + this.skew + ")scale(" + this.scale + ")"; + }; + function d3v3_transformDot(a, b) { + return a[0] * b[0] + a[1] * b[1]; + } + function d3v3_transformNormalize(a) { + var k = Math.sqrt(d3v3_transformDot(a, a)); + if (k) { + a[0] /= k; + a[1] /= k; + } + return k; + } + function d3v3_transformCombine(a, b, k) { + a[0] += k * b[0]; + a[1] += k * b[1]; + return a; + } + var d3v3_transformIdentity = { + a: 1, + b: 0, + c: 0, + d: 1, + e: 0, + f: 0 + }; + d3v3.interpolateTransform = d3v3_interpolateTransform; + function d3v3_interpolateTransform(a, b) { + var s = [], q = [], n, A = d3v3.transform(a), B = d3v3.transform(b), ta = A.translate, tb = B.translate, ra = A.rotate, rb = B.rotate, wa = A.skew, wb = B.skew, ka = A.scale, kb = B.scale; + if (ta[0] != tb[0] || ta[1] != tb[1]) { + s.push("translate(", null, ",", null, ")"); + q.push({ + i: 1, + x: d3v3_interpolateNumber(ta[0], tb[0]) + }, { + i: 3, + x: d3v3_interpolateNumber(ta[1], tb[1]) + }); + } else if (tb[0] || tb[1]) { + s.push("translate(" + tb + ")"); + } else { + s.push(""); + } + if (ra != rb) { + if (ra - rb > 180) rb += 360; else if (rb - ra > 180) ra += 360; + q.push({ + i: s.push(s.pop() + "rotate(", null, ")") - 2, + x: d3v3_interpolateNumber(ra, rb) + }); + } else if (rb) { + s.push(s.pop() + "rotate(" + rb + ")"); + } + if (wa != wb) { + q.push({ + i: s.push(s.pop() + "skewX(", null, ")") - 2, + x: d3v3_interpolateNumber(wa, wb) + }); + } else if (wb) { + s.push(s.pop() + "skewX(" + wb + ")"); + } + if (ka[0] != kb[0] || ka[1] != kb[1]) { + n = s.push(s.pop() + "scale(", null, ",", null, ")"); + q.push({ + i: n - 4, + x: d3v3_interpolateNumber(ka[0], kb[0]) + }, { + i: n - 2, + x: d3v3_interpolateNumber(ka[1], kb[1]) + }); + } else if (kb[0] != 1 || kb[1] != 1) { + s.push(s.pop() + "scale(" + kb + ")"); + } + n = q.length; + return function(t) { + var i = -1, o; + while (++i < n) s[(o = q[i]).i] = o.x(t); + return s.join(""); + }; + } + function d3v3_uninterpolateNumber(a, b) { + b = (b -= a = +a) || 1 / b; + return function(x) { + return (x - a) / b; + }; + } + function d3v3_uninterpolateClamp(a, b) { + b = (b -= a = +a) || 1 / b; + return function(x) { + return Math.max(0, Math.min(1, (x - a) / b)); + }; + } + d3v3.layout = {}; + d3v3.layout.bundle = function() { + return function(links) { + var paths = [], i = -1, n = links.length; + while (++i < n) paths.push(d3v3_layout_bundlePath(links[i])); + return paths; + }; + }; + function d3v3_layout_bundlePath(link) { + var start = link.source, end = link.target, lca = d3v3_layout_bundleLeastCommonAncestor(start, end), points = [ start ]; + while (start !== lca) { + start = start.parent; + points.push(start); + } + var k = points.length; + while (end !== lca) { + points.splice(k, 0, end); + end = end.parent; + } + return points; + } + function d3v3_layout_bundleAncestors(node) { + var ancestors = [], parent = node.parent; + while (parent != null) { + ancestors.push(node); + node = parent; + parent = parent.parent; + } + ancestors.push(node); + return ancestors; + } + function d3v3_layout_bundleLeastCommonAncestor(a, b) { + if (a === b) return a; + var aNodes = d3v3_layout_bundleAncestors(a), bNodes = d3v3_layout_bundleAncestors(b), aNode = aNodes.pop(), bNode = bNodes.pop(), sharedNode = null; + while (aNode === bNode) { + sharedNode = aNode; + aNode = aNodes.pop(); + bNode = bNodes.pop(); + } + return sharedNode; + } + d3v3.layout.chord = function() { + var chord = {}, chords, groups, matrix, n, padding = 0, sortGroups, sortSubgroups, sortChords; + function relayout() { + var subgroups = {}, groupSums = [], groupIndex = d3v3.range(n), subgroupIndex = [], k, x, x0, i, j; + chords = []; + groups = []; + k = 0, i = -1; + while (++i < n) { + x = 0, j = -1; + while (++j < n) { + x += matrix[i][j]; + } + groupSums.push(x); + subgroupIndex.push(d3v3.range(n)); + k += x; + } + if (sortGroups) { + groupIndex.sort(function(a, b) { + return sortGroups(groupSums[a], groupSums[b]); + }); + } + if (sortSubgroups) { + subgroupIndex.forEach(function(d, i) { + d.sort(function(a, b) { + return sortSubgroups(matrix[i][a], matrix[i][b]); + }); + }); + } + k = (t - padding * n) / k; + x = 0, i = -1; + while (++i < n) { + x0 = x, j = -1; + while (++j < n) { + var di = groupIndex[i], dj = subgroupIndex[di][j], v = matrix[di][dj], a0 = x, a1 = x += v * k; + subgroups[di + "-" + dj] = { + index: di, + subindex: dj, + startAngle: a0, + endAngle: a1, + value: v + }; + } + groups[di] = { + index: di, + startAngle: x0, + endAngle: x, + value: (x - x0) / k + }; + x += padding; + } + i = -1; + while (++i < n) { + j = i - 1; + while (++j < n) { + var source = subgroups[i + "-" + j], target = subgroups[j + "-" + i]; + if (source.value || target.value) { + chords.push(source.value < target.value ? { + source: target, + target: source + } : { + source: source, + target: target + }); + } + } + } + if (sortChords) resort(); + } + function resort() { + chords.sort(function(a, b) { + return sortChords((a.source.value + a.target.value) / 2, (b.source.value + b.target.value) / 2); + }); + } + chord.matrix = function(x) { + if (!arguments.length) return matrix; + n = (matrix = x) && matrix.length; + chords = groups = null; + return chord; + }; + chord.padding = function(x) { + if (!arguments.length) return padding; + padding = x; + chords = groups = null; + return chord; + }; + chord.sortGroups = function(x) { + if (!arguments.length) return sortGroups; + sortGroups = x; + chords = groups = null; + return chord; + }; + chord.sortSubgroups = function(x) { + if (!arguments.length) return sortSubgroups; + sortSubgroups = x; + chords = null; + return chord; + }; + chord.sortChords = function(x) { + if (!arguments.length) return sortChords; + sortChords = x; + if (chords) resort(); + return chord; + }; + chord.chords = function() { + if (!chords) relayout(); + return chords; + }; + chord.groups = function() { + if (!groups) relayout(); + return groups; + }; + return chord; + }; + d3v3.layout.force = function() { + var force = {}, event = d3v3.dispatch("start", "tick", "end"), size = [ 1, 1 ], drag, alpha, friction = .9, linkDistance = d3v3_layout_forceLinkDistance, linkStrength = d3v3_layout_forceLinkStrength, charge = -30, chargeDistance2 = d3v3_layout_forceChargeDistance2, gravity = .1, theta2 = .64, nodes = [], links = [], distances, strengths, charges; + function repulse(node) { + return function(quad, x1, _, x2) { + if (quad.point !== node) { + var dx = quad.cx - node.x, dy = quad.cy - node.y, dw = x2 - x1, dn = dx * dx + dy * dy; + if (dw * dw / theta2 < dn) { + if (dn < chargeDistance2) { + var k = quad.charge / dn; + node.px -= dx * k; + node.py -= dy * k; + } + return true; + } + if (quad.point && dn && dn < chargeDistance2) { + var k = quad.pointCharge / dn; + node.px -= dx * k; + node.py -= dy * k; + } + } + return !quad.charge; + }; + } + force.tick = function() { + if ((alpha *= .99) < .005) { + event.end({ + type: "end", + alpha: alpha = 0 + }); + return true; + } + var n = nodes.length, m = links.length, q, i, o, s, t, l, k, x, y; + for (i = 0; i < m; ++i) { + o = links[i]; + s = o.source; + t = o.target; + x = t.x - s.x; + y = t.y - s.y; + if (l = x * x + y * y) { + l = alpha * strengths[i] * ((l = Math.sqrt(l)) - distances[i]) / l; + x *= l; + y *= l; + t.x -= x * (k = s.weight / (t.weight + s.weight)); + t.y -= y * k; + s.x += x * (k = 1 - k); + s.y += y * k; + } + } + if (k = alpha * gravity) { + x = size[0] / 2; + y = size[1] / 2; + i = -1; + if (k) while (++i < n) { + o = nodes[i]; + o.x += (x - o.x) * k; + o.y += (y - o.y) * k; + } + } + if (charge) { + d3v3_layout_forceAccumulate(q = d3v3.geom.quadtree(nodes), alpha, charges); + i = -1; + while (++i < n) { + if (!(o = nodes[i]).fixed) { + q.visit(repulse(o)); + } + } + } + i = -1; + while (++i < n) { + o = nodes[i]; + if (o.fixed) { + o.x = o.px; + o.y = o.py; + } else { + o.x -= (o.px - (o.px = o.x)) * friction; + o.y -= (o.py - (o.py = o.y)) * friction; + } + } + event.tick({ + type: "tick", + alpha: alpha + }); + }; + force.nodes = function(x) { + if (!arguments.length) return nodes; + nodes = x; + return force; + }; + force.links = function(x) { + if (!arguments.length) return links; + links = x; + return force; + }; + force.size = function(x) { + if (!arguments.length) return size; + size = x; + return force; + }; + force.linkDistance = function(x) { + if (!arguments.length) return linkDistance; + linkDistance = typeof x === "function" ? x : +x; + return force; + }; + force.distance = force.linkDistance; + force.linkStrength = function(x) { + if (!arguments.length) return linkStrength; + linkStrength = typeof x === "function" ? x : +x; + return force; + }; + force.friction = function(x) { + if (!arguments.length) return friction; + friction = +x; + return force; + }; + force.charge = function(x) { + if (!arguments.length) return charge; + charge = typeof x === "function" ? x : +x; + return force; + }; + force.chargeDistance = function(x) { + if (!arguments.length) return Math.sqrt(chargeDistance2); + chargeDistance2 = x * x; + return force; + }; + force.gravity = function(x) { + if (!arguments.length) return gravity; + gravity = +x; + return force; + }; + force.theta = function(x) { + if (!arguments.length) return Math.sqrt(theta2); + theta2 = x * x; + return force; + }; + force.alpha = function(x) { + if (!arguments.length) return alpha; + x = +x; + if (alpha) { + if (x > 0) alpha = x; else alpha = 0; + } else if (x > 0) { + event.start({ + type: "start", + alpha: alpha = x + }); + d3v3.timer(force.tick); + } + return force; + }; + force.start = function() { + var i, n = nodes.length, m = links.length, w = size[0], h = size[1], neighbors, o; + for (i = 0; i < n; ++i) { + (o = nodes[i]).index = i; + o.weight = 0; + } + for (i = 0; i < m; ++i) { + o = links[i]; + if (typeof o.source == "number") o.source = nodes[o.source]; + if (typeof o.target == "number") o.target = nodes[o.target]; + ++o.source.weight; + ++o.target.weight; + } + for (i = 0; i < n; ++i) { + o = nodes[i]; + if (isNaN(o.x)) o.x = position("x", w); + if (isNaN(o.y)) o.y = position("y", h); + if (isNaN(o.px)) o.px = o.x; + if (isNaN(o.py)) o.py = o.y; + } + distances = []; + if (typeof linkDistance === "function") for (i = 0; i < m; ++i) distances[i] = +linkDistance.call(this, links[i], i); else for (i = 0; i < m; ++i) distances[i] = linkDistance; + strengths = []; + if (typeof linkStrength === "function") for (i = 0; i < m; ++i) strengths[i] = +linkStrength.call(this, links[i], i); else for (i = 0; i < m; ++i) strengths[i] = linkStrength; + charges = []; + if (typeof charge === "function") for (i = 0; i < n; ++i) charges[i] = +charge.call(this, nodes[i], i); else for (i = 0; i < n; ++i) charges[i] = charge; + function position(dimension, size) { + if (!neighbors) { + neighbors = new Array(n); + for (j = 0; j < n; ++j) { + neighbors[j] = []; + } + for (j = 0; j < m; ++j) { + var o = links[j]; + neighbors[o.source.index].push(o.target); + neighbors[o.target.index].push(o.source); + } + } + var candidates = neighbors[i], j = -1, m = candidates.length, x; + while (++j < m) if (!isNaN(x = candidates[j][dimension])) return x; + return Math.random() * size; + } + return force.resume(); + }; + force.resume = function() { + return force.alpha(.1); + }; + force.stop = function() { + return force.alpha(0); + }; + force.drag = function() { + if (!drag) drag = d3v3.behavior.drag().origin(d3v3_identity).on("dragstart.force", d3v3_layout_forceDragstart).on("drag.force", dragmove).on("dragend.force", d3v3_layout_forceDragend); + if (!arguments.length) return drag; + this.on("mouseover.force", d3v3_layout_forceMouseover).on("mouseout.force", d3v3_layout_forceMouseout).call(drag); + }; + function dragmove(d) { + d.px = d3v3.event.x, d.py = d3v3.event.y; + force.resume(); + } + return d3v3.rebind(force, event, "on"); + }; + function d3v3_layout_forceDragstart(d) { + d.fixed |= 2; + } + function d3v3_layout_forceDragend(d) { + d.fixed &= ~6; + } + function d3v3_layout_forceMouseover(d) { + d.fixed |= 4; + d.px = d.x, d.py = d.y; + } + function d3v3_layout_forceMouseout(d) { + d.fixed &= ~4; + } + function d3v3_layout_forceAccumulate(quad, alpha, charges) { + var cx = 0, cy = 0; + quad.charge = 0; + if (!quad.leaf) { + var nodes = quad.nodes, n = nodes.length, i = -1, c; + while (++i < n) { + c = nodes[i]; + if (c == null) continue; + d3v3_layout_forceAccumulate(c, alpha, charges); + quad.charge += c.charge; + cx += c.charge * c.cx; + cy += c.charge * c.cy; + } + } + if (quad.point) { + if (!quad.leaf) { + quad.point.x += Math.random() - .5; + quad.point.y += Math.random() - .5; + } + var k = alpha * charges[quad.point.index]; + quad.charge += quad.pointCharge = k; + cx += k * quad.point.x; + cy += k * quad.point.y; + } + quad.cx = cx / quad.charge; + quad.cy = cy / quad.charge; + } + var d3v3_layout_forceLinkDistance = 20, d3v3_layout_forceLinkStrength = 1, d3v3_layout_forceChargeDistance2 = Infinity; + d3v3.layout.hierarchy = function() { + var sort = d3v3_layout_hierarchySort, children = d3v3_layout_hierarchyChildren, value = d3v3_layout_hierarchyValue; + function hierarchy(root) { + var stack = [ root ], nodes = [], node; + root.depth = 0; + while ((node = stack.pop()) != null) { + nodes.push(node); + if ((childs = children.call(hierarchy, node, node.depth)) && (n = childs.length)) { + var n, childs, child; + while (--n >= 0) { + stack.push(child = childs[n]); + child.parent = node; + child.depth = node.depth + 1; + } + if (value) node.value = 0; + node.children = childs; + } else { + if (value) node.value = +value.call(hierarchy, node, node.depth) || 0; + delete node.children; + } + } + d3v3_layout_hierarchyVisitAfter(root, function(node) { + var childs, parent; + if (sort && (childs = node.children)) childs.sort(sort); + if (value && (parent = node.parent)) parent.value += node.value; + }); + return nodes; + } + hierarchy.sort = function(x) { + if (!arguments.length) return sort; + sort = x; + return hierarchy; + }; + hierarchy.children = function(x) { + if (!arguments.length) return children; + children = x; + return hierarchy; + }; + hierarchy.value = function(x) { + if (!arguments.length) return value; + value = x; + return hierarchy; + }; + hierarchy.revalue = function(root) { + if (value) { + d3v3_layout_hierarchyVisitBefore(root, function(node) { + if (node.children) node.value = 0; + }); + d3v3_layout_hierarchyVisitAfter(root, function(node) { + var parent; + if (!node.children) node.value = +value.call(hierarchy, node, node.depth) || 0; + if (parent = node.parent) parent.value += node.value; + }); + } + return root; + }; + return hierarchy; + }; + function d3v3_layout_hierarchyRebind(object, hierarchy) { + d3v3.rebind(object, hierarchy, "sort", "children", "value"); + object.nodes = object; + object.links = d3v3_layout_hierarchyLinks; + return object; + } + function d3v3_layout_hierarchyVisitBefore(node, callback) { + var nodes = [ node ]; + while ((node = nodes.pop()) != null) { + callback(node); + if ((children = node.children) && (n = children.length)) { + var n, children; + while (--n >= 0) nodes.push(children[n]); + } + } + } + function d3v3_layout_hierarchyVisitAfter(node, callback) { + var nodes = [ node ], nodes2 = []; + while ((node = nodes.pop()) != null) { + nodes2.push(node); + if ((children = node.children) && (n = children.length)) { + var i = -1, n, children; + while (++i < n) nodes.push(children[i]); + } + } + while ((node = nodes2.pop()) != null) { + callback(node); + } + } + function d3v3_layout_hierarchyChildren(d) { + return d.children; + } + function d3v3_layout_hierarchyValue(d) { + return d.value; + } + function d3v3_layout_hierarchySort(a, b) { + return b.value - a.value; + } + function d3v3_layout_hierarchyLinks(nodes) { + return d3v3.merge(nodes.map(function(parent) { + return (parent.children || []).map(function(child) { + return { + source: parent, + target: child + }; + }); + })); + } + d3v3.layout.partition = function() { + var hierarchy = d3v3.layout.hierarchy(), size = [ 1, 1 ]; + function position(node, x, dx, dy) { + var children = node.children; + node.x = x; + node.y = node.depth * dy; + node.dx = dx; + node.dy = dy; + if (children && (n = children.length)) { + var i = -1, n, c, d; + dx = node.value ? dx / node.value : 0; + while (++i < n) { + position(c = children[i], x, d = c.value * dx, dy); + x += d; + } + } + } + function depth(node) { + var children = node.children, d = 0; + if (children && (n = children.length)) { + var i = -1, n; + while (++i < n) d = Math.max(d, depth(children[i])); + } + return 1 + d; + } + function partition(d, i) { + var nodes = hierarchy.call(this, d, i); + position(nodes[0], 0, size[0], size[1] / depth(nodes[0])); + return nodes; + } + partition.size = function(x) { + if (!arguments.length) return size; + size = x; + return partition; + }; + return d3v3_layout_hierarchyRebind(partition, hierarchy); + }; + d3v3.layout.pie = function() { + var value = Number, sort = d3v3_layout_pieSortByValue, startAngle = 0, endAngle = t, padAngle = 0; + function pie(data) { + var n = data.length, values = data.map(function(d, i) { + return +value.call(pie, d, i); + }), a = +(typeof startAngle === "function" ? startAngle.apply(this, arguments) : startAngle), da = (typeof endAngle === "function" ? endAngle.apply(this, arguments) : endAngle) - a, p = Math.min(Math.abs(da) / n, +(typeof padAngle === "function" ? padAngle.apply(this, arguments) : padAngle)), pa = p * (da < 0 ? -1 : 1), k = (da - n * pa) / d3v3.sum(values), index = d3v3.range(n), arcs = [], v; + if (sort != null) index.sort(sort === d3v3_layout_pieSortByValue ? function(i, j) { + return values[j] - values[i]; + } : function(i, j) { + return sort(data[i], data[j]); + }); + index.forEach(function(i) { + arcs[i] = { + data: data[i], + value: v = values[i], + startAngle: a, + endAngle: a += v * k + pa, + padAngle: p + }; + }); + return arcs; + } + pie.value = function(_) { + if (!arguments.length) return value; + value = _; + return pie; + }; + pie.sort = function(_) { + if (!arguments.length) return sort; + sort = _; + return pie; + }; + pie.startAngle = function(_) { + if (!arguments.length) return startAngle; + startAngle = _; + return pie; + }; + pie.endAngle = function(_) { + if (!arguments.length) return endAngle; + endAngle = _; + return pie; + }; + pie.padAngle = function(_) { + if (!arguments.length) return padAngle; + padAngle = _; + return pie; + }; + return pie; + }; + var d3v3_layout_pieSortByValue = {}; + d3v3.layout.stack = function() { + var values = d3v3_identity, order = d3v3_layout_stackOrderDefault, offset = d3v3_layout_stackOffsetZero, out = d3v3_layout_stackOut, x = d3v3_layout_stackX, y = d3v3_layout_stackY; + function stack(data, index) { + if (!(n = data.length)) return data; + var series = data.map(function(d, i) { + return values.call(stack, d, i); + }); + var points = series.map(function(d) { + return d.map(function(v, i) { + return [ x.call(stack, v, i), y.call(stack, v, i) ]; + }); + }); + var orders = order.call(stack, points, index); + series = d3v3.permute(series, orders); + points = d3v3.permute(points, orders); + var offsets = offset.call(stack, points, index); + var m = series[0].length, n, i, j, o; + for (j = 0; j < m; ++j) { + out.call(stack, series[0][j], o = offsets[j], points[0][j][1]); + for (i = 1; i < n; ++i) { + out.call(stack, series[i][j], o += points[i - 1][j][1], points[i][j][1]); + } + } + return data; + } + stack.values = function(x) { + if (!arguments.length) return values; + values = x; + return stack; + }; + stack.order = function(x) { + if (!arguments.length) return order; + order = typeof x === "function" ? x : d3v3_layout_stackOrders.get(x) || d3v3_layout_stackOrderDefault; + return stack; + }; + stack.offset = function(x) { + if (!arguments.length) return offset; + offset = typeof x === "function" ? x : d3v3_layout_stackOffsets.get(x) || d3v3_layout_stackOffsetZero; + return stack; + }; + stack.x = function(z) { + if (!arguments.length) return x; + x = z; + return stack; + }; + stack.y = function(z) { + if (!arguments.length) return y; + y = z; + return stack; + }; + stack.out = function(z) { + if (!arguments.length) return out; + out = z; + return stack; + }; + return stack; + }; + function d3v3_layout_stackX(d) { + return d.x; + } + function d3v3_layout_stackY(d) { + return d.y; + } + function d3v3_layout_stackOut(d, y0, y) { + d.y0 = y0; + d.y = y; + } + var d3v3_layout_stackOrders = d3v3.map({ + "inside-out": function(data) { + var n = data.length, i, j, max = data.map(d3v3_layout_stackMaxIndex), sums = data.map(d3v3_layout_stackReduceSum), index = d3v3.range(n).sort(function(a, b) { + return max[a] - max[b]; + }), top = 0, bottom = 0, tops = [], bottoms = []; + for (i = 0; i < n; ++i) { + j = index[i]; + if (top < bottom) { + top += sums[j]; + tops.push(j); + } else { + bottom += sums[j]; + bottoms.push(j); + } + } + return bottoms.reverse().concat(tops); + }, + reverse: function(data) { + return d3v3.range(data.length).reverse(); + }, + "default": d3v3_layout_stackOrderDefault + }); + var d3v3_layout_stackOffsets = d3v3.map({ + silhouette: function(data) { + var n = data.length, m = data[0].length, sums = [], max = 0, i, j, o, y0 = []; + for (j = 0; j < m; ++j) { + for (i = 0, o = 0; i < n; i++) o += data[i][j][1]; + if (o > max) max = o; + sums.push(o); + } + for (j = 0; j < m; ++j) { + y0[j] = (max - sums[j]) / 2; + } + return y0; + }, + wiggle: function(data) { + var n = data.length, x = data[0], m = x.length, i, j, k, s1, s2, s3, dx, o, o0, y0 = []; + y0[0] = o = o0 = 0; + for (j = 1; j < m; ++j) { + for (i = 0, s1 = 0; i < n; ++i) s1 += data[i][j][1]; + for (i = 0, s2 = 0, dx = x[j][0] - x[j - 1][0]; i < n; ++i) { + for (k = 0, s3 = (data[i][j][1] - data[i][j - 1][1]) / (2 * dx); k < i; ++k) { + s3 += (data[k][j][1] - data[k][j - 1][1]) / dx; + } + s2 += s3 * data[i][j][1]; + } + y0[j] = o -= s1 ? s2 / s1 * dx : 0; + if (o < o0) o0 = o; + } + for (j = 0; j < m; ++j) y0[j] -= o0; + return y0; + }, + expand: function(data) { + var n = data.length, m = data[0].length, k = 1 / n, i, j, o, y0 = []; + for (j = 0; j < m; ++j) { + for (i = 0, o = 0; i < n; i++) o += data[i][j][1]; + if (o) for (i = 0; i < n; i++) data[i][j][1] /= o; else for (i = 0; i < n; i++) data[i][j][1] = k; + } + for (j = 0; j < m; ++j) y0[j] = 0; + return y0; + }, + zero: d3v3_layout_stackOffsetZero + }); + function d3v3_layout_stackOrderDefault(data) { + return d3v3.range(data.length); + } + function d3v3_layout_stackOffsetZero(data) { + var j = -1, m = data[0].length, y0 = []; + while (++j < m) y0[j] = 0; + return y0; + } + function d3v3_layout_stackMaxIndex(array) { + var i = 1, j = 0, v = array[0][1], k, n = array.length; + for (;i < n; ++i) { + if ((k = array[i][1]) > v) { + j = i; + v = k; + } + } + return j; + } + function d3v3_layout_stackReduceSum(d) { + return d.reduce(d3v3_layout_stackSum, 0); + } + function d3v3_layout_stackSum(p, d) { + return p + d[1]; + } + d3v3.layout.histogram = function() { + var frequency = true, valuer = Number, ranger = d3v3_layout_histogramRange, binner = d3v3_layout_histogramBinSturges; + function histogram(data, i) { + var bins = [], values = data.map(valuer, this), range = ranger.call(this, values, i), thresholds = binner.call(this, range, values, i), bin, i = -1, n = values.length, m = thresholds.length - 1, k = frequency ? 1 : 1 / n, x; + while (++i < m) { + bin = bins[i] = []; + bin.dx = thresholds[i + 1] - (bin.x = thresholds[i]); + bin.y = 0; + } + if (m > 0) { + i = -1; + while (++i < n) { + x = values[i]; + if (x >= range[0] && x <= range[1]) { + bin = bins[d3v3.bisect(thresholds, x, 1, m) - 1]; + bin.y += k; + bin.push(data[i]); + } + } + } + return bins; + } + histogram.value = function(x) { + if (!arguments.length) return valuer; + valuer = x; + return histogram; + }; + histogram.range = function(x) { + if (!arguments.length) return ranger; + ranger = d3v3_functor(x); + return histogram; + }; + histogram.bins = function(x) { + if (!arguments.length) return binner; + binner = typeof x === "number" ? function(range) { + return d3v3_layout_histogramBinFixed(range, x); + } : d3v3_functor(x); + return histogram; + }; + histogram.frequency = function(x) { + if (!arguments.length) return frequency; + frequency = !!x; + return histogram; + }; + return histogram; + }; + function d3v3_layout_histogramBinSturges(range, values) { + return d3v3_layout_histogramBinFixed(range, Math.ceil(Math.log(values.length) / Math.LN2 + 1)); + } + function d3v3_layout_histogramBinFixed(range, n) { + var x = -1, b = +range[0], m = (range[1] - b) / n, f = []; + while (++x <= n) f[x] = m * x + b; + return f; + } + function d3v3_layout_histogramRange(values) { + return [ d3v3.min(values), d3v3.max(values) ]; + } + d3v3.layout.pack = function() { + var hierarchy = d3v3.layout.hierarchy().sort(d3v3_layout_packSort), padding = 0, size = [ 1, 1 ], radius; + function pack(d, i) { + var nodes = hierarchy.call(this, d, i), root = nodes[0], w = size[0], h = size[1], r = radius == null ? Math.sqrt : typeof radius === "function" ? radius : function() { + return radius; + }; + root.x = root.y = 0; + d3v3_layout_hierarchyVisitAfter(root, function(d) { + d.r = +r(d.value); + }); + d3v3_layout_hierarchyVisitAfter(root, d3v3_layout_packSiblings); + if (padding) { + var dr = padding * (radius ? 1 : Math.max(2 * root.r / w, 2 * root.r / h)) / 2; + d3v3_layout_hierarchyVisitAfter(root, function(d) { + d.r += dr; + }); + d3v3_layout_hierarchyVisitAfter(root, d3v3_layout_packSiblings); + d3v3_layout_hierarchyVisitAfter(root, function(d) { + d.r -= dr; + }); + } + d3v3_layout_packTransform(root, w / 2, h / 2, radius ? 1 : 1 / Math.max(2 * root.r / w, 2 * root.r / h)); + return nodes; + } + pack.size = function(_) { + if (!arguments.length) return size; + size = _; + return pack; + }; + pack.radius = function(_) { + if (!arguments.length) return radius; + radius = _ == null || typeof _ === "function" ? _ : +_; + return pack; + }; + pack.padding = function(_) { + if (!arguments.length) return padding; + padding = +_; + return pack; + }; + return d3v3_layout_hierarchyRebind(pack, hierarchy); + }; + function d3v3_layout_packSort(a, b) { + return a.value - b.value; + } + function d3v3_layout_packInsert(a, b) { + var c = a._pack_next; + a._pack_next = b; + b._pack_prev = a; + b._pack_next = c; + c._pack_prev = b; + } + function d3v3_layout_packSplice(a, b) { + a._pack_next = b; + b._pack_prev = a; + } + function d3v3_layout_packIntersects(a, b) { + var dx = b.x - a.x, dy = b.y - a.y, dr = a.r + b.r; + return .999 * dr * dr > dx * dx + dy * dy; + } + function d3v3_layout_packSiblings(node) { + if (!(nodes = node.children) || !(n = nodes.length)) return; + var nodes, xMin = Infinity, xMax = -Infinity, yMin = Infinity, yMax = -Infinity, a, b, c, i, j, k, n; + function bound(node) { + xMin = Math.min(node.x - node.r, xMin); + xMax = Math.max(node.x + node.r, xMax); + yMin = Math.min(node.y - node.r, yMin); + yMax = Math.max(node.y + node.r, yMax); + } + nodes.forEach(d3v3_layout_packLink); + a = nodes[0]; + a.x = -a.r; + a.y = 0; + bound(a); + if (n > 1) { + b = nodes[1]; + b.x = b.r; + b.y = 0; + bound(b); + if (n > 2) { + c = nodes[2]; + d3v3_layout_packPlace(a, b, c); + bound(c); + d3v3_layout_packInsert(a, c); + a._pack_prev = c; + d3v3_layout_packInsert(c, b); + b = a._pack_next; + for (i = 3; i < n; i++) { + d3v3_layout_packPlace(a, b, c = nodes[i]); + var isect = 0, s1 = 1, s2 = 1; + for (j = b._pack_next; j !== b; j = j._pack_next, s1++) { + if (d3v3_layout_packIntersects(j, c)) { + isect = 1; + break; + } + } + if (isect == 1) { + for (k = a._pack_prev; k !== j._pack_prev; k = k._pack_prev, s2++) { + if (d3v3_layout_packIntersects(k, c)) { + break; + } + } + } + if (isect) { + if (s1 < s2 || s1 == s2 && b.r < a.r) d3v3_layout_packSplice(a, b = j); else d3v3_layout_packSplice(a = k, b); + i--; + } else { + d3v3_layout_packInsert(a, c); + b = c; + bound(c); + } + } + } + } + var cx = (xMin + xMax) / 2, cy = (yMin + yMax) / 2, cr = 0; + for (i = 0; i < n; i++) { + c = nodes[i]; + c.x -= cx; + c.y -= cy; + cr = Math.max(cr, c.r + Math.sqrt(c.x * c.x + c.y * c.y)); + } + node.r = cr; + nodes.forEach(d3v3_layout_packUnlink); + } + function d3v3_layout_packLink(node) { + node._pack_next = node._pack_prev = node; + } + function d3v3_layout_packUnlink(node) { + delete node._pack_next; + delete node._pack_prev; + } + function d3v3_layout_packTransform(node, x, y, k) { + var children = node.children; + node.x = x += k * node.x; + node.y = y += k * node.y; + node.r *= k; + if (children) { + var i = -1, n = children.length; + while (++i < n) d3v3_layout_packTransform(children[i], x, y, k); + } + } + function d3v3_layout_packPlace(a, b, c) { + var db = a.r + c.r, dx = b.x - a.x, dy = b.y - a.y; + if (db && (dx || dy)) { + var da = b.r + c.r, dc = dx * dx + dy * dy; + da *= da; + db *= db; + var x = .5 + (db - da) / (2 * dc), y = Math.sqrt(Math.max(0, 2 * da * (db + dc) - (db -= dc) * db - da * da)) / (2 * dc); + c.x = a.x + x * dx + y * dy; + c.y = a.y + x * dy - y * dx; + } else { + c.x = a.x + db; + c.y = a.y; + } + } + d3v3.layout.tree = function() { + var hierarchy = d3v3.layout.hierarchy().sort(null).value(null), separation = d3v3_layout_treeSeparation, size = [ 1, 1 ], nodeSize = null; + function tree(d, i) { + var nodes = hierarchy.call(this, d, i), root0 = nodes[0], root1 = wrapTree(root0); + d3v3_layout_hierarchyVisitAfter(root1, firstWalk), root1.parent.m = -root1.z; + d3v3_layout_hierarchyVisitBefore(root1, secondWalk); + if (nodeSize) d3v3_layout_hierarchyVisitBefore(root0, sizeNode); else { + var left = root0, right = root0, bottom = root0; + d3v3_layout_hierarchyVisitBefore(root0, function(node) { + if (node.x < left.x) left = node; + if (node.x > right.x) right = node; + if (node.depth > bottom.depth) bottom = node; + }); + var tx = separation(left, right) / 2 - left.x, kx = size[0] / (right.x + separation(right, left) / 2 + tx), ky = size[1] / (bottom.depth || 1); + d3v3_layout_hierarchyVisitBefore(root0, function(node) { + node.x = (node.x + tx) * kx; + node.y = node.depth * ky; + }); + } + return nodes; + } + function wrapTree(root0) { + var root1 = { + A: null, + children: [ root0 ] + }, queue = [ root1 ], node1; + while ((node1 = queue.pop()) != null) { + for (var children = node1.children, child, i = 0, n = children.length; i < n; ++i) { + queue.push((children[i] = child = { + _: children[i], + parent: node1, + children: (child = children[i].children) && child.slice() || [], + A: null, + a: null, + z: 0, + m: 0, + c: 0, + s: 0, + t: null, + i: i + }).a = child); + } + } + return root1.children[0]; + } + function firstWalk(v) { + var children = v.children, siblings = v.parent.children, w = v.i ? siblings[v.i - 1] : null; + if (children.length) { + d3v3_layout_treeShift(v); + var midpoint = (children[0].z + children[children.length - 1].z) / 2; + if (w) { + v.z = w.z + separation(v._, w._); + v.m = v.z - midpoint; + } else { + v.z = midpoint; + } + } else if (w) { + v.z = w.z + separation(v._, w._); + } + v.parent.A = apportion(v, w, v.parent.A || siblings[0]); + } + function secondWalk(v) { + v._.x = v.z + v.parent.m; + v.m += v.parent.m; + } + function apportion(v, w, ancestor) { + if (w) { + var vip = v, vop = v, vim = w, vom = vip.parent.children[0], sip = vip.m, sop = vop.m, sim = vim.m, som = vom.m, shift; + while (vim = d3v3_layout_treeRight(vim), vip = d3v3_layout_treeLeft(vip), vim && vip) { + vom = d3v3_layout_treeLeft(vom); + vop = d3v3_layout_treeRight(vop); + vop.a = v; + shift = vim.z + sim - vip.z - sip + separation(vim._, vip._); + if (shift > 0) { + d3v3_layout_treeMove(d3v3_layout_treeAncestor(vim, v, ancestor), v, shift); + sip += shift; + sop += shift; + } + sim += vim.m; + sip += vip.m; + som += vom.m; + sop += vop.m; + } + if (vim && !d3v3_layout_treeRight(vop)) { + vop.t = vim; + vop.m += sim - sop; + } + if (vip && !d3v3_layout_treeLeft(vom)) { + vom.t = vip; + vom.m += sip - som; + ancestor = v; + } + } + return ancestor; + } + function sizeNode(node) { + node.x *= size[0]; + node.y = node.depth * size[1]; + } + tree.separation = function(x) { + if (!arguments.length) return separation; + separation = x; + return tree; + }; + tree.size = function(x) { + if (!arguments.length) return nodeSize ? null : size; + nodeSize = (size = x) == null ? sizeNode : null; + return tree; + }; + tree.nodeSize = function(x) { + if (!arguments.length) return nodeSize ? size : null; + nodeSize = (size = x) == null ? null : sizeNode; + return tree; + }; + return d3v3_layout_hierarchyRebind(tree, hierarchy); + }; + function d3v3_layout_treeSeparation(a, b) { + return a.parent == b.parent ? 1 : 2; + } + function d3v3_layout_treeLeft(v) { + var children = v.children; + return children.length ? children[0] : v.t; + } + function d3v3_layout_treeRight(v) { + var children = v.children, n; + return (n = children.length) ? children[n - 1] : v.t; + } + function d3v3_layout_treeMove(wm, wp, shift) { + var change = shift / (wp.i - wm.i); + wp.c -= change; + wp.s += shift; + wm.c += change; + wp.z += shift; + wp.m += shift; + } + function d3v3_layout_treeShift(v) { + var shift = 0, change = 0, children = v.children, i = children.length, w; + while (--i >= 0) { + w = children[i]; + w.z += shift; + w.m += shift; + shift += w.s + (change += w.c); + } + } + function d3v3_layout_treeAncestor(vim, v, ancestor) { + return vim.a.parent === v.parent ? vim.a : ancestor; + } + d3v3.layout.cluster = function() { + var hierarchy = d3v3.layout.hierarchy().sort(null).value(null), separation = d3v3_layout_treeSeparation, size = [ 1, 1 ], nodeSize = false; + function cluster(d, i) { + var nodes = hierarchy.call(this, d, i), root = nodes[0], previousNode, x = 0; + d3v3_layout_hierarchyVisitAfter(root, function(node) { + var children = node.children; + if (children && children.length) { + node.x = d3v3_layout_clusterX(children); + node.y = d3v3_layout_clusterY(children); + } else { + node.x = previousNode ? x += separation(node, previousNode) : 0; + node.y = 0; + previousNode = node; + } + }); + var left = d3v3_layout_clusterLeft(root), right = d3v3_layout_clusterRight(root), x0 = left.x - separation(left, right) / 2, x1 = right.x + separation(right, left) / 2; + d3v3_layout_hierarchyVisitAfter(root, nodeSize ? function(node) { + node.x = (node.x - root.x) * size[0]; + node.y = (root.y - node.y) * size[1]; + } : function(node) { + node.x = (node.x - x0) / (x1 - x0) * size[0]; + node.y = (1 - (root.y ? node.y / root.y : 1)) * size[1]; + }); + return nodes; + } + cluster.separation = function(x) { + if (!arguments.length) return separation; + separation = x; + return cluster; + }; + cluster.size = function(x) { + if (!arguments.length) return nodeSize ? null : size; + nodeSize = (size = x) == null; + return cluster; + }; + cluster.nodeSize = function(x) { + if (!arguments.length) return nodeSize ? size : null; + nodeSize = (size = x) != null; + return cluster; + }; + return d3v3_layout_hierarchyRebind(cluster, hierarchy); + }; + function d3v3_layout_clusterY(children) { + return 1 + d3v3.max(children, function(child) { + return child.y; + }); + } + function d3v3_layout_clusterX(children) { + return children.reduce(function(x, child) { + return x + child.x; + }, 0) / children.length; + } + function d3v3_layout_clusterLeft(node) { + var children = node.children; + return children && children.length ? d3v3_layout_clusterLeft(children[0]) : node; + } + function d3v3_layout_clusterRight(node) { + var children = node.children, n; + return children && (n = children.length) ? d3v3_layout_clusterRight(children[n - 1]) : node; + } + d3v3.layout.treemap = function() { + var hierarchy = d3v3.layout.hierarchy(), round = Math.round, size = [ 1, 1 ], padding = null, pad = d3v3_layout_treemapPadNull, sticky = false, stickies, mode = "squarify", ratio = .5 * (1 + Math.sqrt(5)); + function scale(children, k) { + var i = -1, n = children.length, child, area; + while (++i < n) { + area = (child = children[i]).value * (k < 0 ? 0 : k); + child.area = isNaN(area) || area <= 0 ? 0 : area; + } + } + function squarify(node) { + var children = node.children; + if (children && children.length) { + var rect = pad(node), row = [], remaining = children.slice(), child, best = Infinity, score, u = mode === "slice" ? rect.dx : mode === "dice" ? rect.dy : mode === "slice-dice" ? node.depth & 1 ? rect.dy : rect.dx : Math.min(rect.dx, rect.dy), n; + scale(remaining, rect.dx * rect.dy / node.value); + row.area = 0; + while ((n = remaining.length) > 0) { + row.push(child = remaining[n - 1]); + row.area += child.area; + if (mode !== "squarify" || (score = worst(row, u)) <= best) { + remaining.pop(); + best = score; + } else { + row.area -= row.pop().area; + position(row, u, rect, false); + u = Math.min(rect.dx, rect.dy); + row.length = row.area = 0; + best = Infinity; + } + } + if (row.length) { + position(row, u, rect, true); + row.length = row.area = 0; + } + children.forEach(squarify); + } + } + function stickify(node) { + var children = node.children; + if (children && children.length) { + var rect = pad(node), remaining = children.slice(), child, row = []; + scale(remaining, rect.dx * rect.dy / node.value); + row.area = 0; + while (child = remaining.pop()) { + row.push(child); + row.area += child.area; + if (child.z != null) { + position(row, child.z ? rect.dx : rect.dy, rect, !remaining.length); + row.length = row.area = 0; + } + } + children.forEach(stickify); + } + } + function worst(row, u) { + var s = row.area, r, rmax = 0, rmin = Infinity, i = -1, n = row.length; + while (++i < n) { + if (!(r = row[i].area)) continue; + if (r < rmin) rmin = r; + if (r > rmax) rmax = r; + } + s *= s; + u *= u; + return s ? Math.max(u * rmax * ratio / s, s / (u * rmin * ratio)) : Infinity; + } + function position(row, u, rect, flush) { + var i = -1, n = row.length, x = rect.x, y = rect.y, v = u ? round(row.area / u) : 0, o; + if (u == rect.dx) { + if (flush || v > rect.dy) v = rect.dy; + while (++i < n) { + o = row[i]; + o.x = x; + o.y = y; + o.dy = v; + x += o.dx = Math.min(rect.x + rect.dx - x, v ? round(o.area / v) : 0); + } + o.z = true; + o.dx += rect.x + rect.dx - x; + rect.y += v; + rect.dy -= v; + } else { + if (flush || v > rect.dx) v = rect.dx; + while (++i < n) { + o = row[i]; + o.x = x; + o.y = y; + o.dx = v; + y += o.dy = Math.min(rect.y + rect.dy - y, v ? round(o.area / v) : 0); + } + o.z = false; + o.dy += rect.y + rect.dy - y; + rect.x += v; + rect.dx -= v; + } + } + function treemap(d) { + var nodes = stickies || hierarchy(d), root = nodes[0]; + root.x = 0; + root.y = 0; + root.dx = size[0]; + root.dy = size[1]; + if (stickies) hierarchy.revalue(root); + scale([ root ], root.dx * root.dy / root.value); + (stickies ? stickify : squarify)(root); + if (sticky) stickies = nodes; + return nodes; + } + treemap.size = function(x) { + if (!arguments.length) return size; + size = x; + return treemap; + }; + treemap.padding = function(x) { + if (!arguments.length) return padding; + function padFunction(node) { + var p = x.call(treemap, node, node.depth); + return p == null ? d3v3_layout_treemapPadNull(node) : d3v3_layout_treemapPad(node, typeof p === "number" ? [ p, p, p, p ] : p); + } + function padConstant(node) { + return d3v3_layout_treemapPad(node, x); + } + var type; + pad = (padding = x) == null ? d3v3_layout_treemapPadNull : (type = typeof x) === "function" ? padFunction : type === "number" ? (x = [ x, x, x, x ], + padConstant) : padConstant; + return treemap; + }; + treemap.round = function(x) { + if (!arguments.length) return round != Number; + round = x ? Math.round : Number; + return treemap; + }; + treemap.sticky = function(x) { + if (!arguments.length) return sticky; + sticky = x; + stickies = null; + return treemap; + }; + treemap.ratio = function(x) { + if (!arguments.length) return ratio; + ratio = x; + return treemap; + }; + treemap.mode = function(x) { + if (!arguments.length) return mode; + mode = x + ""; + return treemap; + }; + return d3v3_layout_hierarchyRebind(treemap, hierarchy); + }; + function d3v3_layout_treemapPadNull(node) { + return { + x: node.x, + y: node.y, + dx: node.dx, + dy: node.dy + }; + } + function d3v3_layout_treemapPad(node, padding) { + var x = node.x + padding[3], y = node.y + padding[0], dx = node.dx - padding[1] - padding[3], dy = node.dy - padding[0] - padding[2]; + if (dx < 0) { + x += dx / 2; + dx = 0; + } + if (dy < 0) { + y += dy / 2; + dy = 0; + } + return { + x: x, + y: y, + dx: dx, + dy: dy + }; + } + d3v3.random = { + normal: function(µ, s) { + var n = arguments.length; + if (n < 2) s = 1; + if (n < 1) µ = 0; + return function() { + var x, y, r; + do { + x = Math.random() * 2 - 1; + y = Math.random() * 2 - 1; + r = x * x + y * y; + } while (!r || r > 1); + return µ + s * x * Math.sqrt(-2 * Math.log(r) / r); + }; + }, + logNormal: function() { + var random = d3v3.random.normal.apply(d3v3, arguments); + return function() { + return Math.exp(random()); + }; + }, + bates: function(m) { + var random = d3v3.random.irwinHall(m); + return function() { + return random() / m; + }; + }, + irwinHall: function(m) { + return function() { + for (var s = 0, j = 0; j < m; j++) s += Math.random(); + return s; + }; + } + }; + d3v3.scale = {}; + function d3v3_scaleExtent(domain) { + var start = domain[0], stop = domain[domain.length - 1]; + return start < stop ? [ start, stop ] : [ stop, start ]; + } + function d3v3_scaleRange(scale) { + return scale.rangeExtent ? scale.rangeExtent() : d3v3_scaleExtent(scale.range()); + } + function d3v3_scale_bilinear(domain, range, uninterpolate, interpolate) { + var u = uninterpolate(domain[0], domain[1]), i = interpolate(range[0], range[1]); + return function(x) { + return i(u(x)); + }; + } + function d3v3_scale_nice(domain, nice) { + var i0 = 0, i1 = domain.length - 1, x0 = domain[i0], x1 = domain[i1], dx; + if (x1 < x0) { + dx = i0, i0 = i1, i1 = dx; + dx = x0, x0 = x1, x1 = dx; + } + domain[i0] = nice.floor(x0); + domain[i1] = nice.ceil(x1); + return domain; + } + function d3v3_scale_niceStep(step) { + return step ? { + floor: function(x) { + return Math.floor(x / step) * step; + }, + ceil: function(x) { + return Math.ceil(x / step) * step; + } + } : d3v3_scale_niceIdentity; + } + var d3v3_scale_niceIdentity = { + floor: d3v3_identity, + ceil: d3v3_identity + }; + function d3v3_scale_polylinear(domain, range, uninterpolate, interpolate) { + var u = [], i = [], j = 0, k = Math.min(domain.length, range.length) - 1; + if (domain[k] < domain[0]) { + domain = domain.slice().reverse(); + range = range.slice().reverse(); + } + while (++j <= k) { + u.push(uninterpolate(domain[j - 1], domain[j])); + i.push(interpolate(range[j - 1], range[j])); + } + return function(x) { + var j = d3v3.bisect(domain, x, 1, k) - 1; + return i[j](u[j](x)); + }; + } + d3v3.scale.linear = function() { + return d3v3_scale_linear([ 0, 1 ], [ 0, 1 ], d3v3_interpolate, false); + }; + function d3v3_scale_linear(domain, range, interpolate, clamp) { + var output, input; + function rescale() { + var linear = Math.min(domain.length, range.length) > 2 ? d3v3_scale_polylinear : d3v3_scale_bilinear, uninterpolate = clamp ? d3v3_uninterpolateClamp : d3v3_uninterpolateNumber; + output = linear(domain, range, uninterpolate, interpolate); + input = linear(range, domain, uninterpolate, d3v3_interpolate); + return scale; + } + function scale(x) { + return output(x); + } + scale.invert = function(y) { + return input(y); + }; + scale.domain = function(x) { + if (!arguments.length) return domain; + domain = x.map(Number); + return rescale(); + }; + scale.range = function(x) { + if (!arguments.length) return range; + range = x; + return rescale(); + }; + scale.rangeRound = function(x) { + return scale.range(x).interpolate(d3v3_interpolateRound); + }; + scale.clamp = function(x) { + if (!arguments.length) return clamp; + clamp = x; + return rescale(); + }; + scale.interpolate = function(x) { + if (!arguments.length) return interpolate; + interpolate = x; + return rescale(); + }; + scale.ticks = function(m) { + return d3v3_scale_linearTicks(domain, m); + }; + scale.tickFormat = function(m, format) { + return d3v3_scale_linearTickFormat(domain, m, format); + }; + scale.nice = function(m) { + d3v3_scale_linearNice(domain, m); + return rescale(); + }; + scale.copy = function() { + return d3v3_scale_linear(domain, range, interpolate, clamp); + }; + return rescale(); + } + function d3v3_scale_linearRebind(scale, linear) { + return d3v3.rebind(scale, linear, "range", "rangeRound", "interpolate", "clamp"); + } + function d3v3_scale_linearNice(domain, m) { + return d3v3_scale_nice(domain, d3v3_scale_niceStep(d3v3_scale_linearTickRange(domain, m)[2])); + } + function d3v3_scale_linearTickRange(domain, m) { + if (m == null) m = 10; + var extent = d3v3_scaleExtent(domain), span = extent[1] - extent[0], step = Math.pow(10, Math.floor(Math.log(span / m) / Math.LN10)), err = m / span * step; + if (err <= .15) step *= 10; else if (err <= .35) step *= 5; else if (err <= .75) step *= 2; + extent[0] = Math.ceil(extent[0] / step) * step; + extent[1] = Math.floor(extent[1] / step) * step + step * .5; + extent[2] = step; + return extent; + } + function d3v3_scale_linearTicks(domain, m) { + return d3v3.range.apply(d3v3, d3v3_scale_linearTickRange(domain, m)); + } + function d3v3_scale_linearTickFormat(domain, m, format) { + var range = d3v3_scale_linearTickRange(domain, m); + if (format) { + var match = d3v3_format_re.exec(format); + match.shift(); + if (match[8] === "s") { + var prefix = d3v3.formatPrefix(Math.max(abs(range[0]), abs(range[1]))); + if (!match[7]) match[7] = "." + d3v3_scale_linearPrecision(prefix.scale(range[2])); + match[8] = "f"; + format = d3v3.format(match.join("")); + return function(d) { + return format(prefix.scale(d)) + prefix.symbol; + }; + } + if (!match[7]) match[7] = "." + d3v3_scale_linearFormatPrecision(match[8], range); + format = match.join(""); + } else { + format = ",." + d3v3_scale_linearPrecision(range[2]) + "f"; + } + return d3v3.format(format); + } + var d3v3_scale_linearFormatSignificant = { + s: 1, + g: 1, + p: 1, + r: 1, + e: 1 + }; + function d3v3_scale_linearPrecision(value) { + return -Math.floor(Math.log(value) / Math.LN10 + .01); + } + function d3v3_scale_linearFormatPrecision(type, range) { + var p = d3v3_scale_linearPrecision(range[2]); + return type in d3v3_scale_linearFormatSignificant ? Math.abs(p - d3v3_scale_linearPrecision(Math.max(abs(range[0]), abs(range[1])))) + +(type !== "e") : p - (type === "%") * 2; + } + d3v3.scale.log = function() { + return d3v3_scale_log(d3v3.scale.linear().domain([ 0, 1 ]), 10, true, [ 1, 10 ]); + }; + function d3v3_scale_log(linear, base, positive, domain) { + function log(x) { + return (positive ? Math.log(x < 0 ? 0 : x) : -Math.log(x > 0 ? 0 : -x)) / Math.log(base); + } + function pow(x) { + return positive ? Math.pow(base, x) : -Math.pow(base, -x); + } + function scale(x) { + return linear(log(x)); + } + scale.invert = function(x) { + return pow(linear.invert(x)); + }; + scale.domain = function(x) { + if (!arguments.length) return domain; + positive = x[0] >= 0; + linear.domain((domain = x.map(Number)).map(log)); + return scale; + }; + scale.base = function(_) { + if (!arguments.length) return base; + base = +_; + linear.domain(domain.map(log)); + return scale; + }; + scale.nice = function() { + var niced = d3v3_scale_nice(domain.map(log), positive ? Math : d3v3_scale_logNiceNegative); + linear.domain(niced); + domain = niced.map(pow); + return scale; + }; + scale.ticks = function() { + var extent = d3v3_scaleExtent(domain), ticks = [], u = extent[0], v = extent[1], i = Math.floor(log(u)), j = Math.ceil(log(v)), n = base % 1 ? 2 : base; + if (isFinite(j - i)) { + if (positive) { + for (;i < j; i++) for (var k = 1; k < n; k++) ticks.push(pow(i) * k); + ticks.push(pow(i)); + } else { + ticks.push(pow(i)); + for (;i++ < j; ) for (var k = n - 1; k > 0; k--) ticks.push(pow(i) * k); + } + for (i = 0; ticks[i] < u; i++) {} + for (j = ticks.length; ticks[j - 1] > v; j--) {} + ticks = ticks.slice(i, j); + } + return ticks; + }; + scale.tickFormat = function(n, format) { + if (!arguments.length) return d3v3_scale_logFormat; + if (arguments.length < 2) format = d3v3_scale_logFormat; else if (typeof format !== "function") format = d3v3.format(format); + var k = Math.max(.1, n / scale.ticks().length), f = positive ? (e = 1e-12, Math.ceil) : (e = -1e-12, + Math.floor), e; + return function(d) { + return d / pow(f(log(d) + e)) <= k ? format(d) : ""; + }; + }; + scale.copy = function() { + return d3v3_scale_log(linear.copy(), base, positive, domain); + }; + return d3v3_scale_linearRebind(scale, linear); + } + var d3v3_scale_logFormat = d3v3.format(".0e"), d3v3_scale_logNiceNegative = { + floor: function(x) { + return -Math.ceil(-x); + }, + ceil: function(x) { + return -Math.floor(-x); + } + }; + d3v3.scale.pow = function() { + return d3v3_scale_pow(d3v3.scale.linear(), 1, [ 0, 1 ]); + }; + function d3v3_scale_pow(linear, exponent, domain) { + var powp = d3v3_scale_powPow(exponent), powb = d3v3_scale_powPow(1 / exponent); + function scale(x) { + return linear(powp(x)); + } + scale.invert = function(x) { + return powb(linear.invert(x)); + }; + scale.domain = function(x) { + if (!arguments.length) return domain; + linear.domain((domain = x.map(Number)).map(powp)); + return scale; + }; + scale.ticks = function(m) { + return d3v3_scale_linearTicks(domain, m); + }; + scale.tickFormat = function(m, format) { + return d3v3_scale_linearTickFormat(domain, m, format); + }; + scale.nice = function(m) { + return scale.domain(d3v3_scale_linearNice(domain, m)); + }; + scale.exponent = function(x) { + if (!arguments.length) return exponent; + powp = d3v3_scale_powPow(exponent = x); + powb = d3v3_scale_powPow(1 / exponent); + linear.domain(domain.map(powp)); + return scale; + }; + scale.copy = function() { + return d3v3_scale_pow(linear.copy(), exponent, domain); + }; + return d3v3_scale_linearRebind(scale, linear); + } + function d3v3_scale_powPow(e) { + return function(x) { + return x < 0 ? -Math.pow(-x, e) : Math.pow(x, e); + }; + } + d3v3.scale.sqrt = function() { + return d3v3.scale.pow().exponent(.5); + }; + d3v3.scale.ordinal = function() { + return d3v3_scale_ordinal([], { + t: "range", + a: [ [] ] + }); + }; + function d3v3_scale_ordinal(domain, ranger) { + var index, range, rangeBand; + function scale(x) { + return range[((index.get(x) || (ranger.t === "range" ? index.set(x, domain.push(x)) : NaN)) - 1) % range.length]; + } + function steps(start, step) { + return d3v3.range(domain.length).map(function(i) { + return start + step * i; + }); + } + scale.domain = function(x) { + if (!arguments.length) return domain; + domain = []; + index = new d3v3_Map(); + var i = -1, n = x.length, xi; + while (++i < n) if (!index.has(xi = x[i])) index.set(xi, domain.push(xi)); + return scale[ranger.t].apply(scale, ranger.a); + }; + scale.range = function(x) { + if (!arguments.length) return range; + range = x; + rangeBand = 0; + ranger = { + t: "range", + a: arguments + }; + return scale; + }; + scale.rangePoints = function(x, padding) { + if (arguments.length < 2) padding = 0; + var start = x[0], stop = x[1], step = domain.length < 2 ? (start = (start + stop) / 2, + 0) : (stop - start) / (domain.length - 1 + padding); + range = steps(start + step * padding / 2, step); + rangeBand = 0; + ranger = { + t: "rangePoints", + a: arguments + }; + return scale; + }; + scale.rangeRoundPoints = function(x, padding) { + if (arguments.length < 2) padding = 0; + var start = x[0], stop = x[1], step = domain.length < 2 ? (start = stop = Math.round((start + stop) / 2), + 0) : (stop - start) / (domain.length - 1 + padding) | 0; + range = steps(start + Math.round(step * padding / 2 + (stop - start - (domain.length - 1 + padding) * step) / 2), step); + rangeBand = 0; + ranger = { + t: "rangeRoundPoints", + a: arguments + }; + return scale; + }; + scale.rangeBands = function(x, padding, outerPadding) { + if (arguments.length < 2) padding = 0; + if (arguments.length < 3) outerPadding = padding; + var reverse = x[1] < x[0], start = x[reverse - 0], stop = x[1 - reverse], step = (stop - start) / (domain.length - padding + 2 * outerPadding); + range = steps(start + step * outerPadding, step); + if (reverse) range.reverse(); + rangeBand = step * (1 - padding); + ranger = { + t: "rangeBands", + a: arguments + }; + return scale; + }; + scale.rangeRoundBands = function(x, padding, outerPadding) { + if (arguments.length < 2) padding = 0; + if (arguments.length < 3) outerPadding = padding; + var reverse = x[1] < x[0], start = x[reverse - 0], stop = x[1 - reverse], step = Math.floor((stop - start) / (domain.length - padding + 2 * outerPadding)); + range = steps(start + Math.round((stop - start - (domain.length - padding) * step) / 2), step); + if (reverse) range.reverse(); + rangeBand = Math.round(step * (1 - padding)); + ranger = { + t: "rangeRoundBands", + a: arguments + }; + return scale; + }; + scale.rangeBand = function() { + return rangeBand; + }; + scale.rangeExtent = function() { + return d3v3_scaleExtent(ranger.a[0]); + }; + scale.copy = function() { + return d3v3_scale_ordinal(domain, ranger); + }; + return scale.domain(domain); + } + d3v3.scale.category10 = function() { + return d3v3.scale.ordinal().range(d3v3_category10); + }; + d3v3.scale.category20 = function() { + return d3v3.scale.ordinal().range(d3v3_category20); + }; + d3v3.scale.category20b = function() { + return d3v3.scale.ordinal().range(d3v3_category20b); + }; + d3v3.scale.category20c = function() { + return d3v3.scale.ordinal().range(d3v3_category20c); + }; + var d3v3_category10 = [ 2062260, 16744206, 2924588, 14034728, 9725885, 9197131, 14907330, 8355711, 12369186, 1556175 ].map(d3v3_rgbString); + var d3v3_category20 = [ 2062260, 11454440, 16744206, 16759672, 2924588, 10018698, 14034728, 16750742, 9725885, 12955861, 9197131, 12885140, 14907330, 16234194, 8355711, 13092807, 12369186, 14408589, 1556175, 10410725 ].map(d3v3_rgbString); + var d3v3_category20b = [ 3750777, 5395619, 7040719, 10264286, 6519097, 9216594, 11915115, 13556636, 9202993, 12426809, 15186514, 15190932, 8666169, 11356490, 14049643, 15177372, 8077683, 10834324, 13528509, 14589654 ].map(d3v3_rgbString); + var d3v3_category20c = [ 3244733, 7057110, 10406625, 13032431, 15095053, 16616764, 16625259, 16634018, 3253076, 7652470, 10607003, 13101504, 7695281, 10394312, 12369372, 14342891, 6513507, 9868950, 12434877, 14277081 ].map(d3v3_rgbString); + d3v3.scale.quantile = function() { + return d3v3_scale_quantile([], []); + }; + function d3v3_scale_quantile(domain, range) { + var thresholds; + function rescale() { + var k = 0, q = range.length; + thresholds = []; + while (++k < q) thresholds[k - 1] = d3v3.quantile(domain, k / q); + return scale; + } + function scale(x) { + if (!isNaN(x = +x)) return range[d3v3.bisect(thresholds, x)]; + } + scale.domain = function(x) { + if (!arguments.length) return domain; + domain = x.map(d3v3_number).filter(d3v3_numeric).sort(d3v3_ascending); + return rescale(); + }; + scale.range = function(x) { + if (!arguments.length) return range; + range = x; + return rescale(); + }; + scale.quantiles = function() { + return thresholds; + }; + scale.invertExtent = function(y) { + y = range.indexOf(y); + return y < 0 ? [ NaN, NaN ] : [ y > 0 ? thresholds[y - 1] : domain[0], y < thresholds.length ? thresholds[y] : domain[domain.length - 1] ]; + }; + scale.copy = function() { + return d3v3_scale_quantile(domain, range); + }; + return rescale(); + } + d3v3.scale.quantize = function() { + return d3v3_scale_quantize(0, 1, [ 0, 1 ]); + }; + function d3v3_scale_quantize(x0, x1, range) { + var kx, i; + function scale(x) { + return range[Math.max(0, Math.min(i, Math.floor(kx * (x - x0))))]; + } + function rescale() { + kx = range.length / (x1 - x0); + i = range.length - 1; + return scale; + } + scale.domain = function(x) { + if (!arguments.length) return [ x0, x1 ]; + x0 = +x[0]; + x1 = +x[x.length - 1]; + return rescale(); + }; + scale.range = function(x) { + if (!arguments.length) return range; + range = x; + return rescale(); + }; + scale.invertExtent = function(y) { + y = range.indexOf(y); + y = y < 0 ? NaN : y / kx + x0; + return [ y, y + 1 / kx ]; + }; + scale.copy = function() { + return d3v3_scale_quantize(x0, x1, range); + }; + return rescale(); + } + d3v3.scale.threshold = function() { + return d3v3_scale_threshold([ .5 ], [ 0, 1 ]); + }; + function d3v3_scale_threshold(domain, range) { + function scale(x) { + if (x <= x) return range[d3v3.bisect(domain, x)]; + } + scale.domain = function(_) { + if (!arguments.length) return domain; + domain = _; + return scale; + }; + scale.range = function(_) { + if (!arguments.length) return range; + range = _; + return scale; + }; + scale.invertExtent = function(y) { + y = range.indexOf(y); + return [ domain[y - 1], domain[y] ]; + }; + scale.copy = function() { + return d3v3_scale_threshold(domain, range); + }; + return scale; + } + d3v3.scale.identity = function() { + return d3v3_scale_identity([ 0, 1 ]); + }; + function d3v3_scale_identity(domain) { + function identity(x) { + return +x; + } + identity.invert = identity; + identity.domain = identity.range = function(x) { + if (!arguments.length) return domain; + domain = x.map(identity); + return identity; + }; + identity.ticks = function(m) { + return d3v3_scale_linearTicks(domain, m); + }; + identity.tickFormat = function(m, format) { + return d3v3_scale_linearTickFormat(domain, m, format); + }; + identity.copy = function() { + return d3v3_scale_identity(domain); + }; + return identity; + } + d3v3.svg = {}; + function d3v3_zero() { + return 0; + } + d3v3.svg.arc = function() { + var innerRadius = d3v3_svg_arcInnerRadius, outerRadius = d3v3_svg_arcOuterRadius, cornerRadius = d3v3_zero, padRadius = d3v3_svg_arcAuto, startAngle = d3v3_svg_arcStartAngle, endAngle = d3v3_svg_arcEndAngle, padAngle = d3v3_svg_arcPadAngle; + function arc() { + var r0 = Math.max(0, +innerRadius.apply(this, arguments)), r1 = Math.max(0, +outerRadius.apply(this, arguments)), a0 = startAngle.apply(this, arguments) - halfp, a1 = endAngle.apply(this, arguments) - halfp, da = Math.abs(a1 - a0), cw = a0 > a1 ? 0 : 1; + if (r1 < r0) rc = r1, r1 = r0, r0 = rc; + if (da >= te) return circleSegment(r1, cw) + (r0 ? circleSegment(r0, 1 - cw) : "") + "Z"; + var rc, cr, rp, ap, p0 = 0, p1 = 0, x0, y0, x1, y1, x2, y2, x3, y3, path = []; + if (ap = (+padAngle.apply(this, arguments) || 0) / 2) { + rp = padRadius === d3v3_svg_arcAuto ? Math.sqrt(r0 * r0 + r1 * r1) : +padRadius.apply(this, arguments); + if (!cw) p1 *= -1; + if (r1) p1 = d3v3_asin(rp / r1 * Math.sin(ap)); + if (r0) p0 = d3v3_asin(rp / r0 * Math.sin(ap)); + } + if (r1) { + x0 = r1 * Math.cos(a0 + p1); + y0 = r1 * Math.sin(a0 + p1); + x1 = r1 * Math.cos(a1 - p1); + y1 = r1 * Math.sin(a1 - p1); + var l1 = Math.abs(a1 - a0 - 2 * p1) <= p ? 0 : 1; + if (p1 && d3v3_svg_arcSweep(x0, y0, x1, y1) === cw ^ l1) { + var h1 = (a0 + a1) / 2; + x0 = r1 * Math.cos(h1); + y0 = r1 * Math.sin(h1); + x1 = y1 = null; + } + } else { + x0 = y0 = 0; + } + if (r0) { + x2 = r0 * Math.cos(a1 - p0); + y2 = r0 * Math.sin(a1 - p0); + x3 = r0 * Math.cos(a0 + p0); + y3 = r0 * Math.sin(a0 + p0); + var l0 = Math.abs(a0 - a1 + 2 * p0) <= p ? 0 : 1; + if (p0 && d3v3_svg_arcSweep(x2, y2, x3, y3) === 1 - cw ^ l0) { + var h0 = (a0 + a1) / 2; + x2 = r0 * Math.cos(h0); + y2 = r0 * Math.sin(h0); + x3 = y3 = null; + } + } else { + x2 = y2 = 0; + } + if ((rc = Math.min(Math.abs(r1 - r0) / 2, +cornerRadius.apply(this, arguments))) > .001) { + cr = r0 < r1 ^ cw ? 0 : 1; + var oc = x3 == null ? [ x2, y2 ] : x1 == null ? [ x0, y0 ] : d3v3_geom_polygonIntersect([ x0, y0 ], [ x3, y3 ], [ x1, y1 ], [ x2, y2 ]), ax = x0 - oc[0], ay = y0 - oc[1], bx = x1 - oc[0], by = y1 - oc[1], kc = 1 / Math.sin(Math.acos((ax * bx + ay * by) / (Math.sqrt(ax * ax + ay * ay) * Math.sqrt(bx * bx + by * by))) / 2), lc = Math.sqrt(oc[0] * oc[0] + oc[1] * oc[1]); + if (x1 != null) { + var rc1 = Math.min(rc, (r1 - lc) / (kc + 1)), t30 = d3v3_svg_arcCornerTangents(x3 == null ? [ x2, y2 ] : [ x3, y3 ], [ x0, y0 ], r1, rc1, cw), t12 = d3v3_svg_arcCornerTangents([ x1, y1 ], [ x2, y2 ], r1, rc1, cw); + if (rc === rc1) { + path.push("M", t30[0], "A", rc1, ",", rc1, " 0 0,", cr, " ", t30[1], "A", r1, ",", r1, " 0 ", 1 - cw ^ d3v3_svg_arcSweep(t30[1][0], t30[1][1], t12[1][0], t12[1][1]), ",", cw, " ", t12[1], "A", rc1, ",", rc1, " 0 0,", cr, " ", t12[0]); + } else { + path.push("M", t30[0], "A", rc1, ",", rc1, " 0 1,", cr, " ", t12[0]); + } + } else { + path.push("M", x0, ",", y0); + } + if (x3 != null) { + var rc0 = Math.min(rc, (r0 - lc) / (kc - 1)), t03 = d3v3_svg_arcCornerTangents([ x0, y0 ], [ x3, y3 ], r0, -rc0, cw), t21 = d3v3_svg_arcCornerTangents([ x2, y2 ], x1 == null ? [ x0, y0 ] : [ x1, y1 ], r0, -rc0, cw); + if (rc === rc0) { + path.push("L", t21[0], "A", rc0, ",", rc0, " 0 0,", cr, " ", t21[1], "A", r0, ",", r0, " 0 ", cw ^ d3v3_svg_arcSweep(t21[1][0], t21[1][1], t03[1][0], t03[1][1]), ",", 1 - cw, " ", t03[1], "A", rc0, ",", rc0, " 0 0,", cr, " ", t03[0]); + } else { + path.push("L", t21[0], "A", rc0, ",", rc0, " 0 0,", cr, " ", t03[0]); + } + } else { + path.push("L", x2, ",", y2); + } + } else { + path.push("M", x0, ",", y0); + if (x1 != null) path.push("A", r1, ",", r1, " 0 ", l1, ",", cw, " ", x1, ",", y1); + path.push("L", x2, ",", y2); + if (x3 != null) path.push("A", r0, ",", r0, " 0 ", l0, ",", 1 - cw, " ", x3, ",", y3); + } + path.push("Z"); + return path.join(""); + } + function circleSegment(r1, cw) { + return "M0," + r1 + "A" + r1 + "," + r1 + " 0 1," + cw + " 0," + -r1 + "A" + r1 + "," + r1 + " 0 1," + cw + " 0," + r1; + } + arc.innerRadius = function(v) { + if (!arguments.length) return innerRadius; + innerRadius = d3v3_functor(v); + return arc; + }; + arc.outerRadius = function(v) { + if (!arguments.length) return outerRadius; + outerRadius = d3v3_functor(v); + return arc; + }; + arc.cornerRadius = function(v) { + if (!arguments.length) return cornerRadius; + cornerRadius = d3v3_functor(v); + return arc; + }; + arc.padRadius = function(v) { + if (!arguments.length) return padRadius; + padRadius = v == d3v3_svg_arcAuto ? d3v3_svg_arcAuto : d3v3_functor(v); + return arc; + }; + arc.startAngle = function(v) { + if (!arguments.length) return startAngle; + startAngle = d3v3_functor(v); + return arc; + }; + arc.endAngle = function(v) { + if (!arguments.length) return endAngle; + endAngle = d3v3_functor(v); + return arc; + }; + arc.padAngle = function(v) { + if (!arguments.length) return padAngle; + padAngle = d3v3_functor(v); + return arc; + }; + arc.centroid = function() { + var r = (+innerRadius.apply(this, arguments) + +outerRadius.apply(this, arguments)) / 2, a = (+startAngle.apply(this, arguments) + +endAngle.apply(this, arguments)) / 2 - halfp; + return [ Math.cos(a) * r, Math.sin(a) * r ]; + }; + return arc; + }; + var d3v3_svg_arcAuto = "auto"; + function d3v3_svg_arcInnerRadius(d) { + return d.innerRadius; + } + function d3v3_svg_arcOuterRadius(d) { + return d.outerRadius; + } + function d3v3_svg_arcStartAngle(d) { + return d.startAngle; + } + function d3v3_svg_arcEndAngle(d) { + return d.endAngle; + } + function d3v3_svg_arcPadAngle(d) { + return d && d.padAngle; + } + function d3v3_svg_arcSweep(x0, y0, x1, y1) { + return (x0 - x1) * y0 - (y0 - y1) * x0 > 0 ? 0 : 1; + } + function d3v3_svg_arcCornerTangents(p0, p1, r1, rc, cw) { + var x01 = p0[0] - p1[0], y01 = p0[1] - p1[1], lo = (cw ? rc : -rc) / Math.sqrt(x01 * x01 + y01 * y01), ox = lo * y01, oy = -lo * x01, x1 = p0[0] + ox, y1 = p0[1] + oy, x2 = p1[0] + ox, y2 = p1[1] + oy, x3 = (x1 + x2) / 2, y3 = (y1 + y2) / 2, dx = x2 - x1, dy = y2 - y1, d2 = dx * dx + dy * dy, r = r1 - rc, D = x1 * y2 - x2 * y1, d = (dy < 0 ? -1 : 1) * Math.sqrt(r * r * d2 - D * D), cx0 = (D * dy - dx * d) / d2, cy0 = (-D * dx - dy * d) / d2, cx1 = (D * dy + dx * d) / d2, cy1 = (-D * dx + dy * d) / d2, dx0 = cx0 - x3, dy0 = cy0 - y3, dx1 = cx1 - x3, dy1 = cy1 - y3; + if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) cx0 = cx1, cy0 = cy1; + return [ [ cx0 - ox, cy0 - oy ], [ cx0 * r1 / r, cy0 * r1 / r ] ]; + } + function d3v3_svg_line(projection) { + var x = d3v3_geom_pointX, y = d3v3_geom_pointY, defined = d3v3_true, interpolate = d3v3_svg_lineLinear, interpolateKey = interpolate.key, tension = .7; + function line(data) { + var segments = [], points = [], i = -1, n = data.length, d, fx = d3v3_functor(x), fy = d3v3_functor(y); + function segment() { + segments.push("M", interpolate(projection(points), tension)); + } + while (++i < n) { + if (defined.call(this, d = data[i], i)) { + points.push([ +fx.call(this, d, i), +fy.call(this, d, i) ]); + } else if (points.length) { + segment(); + points = []; + } + } + if (points.length) segment(); + return segments.length ? segments.join("") : null; + } + line.x = function(_) { + if (!arguments.length) return x; + x = _; + return line; + }; + line.y = function(_) { + if (!arguments.length) return y; + y = _; + return line; + }; + line.defined = function(_) { + if (!arguments.length) return defined; + defined = _; + return line; + }; + line.interpolate = function(_) { + if (!arguments.length) return interpolateKey; + if (typeof _ === "function") interpolateKey = interpolate = _; else interpolateKey = (interpolate = d3v3_svg_lineInterpolators.get(_) || d3v3_svg_lineLinear).key; + return line; + }; + line.tension = function(_) { + if (!arguments.length) return tension; + tension = _; + return line; + }; + return line; + } + d3v3.svg.line = function() { + return d3v3_svg_line(d3v3_identity); + }; + var d3v3_svg_lineInterpolators = d3v3.map({ + linear: d3v3_svg_lineLinear, + "linear-closed": d3v3_svg_lineLinearClosed, + step: d3v3_svg_lineStep, + "step-before": d3v3_svg_lineStepBefore, + "step-after": d3v3_svg_lineStepAfter, + basis: d3v3_svg_lineBasis, + "basis-open": d3v3_svg_lineBasisOpen, + "basis-closed": d3v3_svg_lineBasisClosed, + bundle: d3v3_svg_lineBundle, + cardinal: d3v3_svg_lineCardinal, + "cardinal-open": d3v3_svg_lineCardinalOpen, + "cardinal-closed": d3v3_svg_lineCardinalClosed, + monotone: d3v3_svg_lineMonotone + }); + d3v3_svg_lineInterpolators.forEach(function(key, value) { + value.key = key; + value.closed = /-closed$/.test(key); + }); + function d3v3_svg_lineLinear(points) { + return points.join("L"); + } + function d3v3_svg_lineLinearClosed(points) { + return d3v3_svg_lineLinear(points) + "Z"; + } + function d3v3_svg_lineStep(points) { + var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ]; + while (++i < n) path.push("H", (p[0] + (p = points[i])[0]) / 2, "V", p[1]); + if (n > 1) path.push("H", p[0]); + return path.join(""); + } + function d3v3_svg_lineStepBefore(points) { + var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ]; + while (++i < n) path.push("V", (p = points[i])[1], "H", p[0]); + return path.join(""); + } + function d3v3_svg_lineStepAfter(points) { + var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ]; + while (++i < n) path.push("H", (p = points[i])[0], "V", p[1]); + return path.join(""); + } + function d3v3_svg_lineCardinalOpen(points, tension) { + return points.length < 4 ? d3v3_svg_lineLinear(points) : points[1] + d3v3_svg_lineHermite(points.slice(1, -1), d3v3_svg_lineCardinalTangents(points, tension)); + } + function d3v3_svg_lineCardinalClosed(points, tension) { + return points.length < 3 ? d3v3_svg_lineLinear(points) : points[0] + d3v3_svg_lineHermite((points.push(points[0]), + points), d3v3_svg_lineCardinalTangents([ points[points.length - 2] ].concat(points, [ points[1] ]), tension)); + } + function d3v3_svg_lineCardinal(points, tension) { + return points.length < 3 ? d3v3_svg_lineLinear(points) : points[0] + d3v3_svg_lineHermite(points, d3v3_svg_lineCardinalTangents(points, tension)); + } + function d3v3_svg_lineHermite(points, tangents) { + if (tangents.length < 1 || points.length != tangents.length && points.length != tangents.length + 2) { + return d3v3_svg_lineLinear(points); + } + var quad = points.length != tangents.length, path = "", p0 = points[0], p = points[1], t0 = tangents[0], t = t0, pi = 1; + if (quad) { + path += "Q" + (p[0] - t0[0] * 2 / 3) + "," + (p[1] - t0[1] * 2 / 3) + "," + p[0] + "," + p[1]; + p0 = points[1]; + pi = 2; + } + if (tangents.length > 1) { + t = tangents[1]; + p = points[pi]; + pi++; + path += "C" + (p0[0] + t0[0]) + "," + (p0[1] + t0[1]) + "," + (p[0] - t[0]) + "," + (p[1] - t[1]) + "," + p[0] + "," + p[1]; + for (var i = 2; i < tangents.length; i++, pi++) { + p = points[pi]; + t = tangents[i]; + path += "S" + (p[0] - t[0]) + "," + (p[1] - t[1]) + "," + p[0] + "," + p[1]; + } + } + if (quad) { + var lp = points[pi]; + path += "Q" + (p[0] + t[0] * 2 / 3) + "," + (p[1] + t[1] * 2 / 3) + "," + lp[0] + "," + lp[1]; + } + return path; + } + function d3v3_svg_lineCardinalTangents(points, tension) { + var tangents = [], a = (1 - tension) / 2, p0, p1 = points[0], p2 = points[1], i = 1, n = points.length; + while (++i < n) { + p0 = p1; + p1 = p2; + p2 = points[i]; + tangents.push([ a * (p2[0] - p0[0]), a * (p2[1] - p0[1]) ]); + } + return tangents; + } + function d3v3_svg_lineBasis(points) { + if (points.length < 3) return d3v3_svg_lineLinear(points); + var i = 1, n = points.length, pi = points[0], x0 = pi[0], y0 = pi[1], px = [ x0, x0, x0, (pi = points[1])[0] ], py = [ y0, y0, y0, pi[1] ], path = [ x0, ",", y0, "L", d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier3, px), ",", d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier3, py) ]; + points.push(points[n - 1]); + while (++i <= n) { + pi = points[i]; + px.shift(); + px.push(pi[0]); + py.shift(); + py.push(pi[1]); + d3v3_svg_lineBasisBezier(path, px, py); + } + points.pop(); + path.push("L", pi); + return path.join(""); + } + function d3v3_svg_lineBasisOpen(points) { + if (points.length < 4) return d3v3_svg_lineLinear(points); + var path = [], i = -1, n = points.length, pi, px = [ 0 ], py = [ 0 ]; + while (++i < 3) { + pi = points[i]; + px.push(pi[0]); + py.push(pi[1]); + } + path.push(d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier3, px) + "," + d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier3, py)); + --i; + while (++i < n) { + pi = points[i]; + px.shift(); + px.push(pi[0]); + py.shift(); + py.push(pi[1]); + d3v3_svg_lineBasisBezier(path, px, py); + } + return path.join(""); + } + function d3v3_svg_lineBasisClosed(points) { + var path, i = -1, n = points.length, m = n + 4, pi, px = [], py = []; + while (++i < 4) { + pi = points[i % n]; + px.push(pi[0]); + py.push(pi[1]); + } + path = [ d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier3, px), ",", d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier3, py) ]; + --i; + while (++i < m) { + pi = points[i % n]; + px.shift(); + px.push(pi[0]); + py.shift(); + py.push(pi[1]); + d3v3_svg_lineBasisBezier(path, px, py); + } + return path.join(""); + } + function d3v3_svg_lineBundle(points, tension) { + var n = points.length - 1; + if (n) { + var x0 = points[0][0], y0 = points[0][1], dx = points[n][0] - x0, dy = points[n][1] - y0, i = -1, p, t; + while (++i <= n) { + p = points[i]; + t = i / n; + p[0] = tension * p[0] + (1 - tension) * (x0 + t * dx); + p[1] = tension * p[1] + (1 - tension) * (y0 + t * dy); + } + } + return d3v3_svg_lineBasis(points); + } + function d3v3_svg_lineDot4(a, b) { + return a[0] * b[0] + a[1] * b[1] + a[2] * b[2] + a[3] * b[3]; + } + var d3v3_svg_lineBasisBezier1 = [ 0, 2 / 3, 1 / 3, 0 ], d3v3_svg_lineBasisBezier2 = [ 0, 1 / 3, 2 / 3, 0 ], d3v3_svg_lineBasisBezier3 = [ 0, 1 / 6, 2 / 3, 1 / 6 ]; + function d3v3_svg_lineBasisBezier(path, x, y) { + path.push("C", d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier1, x), ",", d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier1, y), ",", d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier2, x), ",", d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier2, y), ",", d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier3, x), ",", d3v3_svg_lineDot4(d3v3_svg_lineBasisBezier3, y)); + } + function d3v3_svg_lineSlope(p0, p1) { + return (p1[1] - p0[1]) / (p1[0] - p0[0]); + } + function d3v3_svg_lineFiniteDifferences(points) { + var i = 0, j = points.length - 1, m = [], p0 = points[0], p1 = points[1], d = m[0] = d3v3_svg_lineSlope(p0, p1); + while (++i < j) { + m[i] = (d + (d = d3v3_svg_lineSlope(p0 = p1, p1 = points[i + 1]))) / 2; + } + m[i] = d; + return m; + } + function d3v3_svg_lineMonotoneTangents(points) { + var tangents = [], d, a, b, s, m = d3v3_svg_lineFiniteDifferences(points), i = -1, j = points.length - 1; + while (++i < j) { + d = d3v3_svg_lineSlope(points[i], points[i + 1]); + if (abs(d) < e) { + m[i] = m[i + 1] = 0; + } else { + a = m[i] / d; + b = m[i + 1] / d; + s = a * a + b * b; + if (s > 9) { + s = d * 3 / Math.sqrt(s); + m[i] = s * a; + m[i + 1] = s * b; + } + } + } + i = -1; + while (++i <= j) { + s = (points[Math.min(j, i + 1)][0] - points[Math.max(0, i - 1)][0]) / (6 * (1 + m[i] * m[i])); + tangents.push([ s || 0, m[i] * s || 0 ]); + } + return tangents; + } + function d3v3_svg_lineMonotone(points) { + return points.length < 3 ? d3v3_svg_lineLinear(points) : points[0] + d3v3_svg_lineHermite(points, d3v3_svg_lineMonotoneTangents(points)); + } + d3v3.svg.line.radial = function() { + var line = d3v3_svg_line(d3v3_svg_lineRadial); + line.radius = line.x, delete line.x; + line.angle = line.y, delete line.y; + return line; + }; + function d3v3_svg_lineRadial(points) { + var point, i = -1, n = points.length, r, a; + while (++i < n) { + point = points[i]; + r = point[0]; + a = point[1] - halfp; + point[0] = r * Math.cos(a); + point[1] = r * Math.sin(a); + } + return points; + } + function d3v3_svg_area(projection) { + var x0 = d3v3_geom_pointX, x1 = d3v3_geom_pointX, y0 = 0, y1 = d3v3_geom_pointY, defined = d3v3_true, interpolate = d3v3_svg_lineLinear, interpolateKey = interpolate.key, interpolateReverse = interpolate, L = "L", tension = .7; + function area(data) { + var segments = [], points0 = [], points1 = [], i = -1, n = data.length, d, fx0 = d3v3_functor(x0), fy0 = d3v3_functor(y0), fx1 = x0 === x1 ? function() { + return x; + } : d3v3_functor(x1), fy1 = y0 === y1 ? function() { + return y; + } : d3v3_functor(y1), x, y; + function segment() { + segments.push("M", interpolate(projection(points1), tension), L, interpolateReverse(projection(points0.reverse()), tension), "Z"); + } + while (++i < n) { + if (defined.call(this, d = data[i], i)) { + points0.push([ x = +fx0.call(this, d, i), y = +fy0.call(this, d, i) ]); + points1.push([ +fx1.call(this, d, i), +fy1.call(this, d, i) ]); + } else if (points0.length) { + segment(); + points0 = []; + points1 = []; + } + } + if (points0.length) segment(); + return segments.length ? segments.join("") : null; + } + area.x = function(_) { + if (!arguments.length) return x1; + x0 = x1 = _; + return area; + }; + area.x0 = function(_) { + if (!arguments.length) return x0; + x0 = _; + return area; + }; + area.x1 = function(_) { + if (!arguments.length) return x1; + x1 = _; + return area; + }; + area.y = function(_) { + if (!arguments.length) return y1; + y0 = y1 = _; + return area; + }; + area.y0 = function(_) { + if (!arguments.length) return y0; + y0 = _; + return area; + }; + area.y1 = function(_) { + if (!arguments.length) return y1; + y1 = _; + return area; + }; + area.defined = function(_) { + if (!arguments.length) return defined; + defined = _; + return area; + }; + area.interpolate = function(_) { + if (!arguments.length) return interpolateKey; + if (typeof _ === "function") interpolateKey = interpolate = _; else interpolateKey = (interpolate = d3v3_svg_lineInterpolators.get(_) || d3v3_svg_lineLinear).key; + interpolateReverse = interpolate.reverse || interpolate; + L = interpolate.closed ? "M" : "L"; + return area; + }; + area.tension = function(_) { + if (!arguments.length) return tension; + tension = _; + return area; + }; + return area; + } + d3v3_svg_lineStepBefore.reverse = d3v3_svg_lineStepAfter; + d3v3_svg_lineStepAfter.reverse = d3v3_svg_lineStepBefore; + d3v3.svg.area = function() { + return d3v3_svg_area(d3v3_identity); + }; + d3v3.svg.area.radial = function() { + var area = d3v3_svg_area(d3v3_svg_lineRadial); + area.radius = area.x, delete area.x; + area.innerRadius = area.x0, delete area.x0; + area.outerRadius = area.x1, delete area.x1; + area.angle = area.y, delete area.y; + area.startAngle = area.y0, delete area.y0; + area.endAngle = area.y1, delete area.y1; + return area; + }; + d3v3.svg.chord = function() { + var source = d3v3_source, target = d3v3_target, radius = d3v3_svg_chordRadius, startAngle = d3v3_svg_arcStartAngle, endAngle = d3v3_svg_arcEndAngle; + function chord(d, i) { + var s = subgroup(this, source, d, i), t = subgroup(this, target, d, i); + return "M" + s.p0 + arc(s.r, s.p1, s.a1 - s.a0) + (equals(s, t) ? curve(s.r, s.p1, s.r, s.p0) : curve(s.r, s.p1, t.r, t.p0) + arc(t.r, t.p1, t.a1 - t.a0) + curve(t.r, t.p1, s.r, s.p0)) + "Z"; + } + function subgroup(self, f, d, i) { + var subgroup = f.call(self, d, i), r = radius.call(self, subgroup, i), a0 = startAngle.call(self, subgroup, i) - halfp, a1 = endAngle.call(self, subgroup, i) - halfp; + return { + r: r, + a0: a0, + a1: a1, + p0: [ r * Math.cos(a0), r * Math.sin(a0) ], + p1: [ r * Math.cos(a1), r * Math.sin(a1) ] + }; + } + function equals(a, b) { + return a.a0 == b.a0 && a.a1 == b.a1; + } + function arc(r, p, a) { + return "A" + r + "," + r + " 0 " + +(a > p) + ",1 " + p; + } + function curve(r0, p0, r1, p1) { + return "Q 0,0 " + p1; + } + chord.radius = function(v) { + if (!arguments.length) return radius; + radius = d3v3_functor(v); + return chord; + }; + chord.source = function(v) { + if (!arguments.length) return source; + source = d3v3_functor(v); + return chord; + }; + chord.target = function(v) { + if (!arguments.length) return target; + target = d3v3_functor(v); + return chord; + }; + chord.startAngle = function(v) { + if (!arguments.length) return startAngle; + startAngle = d3v3_functor(v); + return chord; + }; + chord.endAngle = function(v) { + if (!arguments.length) return endAngle; + endAngle = d3v3_functor(v); + return chord; + }; + return chord; + }; + function d3v3_svg_chordRadius(d) { + return d.radius; + } + d3v3.svg.diagonal = function() { + var source = d3v3_source, target = d3v3_target, projection = d3v3_svg_diagonalProjection; + function diagonal(d, i) { + var p0 = source.call(this, d, i), p3 = target.call(this, d, i), m = (p0.y + p3.y) / 2, p = [ p0, { + x: p0.x, + y: m + }, { + x: p3.x, + y: m + }, p3 ]; + p = p.map(projection); + return "M" + p[0] + "C" + p[1] + " " + p[2] + " " + p[3]; + } + diagonal.source = function(x) { + if (!arguments.length) return source; + source = d3v3_functor(x); + return diagonal; + }; + diagonal.target = function(x) { + if (!arguments.length) return target; + target = d3v3_functor(x); + return diagonal; + }; + diagonal.projection = function(x) { + if (!arguments.length) return projection; + projection = x; + return diagonal; + }; + return diagonal; + }; + function d3v3_svg_diagonalProjection(d) { + return [ d.x, d.y ]; + } + d3v3.svg.diagonal.radial = function() { + var diagonal = d3v3.svg.diagonal(), projection = d3v3_svg_diagonalProjection, projection_ = diagonal.projection; + diagonal.projection = function(x) { + return arguments.length ? projection_(d3v3_svg_diagonalRadialProjection(projection = x)) : projection; + }; + return diagonal; + }; + function d3v3_svg_diagonalRadialProjection(projection) { + return function() { + var d = projection.apply(this, arguments), r = d[0], a = d[1] - halfp; + return [ r * Math.cos(a), r * Math.sin(a) ]; + }; + } + d3v3.svg.symbol = function() { + var type = d3v3_svg_symbolType, size = d3v3_svg_symbolSize; + function symbol(d, i) { + return (d3v3_svg_symbols.get(type.call(this, d, i)) || d3v3_svg_symbolCircle)(size.call(this, d, i)); + } + symbol.type = function(x) { + if (!arguments.length) return type; + type = d3v3_functor(x); + return symbol; + }; + symbol.size = function(x) { + if (!arguments.length) return size; + size = d3v3_functor(x); + return symbol; + }; + return symbol; + }; + function d3v3_svg_symbolSize() { + return 64; + } + function d3v3_svg_symbolType() { + return "circle"; + } + function d3v3_svg_symbolCircle(size) { + var r = Math.sqrt(size / p); + return "M0," + r + "A" + r + "," + r + " 0 1,1 0," + -r + "A" + r + "," + r + " 0 1,1 0," + r + "Z"; + } + var d3v3_svg_symbols = d3v3.map({ + circle: d3v3_svg_symbolCircle, + cross: function(size) { + var r = Math.sqrt(size / 5) / 2; + return "M" + -3 * r + "," + -r + "H" + -r + "V" + -3 * r + "H" + r + "V" + -r + "H" + 3 * r + "V" + r + "H" + r + "V" + 3 * r + "H" + -r + "V" + r + "H" + -3 * r + "Z"; + }, + diamond: function(size) { + var ry = Math.sqrt(size / (2 * d3v3_svg_symbolTan30)), rx = ry * d3v3_svg_symbolTan30; + return "M0," + -ry + "L" + rx + ",0" + " 0," + ry + " " + -rx + ",0" + "Z"; + }, + square: function(size) { + var r = Math.sqrt(size) / 2; + return "M" + -r + "," + -r + "L" + r + "," + -r + " " + r + "," + r + " " + -r + "," + r + "Z"; + }, + "triangle-down": function(size) { + var rx = Math.sqrt(size / d3v3_svg_symbolSqrt3), ry = rx * d3v3_svg_symbolSqrt3 / 2; + return "M0," + ry + "L" + rx + "," + -ry + " " + -rx + "," + -ry + "Z"; + }, + "triangle-up": function(size) { + var rx = Math.sqrt(size / d3v3_svg_symbolSqrt3), ry = rx * d3v3_svg_symbolSqrt3 / 2; + return "M0," + -ry + "L" + rx + "," + ry + " " + -rx + "," + ry + "Z"; + } + }); + d3v3.svg.symbolTypes = d3v3_svg_symbols.keys(); + var d3v3_svg_symbolSqrt3 = Math.sqrt(3), d3v3_svg_symbolTan30 = Math.tan(30 * d3v3_radians); + d3v3_selectionPrototype.transition = function(name) { + var id = d3v3_transitionInheritId || ++d3v3_transitionId, ns = d3v3_transitionNamespace(name), subgroups = [], subgroup, node, transition = d3v3_transitionInherit || { + time: Date.now(), + ease: d3v3_ease_cubicInOut, + delay: 0, + duration: 250 + }; + for (var j = -1, m = this.length; ++j < m; ) { + subgroups.push(subgroup = []); + for (var group = this[j], i = -1, n = group.length; ++i < n; ) { + if (node = group[i]) d3v3_transitionNode(node, i, ns, id, transition); + subgroup.push(node); + } + } + return d3v3_transition(subgroups, ns, id); + }; + d3v3_selectionPrototype.interrupt = function(name) { + return this.each(name == null ? d3v3_selection_interrupt : d3v3_selection_interruptNS(d3v3_transitionNamespace(name))); + }; + var d3v3_selection_interrupt = d3v3_selection_interruptNS(d3v3_transitionNamespace()); + function d3v3_selection_interruptNS(ns) { + return function() { + var lock, active; + if ((lock = this[ns]) && (active = lock[lock.active])) { + if (--lock.count) delete lock[lock.active]; else delete this[ns]; + lock.active += .5; + active.event && active.event.interrupt.call(this, this.__data__, active.index); + } + }; + } + function d3v3_transition(groups, ns, id) { + d3v3_subclass(groups, d3v3_transitionPrototype); + groups.namespace = ns; + groups.id = id; + return groups; + } + var d3v3_transitionPrototype = [], d3v3_transitionId = 0, d3v3_transitionInheritId, d3v3_transitionInherit; + d3v3_transitionPrototype.call = d3v3_selectionPrototype.call; + d3v3_transitionPrototype.empty = d3v3_selectionPrototype.empty; + d3v3_transitionPrototype.node = d3v3_selectionPrototype.node; + d3v3_transitionPrototype.size = d3v3_selectionPrototype.size; + d3v3.transition = function(selection, name) { + return selection && selection.transition ? d3v3_transitionInheritId ? selection.transition(name) : selection : d3v3_selectionRoot.transition(selection); + }; + d3v3.transition.prototype = d3v3_transitionPrototype; + d3v3_transitionPrototype.select = function(selector) { + var id = this.id, ns = this.namespace, subgroups = [], subgroup, subnode, node; + selector = d3v3_selection_selector(selector); + for (var j = -1, m = this.length; ++j < m; ) { + subgroups.push(subgroup = []); + for (var group = this[j], i = -1, n = group.length; ++i < n; ) { + if ((node = group[i]) && (subnode = selector.call(node, node.__data__, i, j))) { + if ("__data__" in node) subnode.__data__ = node.__data__; + d3v3_transitionNode(subnode, i, ns, id, node[ns][id]); + subgroup.push(subnode); + } else { + subgroup.push(null); + } + } + } + return d3v3_transition(subgroups, ns, id); + }; + d3v3_transitionPrototype.selectAll = function(selector) { + var id = this.id, ns = this.namespace, subgroups = [], subgroup, subnodes, node, subnode, transition; + selector = d3v3_selection_selectorAll(selector); + for (var j = -1, m = this.length; ++j < m; ) { + for (var group = this[j], i = -1, n = group.length; ++i < n; ) { + if (node = group[i]) { + transition = node[ns][id]; + subnodes = selector.call(node, node.__data__, i, j); + subgroups.push(subgroup = []); + for (var k = -1, o = subnodes.length; ++k < o; ) { + if (subnode = subnodes[k]) d3v3_transitionNode(subnode, k, ns, id, transition); + subgroup.push(subnode); + } + } + } + } + return d3v3_transition(subgroups, ns, id); + }; + d3v3_transitionPrototype.filter = function(filter) { + var subgroups = [], subgroup, group, node; + if (typeof filter !== "function") filter = d3v3_selection_filter(filter); + for (var j = 0, m = this.length; j < m; j++) { + subgroups.push(subgroup = []); + for (var group = this[j], i = 0, n = group.length; i < n; i++) { + if ((node = group[i]) && filter.call(node, node.__data__, i, j)) { + subgroup.push(node); + } + } + } + return d3v3_transition(subgroups, this.namespace, this.id); + }; + d3v3_transitionPrototype.tween = function(name, tween) { + var id = this.id, ns = this.namespace; + if (arguments.length < 2) return this.node()[ns][id].tween.get(name); + return d3v3_selection_each(this, tween == null ? function(node) { + node[ns][id].tween.remove(name); + } : function(node) { + node[ns][id].tween.set(name, tween); + }); + }; + function d3v3_transition_tween(groups, name, value, tween) { + var id = groups.id, ns = groups.namespace; + return d3v3_selection_each(groups, typeof value === "function" ? function(node, i, j) { + node[ns][id].tween.set(name, tween(value.call(node, node.__data__, i, j))); + } : (value = tween(value), function(node) { + node[ns][id].tween.set(name, value); + })); + } + d3v3_transitionPrototype.attr = function(nameNS, value) { + if (arguments.length < 2) { + for (value in nameNS) this.attr(value, nameNS[value]); + return this; + } + var interpolate = nameNS == "transform" ? d3v3_interpolateTransform : d3v3_interpolate, name = d3v3.ns.qualify(nameNS); + function attrNull() { + this.removeAttribute(name); + } + function attrNullNS() { + this.removeAttributeNS(name.space, name.local); + } + function attrTween(b) { + return b == null ? attrNull : (b += "", function() { + var a = this.getAttribute(name), i; + return a !== b && (i = interpolate(a, b), function(t) { + this.setAttribute(name, i(t)); + }); + }); + } + function attrTweenNS(b) { + return b == null ? attrNullNS : (b += "", function() { + var a = this.getAttributeNS(name.space, name.local), i; + return a !== b && (i = interpolate(a, b), function(t) { + this.setAttributeNS(name.space, name.local, i(t)); + }); + }); + } + return d3v3_transition_tween(this, "attr." + nameNS, value, name.local ? attrTweenNS : attrTween); + }; + d3v3_transitionPrototype.attrTween = function(nameNS, tween) { + var name = d3v3.ns.qualify(nameNS); + function attrTween(d, i) { + var f = tween.call(this, d, i, this.getAttribute(name)); + return f && function(t) { + this.setAttribute(name, f(t)); + }; + } + function attrTweenNS(d, i) { + var f = tween.call(this, d, i, this.getAttributeNS(name.space, name.local)); + return f && function(t) { + this.setAttributeNS(name.space, name.local, f(t)); + }; + } + return this.tween("attr." + nameNS, name.local ? attrTweenNS : attrTween); + }; + d3v3_transitionPrototype.style = function(name, value, priority) { + var n = arguments.length; + if (n < 3) { + if (typeof name !== "string") { + if (n < 2) value = ""; + for (priority in name) this.style(priority, name[priority], value); + return this; + } + priority = ""; + } + function styleNull() { + this.style.removeProperty(name); + } + function styleString(b) { + return b == null ? styleNull : (b += "", function() { + var a = d3v3_window.getComputedStyle(this, null).getPropertyValue(name), i; + return a !== b && (i = d3v3_interpolate(a, b), function(t) { + this.style.setProperty(name, i(t), priority); + }); + }); + } + return d3v3_transition_tween(this, "style." + name, value, styleString); + }; + d3v3_transitionPrototype.styleTween = function(name, tween, priority) { + if (arguments.length < 3) priority = ""; + function styleTween(d, i) { + var f = tween.call(this, d, i, d3v3_window.getComputedStyle(this, null).getPropertyValue(name)); + return f && function(t) { + this.style.setProperty(name, f(t), priority); + }; + } + return this.tween("style." + name, styleTween); + }; + d3v3_transitionPrototype.text = function(value) { + return d3v3_transition_tween(this, "text", value, d3v3_transition_text); + }; + function d3v3_transition_text(b) { + if (b == null) b = ""; + return function() { + this.textContent = b; + }; + } + d3v3_transitionPrototype.remove = function() { + var ns = this.namespace; + return this.each("end.transition", function() { + var p; + if (this[ns].count < 2 && (p = this.parentNode)) p.removeChild(this); + }); + }; + d3v3_transitionPrototype.ease = function(value) { + var id = this.id, ns = this.namespace; + if (arguments.length < 1) return this.node()[ns][id].ease; + if (typeof value !== "function") value = d3v3.ease.apply(d3v3, arguments); + return d3v3_selection_each(this, function(node) { + node[ns][id].ease = value; + }); + }; + d3v3_transitionPrototype.delay = function(value) { + var id = this.id, ns = this.namespace; + if (arguments.length < 1) return this.node()[ns][id].delay; + return d3v3_selection_each(this, typeof value === "function" ? function(node, i, j) { + node[ns][id].delay = +value.call(node, node.__data__, i, j); + } : (value = +value, function(node) { + node[ns][id].delay = value; + })); + }; + d3v3_transitionPrototype.duration = function(value) { + var id = this.id, ns = this.namespace; + if (arguments.length < 1) return this.node()[ns][id].duration; + return d3v3_selection_each(this, typeof value === "function" ? function(node, i, j) { + node[ns][id].duration = Math.max(1, value.call(node, node.__data__, i, j)); + } : (value = Math.max(1, value), function(node) { + node[ns][id].duration = value; + })); + }; + d3v3_transitionPrototype.each = function(type, listener) { + var id = this.id, ns = this.namespace; + if (arguments.length < 2) { + var inherit = d3v3_transitionInherit, inheritId = d3v3_transitionInheritId; + try { + d3v3_transitionInheritId = id; + d3v3_selection_each(this, function(node, i, j) { + d3v3_transitionInherit = node[ns][id]; + type.call(node, node.__data__, i, j); + }); + } finally { + d3v3_transitionInherit = inherit; + d3v3_transitionInheritId = inheritId; + } + } else { + d3v3_selection_each(this, function(node) { + var transition = node[ns][id]; + (transition.event || (transition.event = d3v3.dispatch("start", "end", "interrupt"))).on(type, listener); + }); + } + return this; + }; + d3v3_transitionPrototype.transition = function() { + var id0 = this.id, id1 = ++d3v3_transitionId, ns = this.namespace, subgroups = [], subgroup, group, node, transition; + for (var j = 0, m = this.length; j < m; j++) { + subgroups.push(subgroup = []); + for (var group = this[j], i = 0, n = group.length; i < n; i++) { + if (node = group[i]) { + transition = node[ns][id0]; + d3v3_transitionNode(node, i, ns, id1, { + time: transition.time, + ease: transition.ease, + delay: transition.delay + transition.duration, + duration: transition.duration + }); + } + subgroup.push(node); + } + } + return d3v3_transition(subgroups, ns, id1); + }; + function d3v3_transitionNamespace(name) { + return name == null ? "__transition__" : "__transition_" + name + "__"; + } + function d3v3_transitionNode(node, i, ns, id, inherit) { + var lock = node[ns] || (node[ns] = { + active: 0, + count: 0 + }), transition = lock[id]; + if (!transition) { + var time = inherit.time; + transition = lock[id] = { + tween: new d3v3_Map(), + time: time, + delay: inherit.delay, + duration: inherit.duration, + ease: inherit.ease, + index: i + }; + inherit = null; + ++lock.count; + d3v3.timer(function(elapsed) { + var delay = transition.delay, duration, ease, timer = d3v3_timer_active, tweened = []; + timer.t = delay + time; + if (delay <= elapsed) return start(elapsed - delay); + timer.c = start; + function start(elapsed) { + if (lock.active > id) return stop(); + var active = lock[lock.active]; + if (active) { + --lock.count; + delete lock[lock.active]; + active.event && active.event.interrupt.call(node, node.__data__, active.index); + } + lock.active = id; + transition.event && transition.event.start.call(node, node.__data__, i); + transition.tween.forEach(function(key, value) { + if (value = value.call(node, node.__data__, i)) { + tweened.push(value); + } + }); + ease = transition.ease; + duration = transition.duration; + d3v3.timer(function() { + timer.c = tick(elapsed || 1) ? d3v3_true : tick; + return 1; + }, 0, time); + } + function tick(elapsed) { + if (lock.active !== id) return 1; + var t = elapsed / duration, e = ease(t), n = tweened.length; + while (n > 0) { + tweened[--n].call(node, e); + } + if (t >= 1) { + transition.event && transition.event.end.call(node, node.__data__, i); + return stop(); + } + } + function stop() { + if (--lock.count) delete lock[id]; else delete node[ns]; + return 1; + } + }, 0, time); + } + } + d3v3.svg.axis = function() { + var scale = d3v3.scale.linear(), orient = d3v3_svg_axisDefaultOrient, innerTickSize = 6, outerTickSize = 6, tickPadding = 3, tickArguments_ = [ 10 ], tickValues = null, tickFormat_; + function axis(g) { + g.each(function() { + var g = d3v3.select(this); + var scale0 = this.__chart__ || scale, scale1 = this.__chart__ = scale.copy(); + var ticks = tickValues == null ? scale1.ticks ? scale1.ticks.apply(scale1, tickArguments_) : scale1.domain() : tickValues, tickFormat = tickFormat_ == null ? scale1.tickFormat ? scale1.tickFormat.apply(scale1, tickArguments_) : d3v3_identity : tickFormat_, tick = g.selectAll(".tick").data(ticks, scale1), tickEnter = tick.enter().insert("g", ".domain").attr("class", "tick").style("opacity", e), tickExit = d3v3.transition(tick.exit()).style("opacity", e).remove(), tickUpdate = d3v3.transition(tick.order()).style("opacity", 1), tickSpacing = Math.max(innerTickSize, 0) + tickPadding, tickTransform; + var range = d3v3_scaleRange(scale1), path = g.selectAll(".domain").data([ 0 ]), pathUpdate = (path.enter().append("path").attr("class", "domain"), + d3v3.transition(path)); + tickEnter.append("line"); + tickEnter.append("text"); + var lineEnter = tickEnter.select("line"), lineUpdate = tickUpdate.select("line"), text = tick.select("text").text(tickFormat), textEnter = tickEnter.select("text"), textUpdate = tickUpdate.select("text"), sign = orient === "top" || orient === "left" ? -1 : 1, x1, x2, y1, y2; + if (orient === "bottom" || orient === "top") { + tickTransform = d3v3_svg_axisX, x1 = "x", y1 = "y", x2 = "x2", y2 = "y2"; + text.attr("dy", sign < 0 ? "0em" : ".71em").style("text-anchor", "middle"); + pathUpdate.attr("d", "M" + range[0] + "," + sign * outerTickSize + "V0H" + range[1] + "V" + sign * outerTickSize); + } else { + tickTransform = d3v3_svg_axisY, x1 = "y", y1 = "x", x2 = "y2", y2 = "x2"; + text.attr("dy", ".32em").style("text-anchor", sign < 0 ? "end" : "start"); + pathUpdate.attr("d", "M" + sign * outerTickSize + "," + range[0] + "H0V" + range[1] + "H" + sign * outerTickSize); + } + lineEnter.attr(y2, sign * innerTickSize); + textEnter.attr(y1, sign * tickSpacing); + lineUpdate.attr(x2, 0).attr(y2, sign * innerTickSize); + textUpdate.attr(x1, 0).attr(y1, sign * tickSpacing); + if (scale1.rangeBand) { + var x = scale1, dx = x.rangeBand() / 2; + scale0 = scale1 = function(d) { + return x(d) + dx; + }; + } else if (scale0.rangeBand) { + scale0 = scale1; + } else { + tickExit.call(tickTransform, scale1, scale0); + } + tickEnter.call(tickTransform, scale0, scale1); + tickUpdate.call(tickTransform, scale1, scale1); + }); + } + axis.scale = function(x) { + if (!arguments.length) return scale; + scale = x; + return axis; + }; + axis.orient = function(x) { + if (!arguments.length) return orient; + orient = x in d3v3_svg_axisOrients ? x + "" : d3v3_svg_axisDefaultOrient; + return axis; + }; + axis.ticks = function() { + if (!arguments.length) return tickArguments_; + tickArguments_ = arguments; + return axis; + }; + axis.tickValues = function(x) { + if (!arguments.length) return tickValues; + tickValues = x; + return axis; + }; + axis.tickFormat = function(x) { + if (!arguments.length) return tickFormat_; + tickFormat_ = x; + return axis; + }; + axis.tickSize = function(x) { + var n = arguments.length; + if (!n) return innerTickSize; + innerTickSize = +x; + outerTickSize = +arguments[n - 1]; + return axis; + }; + axis.innerTickSize = function(x) { + if (!arguments.length) return innerTickSize; + innerTickSize = +x; + return axis; + }; + axis.outerTickSize = function(x) { + if (!arguments.length) return outerTickSize; + outerTickSize = +x; + return axis; + }; + axis.tickPadding = function(x) { + if (!arguments.length) return tickPadding; + tickPadding = +x; + return axis; + }; + axis.tickSubdivide = function() { + return arguments.length && axis; + }; + return axis; + }; + var d3v3_svg_axisDefaultOrient = "bottom", d3v3_svg_axisOrients = { + top: 1, + right: 1, + bottom: 1, + left: 1 + }; + function d3v3_svg_axisX(selection, x0, x1) { + selection.attr("transform", function(d) { + var v0 = x0(d); + return "translate(" + (isFinite(v0) ? v0 : x1(d)) + ",0)"; + }); + } + function d3v3_svg_axisY(selection, y0, y1) { + selection.attr("transform", function(d) { + var v0 = y0(d); + return "translate(0," + (isFinite(v0) ? v0 : y1(d)) + ")"; + }); + } + d3v3.svg.brush = function() { + var event = d3v3_eventDispatch(brush, "brushstart", "brush", "brushend"), x = null, y = null, xExtent = [ 0, 0 ], yExtent = [ 0, 0 ], xExtentDomain, yExtentDomain, xClamp = true, yClamp = true, resizes = d3v3_svg_brushResizes[0]; + function brush(g) { + g.each(function() { + var g = d3v3.select(this).style("pointer-events", "all").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)").on("mousedown.brush", brushstart).on("touchstart.brush", brushstart); + var background = g.selectAll(".background").data([ 0 ]); + background.enter().append("rect").attr("class", "background").style("visibility", "hidden").style("cursor", "crosshair"); + g.selectAll(".extent").data([ 0 ]).enter().append("rect").attr("class", "extent").style("cursor", "move"); + var resize = g.selectAll(".resize").data(resizes, d3v3_identity); + resize.exit().remove(); + resize.enter().append("g").attr("class", function(d) { + return "resize " + d; + }).style("cursor", function(d) { + return d3v3_svg_brushCursor[d]; + }).append("rect").attr("x", function(d) { + return /[ew]$/.test(d) ? -3 : null; + }).attr("y", function(d) { + return /^[ns]/.test(d) ? -3 : null; + }).attr("width", 6).attr("height", 6).style("visibility", "hidden"); + resize.style("display", brush.empty() ? "none" : null); + var gUpdate = d3v3.transition(g), backgroundUpdate = d3v3.transition(background), range; + if (x) { + range = d3v3_scaleRange(x); + backgroundUpdate.attr("x", range[0]).attr("width", range[1] - range[0]); + redrawX(gUpdate); + } + if (y) { + range = d3v3_scaleRange(y); + backgroundUpdate.attr("y", range[0]).attr("height", range[1] - range[0]); + redrawY(gUpdate); + } + redraw(gUpdate); + }); + } + brush.event = function(g) { + g.each(function() { + var event_ = event.of(this, arguments), extent1 = { + x: xExtent, + y: yExtent, + i: xExtentDomain, + j: yExtentDomain + }, extent0 = this.__chart__ || extent1; + this.__chart__ = extent1; + if (d3v3_transitionInheritId) { + d3v3.select(this).transition().each("start.brush", function() { + xExtentDomain = extent0.i; + yExtentDomain = extent0.j; + xExtent = extent0.x; + yExtent = extent0.y; + event_({ + type: "brushstart" + }); + }).tween("brush:brush", function() { + var xi = d3v3_interpolateArray(xExtent, extent1.x), yi = d3v3_interpolateArray(yExtent, extent1.y); + xExtentDomain = yExtentDomain = null; + return function(t) { + xExtent = extent1.x = xi(t); + yExtent = extent1.y = yi(t); + event_({ + type: "brush", + mode: "resize" + }); + }; + }).each("end.brush", function() { + xExtentDomain = extent1.i; + yExtentDomain = extent1.j; + event_({ + type: "brush", + mode: "resize" + }); + event_({ + type: "brushend" + }); + }); + } else { + event_({ + type: "brushstart" + }); + event_({ + type: "brush", + mode: "resize" + }); + event_({ + type: "brushend" + }); + } + }); + }; + function redraw(g) { + g.selectAll(".resize").attr("transform", function(d) { + return "translate(" + xExtent[+/e$/.test(d)] + "," + yExtent[+/^s/.test(d)] + ")"; + }); + } + function redrawX(g) { + g.select(".extent").attr("x", xExtent[0]); + g.selectAll(".extent,.n>rect,.s>rect").attr("width", xExtent[1] - xExtent[0]); + } + function redrawY(g) { + g.select(".extent").attr("y", yExtent[0]); + g.selectAll(".extent,.e>rect,.w>rect").attr("height", yExtent[1] - yExtent[0]); + } + function brushstart() { + var target = this, eventTarget = d3v3.select(d3v3.event.target), event_ = event.of(target, arguments), g = d3v3.select(target), resizing = eventTarget.datum(), resizingX = !/^(n|s)$/.test(resizing) && x, resizingY = !/^(e|w)$/.test(resizing) && y, dragging = eventTarget.classed("extent"), dragRestore = d3v3_event_dragSuppress(), center, origin = d3v3.mouse(target), offset; + var w = d3v3.select(d3v3_window).on("keydown.brush", keydown).on("keyup.brush", keyup); + if (d3v3.event.changedTouches) { + w.on("touchmove.brush", brushmove).on("touchend.brush", brushend); + } else { + w.on("mousemove.brush", brushmove).on("mouseup.brush", brushend); + } + g.interrupt().selectAll("*").interrupt(); + if (dragging) { + origin[0] = xExtent[0] - origin[0]; + origin[1] = yExtent[0] - origin[1]; + } else if (resizing) { + var ex = +/w$/.test(resizing), ey = +/^n/.test(resizing); + offset = [ xExtent[1 - ex] - origin[0], yExtent[1 - ey] - origin[1] ]; + origin[0] = xExtent[ex]; + origin[1] = yExtent[ey]; + } else if (d3v3.event.altKey) center = origin.slice(); + g.style("pointer-events", "none").selectAll(".resize").style("display", null); + d3v3.select("body").style("cursor", eventTarget.style("cursor")); + event_({ + type: "brushstart" + }); + brushmove(); + function keydown() { + if (d3v3.event.keyCode == 32) { + if (!dragging) { + center = null; + origin[0] -= xExtent[1]; + origin[1] -= yExtent[1]; + dragging = 2; + } + d3v3_eventPreventDefault(); + } + } + function keyup() { + if (d3v3.event.keyCode == 32 && dragging == 2) { + origin[0] += xExtent[1]; + origin[1] += yExtent[1]; + dragging = 0; + d3v3_eventPreventDefault(); + } + } + function brushmove() { + var point = d3v3.mouse(target), moved = false; + if (offset) { + point[0] += offset[0]; + point[1] += offset[1]; + } + if (!dragging) { + if (d3v3.event.altKey) { + if (!center) center = [ (xExtent[0] + xExtent[1]) / 2, (yExtent[0] + yExtent[1]) / 2 ]; + origin[0] = xExtent[+(point[0] < center[0])]; + origin[1] = yExtent[+(point[1] < center[1])]; + } else center = null; + } + if (resizingX && move1(point, x, 0)) { + redrawX(g); + moved = true; + } + if (resizingY && move1(point, y, 1)) { + redrawY(g); + moved = true; + } + if (moved) { + redraw(g); + event_({ + type: "brush", + mode: dragging ? "move" : "resize" + }); + } + } + function move1(point, scale, i) { + var range = d3v3_scaleRange(scale), r0 = range[0], r1 = range[1], position = origin[i], extent = i ? yExtent : xExtent, size = extent[1] - extent[0], min, max; + if (dragging) { + r0 -= position; + r1 -= size + position; + } + min = (i ? yClamp : xClamp) ? Math.max(r0, Math.min(r1, point[i])) : point[i]; + if (dragging) { + max = (min += position) + size; + } else { + if (center) position = Math.max(r0, Math.min(r1, 2 * center[i] - min)); + if (position < min) { + max = min; + min = position; + } else { + max = position; + } + } + if (extent[0] != min || extent[1] != max) { + if (i) yExtentDomain = null; else xExtentDomain = null; + extent[0] = min; + extent[1] = max; + return true; + } + } + function brushend() { + brushmove(); + g.style("pointer-events", "all").selectAll(".resize").style("display", brush.empty() ? "none" : null); + d3v3.select("body").style("cursor", null); + w.on("mousemove.brush", null).on("mouseup.brush", null).on("touchmove.brush", null).on("touchend.brush", null).on("keydown.brush", null).on("keyup.brush", null); + dragRestore(); + event_({ + type: "brushend" + }); + } + } + brush.x = function(z) { + if (!arguments.length) return x; + x = z; + resizes = d3v3_svg_brushResizes[!x << 1 | !y]; + return brush; + }; + brush.y = function(z) { + if (!arguments.length) return y; + y = z; + resizes = d3v3_svg_brushResizes[!x << 1 | !y]; + return brush; + }; + brush.clamp = function(z) { + if (!arguments.length) return x && y ? [ xClamp, yClamp ] : x ? xClamp : y ? yClamp : null; + if (x && y) xClamp = !!z[0], yClamp = !!z[1]; else if (x) xClamp = !!z; else if (y) yClamp = !!z; + return brush; + }; + brush.extent = function(z) { + var x0, x1, y0, y1, t; + if (!arguments.length) { + if (x) { + if (xExtentDomain) { + x0 = xExtentDomain[0], x1 = xExtentDomain[1]; + } else { + x0 = xExtent[0], x1 = xExtent[1]; + if (x.invert) x0 = x.invert(x0), x1 = x.invert(x1); + if (x1 < x0) t = x0, x0 = x1, x1 = t; + } + } + if (y) { + if (yExtentDomain) { + y0 = yExtentDomain[0], y1 = yExtentDomain[1]; + } else { + y0 = yExtent[0], y1 = yExtent[1]; + if (y.invert) y0 = y.invert(y0), y1 = y.invert(y1); + if (y1 < y0) t = y0, y0 = y1, y1 = t; + } + } + return x && y ? [ [ x0, y0 ], [ x1, y1 ] ] : x ? [ x0, x1 ] : y && [ y0, y1 ]; + } + if (x) { + x0 = z[0], x1 = z[1]; + if (y) x0 = x0[0], x1 = x1[0]; + xExtentDomain = [ x0, x1 ]; + if (x.invert) x0 = x(x0), x1 = x(x1); + if (x1 < x0) t = x0, x0 = x1, x1 = t; + if (x0 != xExtent[0] || x1 != xExtent[1]) xExtent = [ x0, x1 ]; + } + if (y) { + y0 = z[0], y1 = z[1]; + if (x) y0 = y0[1], y1 = y1[1]; + yExtentDomain = [ y0, y1 ]; + if (y.invert) y0 = y(y0), y1 = y(y1); + if (y1 < y0) t = y0, y0 = y1, y1 = t; + if (y0 != yExtent[0] || y1 != yExtent[1]) yExtent = [ y0, y1 ]; + } + return brush; + }; + brush.clear = function() { + if (!brush.empty()) { + xExtent = [ 0, 0 ], yExtent = [ 0, 0 ]; + xExtentDomain = yExtentDomain = null; + } + return brush; + }; + brush.empty = function() { + return !!x && xExtent[0] == xExtent[1] || !!y && yExtent[0] == yExtent[1]; + }; + return d3v3.rebind(brush, event, "on"); + }; + var d3v3_svg_brushCursor = { + n: "ns-resize", + e: "ew-resize", + s: "ns-resize", + w: "ew-resize", + nw: "nwse-resize", + ne: "nesw-resize", + se: "nwse-resize", + sw: "nesw-resize" + }; + var d3v3_svg_brushResizes = [ [ "n", "e", "s", "w", "nw", "ne", "se", "sw" ], [ "e", "w" ], [ "n", "s" ], [] ]; + var d3v3_time_format = d3v3_time.format = d3v3_locale_enUS.timeFormat; + var d3v3_time_formatUtc = d3v3_time_format.utc; + var d3v3_time_formatIso = d3v3_time_formatUtc("%Y-%m-%dT%H:%M:%S.%LZ"); + d3v3_time_format.iso = Date.prototype.toISOString && +new Date("2000-01-01T00:00:00.000Z") ? d3v3_time_formatIsoNative : d3v3_time_formatIso; + function d3v3_time_formatIsoNative(date) { + return date.toISOString(); + } + d3v3_time_formatIsoNative.parse = function(string) { + var date = new Date(string); + return isNaN(date) ? null : date; + }; + d3v3_time_formatIsoNative.toString = d3v3_time_formatIso.toString; + d3v3_time.second = d3v3_time_interval(function(date) { + return new d3v3_date(Math.floor(date / 1e3) * 1e3); + }, function(date, offset) { + date.setTime(date.getTime() + Math.floor(offset) * 1e3); + }, function(date) { + return date.getSeconds(); + }); + d3v3_time.seconds = d3v3_time.second.range; + d3v3_time.seconds.utc = d3v3_time.second.utc.range; + d3v3_time.minute = d3v3_time_interval(function(date) { + return new d3v3_date(Math.floor(date / 6e4) * 6e4); + }, function(date, offset) { + date.setTime(date.getTime() + Math.floor(offset) * 6e4); + }, function(date) { + return date.getMinutes(); + }); + d3v3_time.minutes = d3v3_time.minute.range; + d3v3_time.minutes.utc = d3v3_time.minute.utc.range; + d3v3_time.hour = d3v3_time_interval(function(date) { + var timezone = date.getTimezoneOffset() / 60; + return new d3v3_date((Math.floor(date / 36e5 - timezone) + timezone) * 36e5); + }, function(date, offset) { + date.setTime(date.getTime() + Math.floor(offset) * 36e5); + }, function(date) { + return date.getHours(); + }); + d3v3_time.hours = d3v3_time.hour.range; + d3v3_time.hours.utc = d3v3_time.hour.utc.range; + d3v3_time.month = d3v3_time_interval(function(date) { + date = d3v3_time.day(date); + date.setDate(1); + return date; + }, function(date, offset) { + date.setMonth(date.getMonth() + offset); + }, function(date) { + return date.getMonth(); + }); + d3v3_time.months = d3v3_time.month.range; + d3v3_time.months.utc = d3v3_time.month.utc.range; + function d3v3_time_scale(linear, methods, format) { + function scale(x) { + return linear(x); + } + scale.invert = function(x) { + return d3v3_time_scaleDate(linear.invert(x)); + }; + scale.domain = function(x) { + if (!arguments.length) return linear.domain().map(d3v3_time_scaleDate); + linear.domain(x); + return scale; + }; + function tickMethod(extent, count) { + var span = extent[1] - extent[0], target = span / count, i = d3v3.bisect(d3v3_time_scaleSteps, target); + return i == d3v3_time_scaleSteps.length ? [ methods.year, d3v3_scale_linearTickRange(extent.map(function(d) { + return d / 31536e6; + }), count)[2] ] : !i ? [ d3v3_time_scaleMilliseconds, d3v3_scale_linearTickRange(extent, count)[2] ] : methods[target / d3v3_time_scaleSteps[i - 1] < d3v3_time_scaleSteps[i] / target ? i - 1 : i]; + } + scale.nice = function(interval, skip) { + var domain = scale.domain(), extent = d3v3_scaleExtent(domain), method = interval == null ? tickMethod(extent, 10) : typeof interval === "number" && tickMethod(extent, interval); + if (method) interval = method[0], skip = method[1]; + function skipped(date) { + return !isNaN(date) && !interval.range(date, d3v3_time_scaleDate(+date + 1), skip).length; + } + return scale.domain(d3v3_scale_nice(domain, skip > 1 ? { + floor: function(date) { + while (skipped(date = interval.floor(date))) date = d3v3_time_scaleDate(date - 1); + return date; + }, + ceil: function(date) { + while (skipped(date = interval.ceil(date))) date = d3v3_time_scaleDate(+date + 1); + return date; + } + } : interval)); + }; + scale.ticks = function(interval, skip) { + var extent = d3v3_scaleExtent(scale.domain()), method = interval == null ? tickMethod(extent, 10) : typeof interval === "number" ? tickMethod(extent, interval) : !interval.range && [ { + range: interval + }, skip ]; + if (method) interval = method[0], skip = method[1]; + return interval.range(extent[0], d3v3_time_scaleDate(+extent[1] + 1), skip < 1 ? 1 : skip); + }; + scale.tickFormat = function() { + return format; + }; + scale.copy = function() { + return d3v3_time_scale(linear.copy(), methods, format); + }; + return d3v3_scale_linearRebind(scale, linear); + } + function d3v3_time_scaleDate(t) { + return new Date(t); + } + var d3v3_time_scaleSteps = [ 1e3, 5e3, 15e3, 3e4, 6e4, 3e5, 9e5, 18e5, 36e5, 108e5, 216e5, 432e5, 864e5, 1728e5, 6048e5, 2592e6, 7776e6, 31536e6 ]; + var d3v3_time_scaleLocalMethods = [ [ d3v3_time.second, 1 ], [ d3v3_time.second, 5 ], [ d3v3_time.second, 15 ], [ d3v3_time.second, 30 ], [ d3v3_time.minute, 1 ], [ d3v3_time.minute, 5 ], [ d3v3_time.minute, 15 ], [ d3v3_time.minute, 30 ], [ d3v3_time.hour, 1 ], [ d3v3_time.hour, 3 ], [ d3v3_time.hour, 6 ], [ d3v3_time.hour, 12 ], [ d3v3_time.day, 1 ], [ d3v3_time.day, 2 ], [ d3v3_time.week, 1 ], [ d3v3_time.month, 1 ], [ d3v3_time.month, 3 ], [ d3v3_time.year, 1 ] ]; + var d3v3_time_scaleLocalFormat = d3v3_time_format.multi([ [ ".%L", function(d) { + return d.getMilliseconds(); + } ], [ ":%S", function(d) { + return d.getSeconds(); + } ], [ "%I:%M", function(d) { + return d.getMinutes(); + } ], [ "%I %p", function(d) { + return d.getHours(); + } ], [ "%a %d", function(d) { + return d.getDay() && d.getDate() != 1; + } ], [ "%b %d", function(d) { + return d.getDate() != 1; + } ], [ "%B", function(d) { + return d.getMonth(); + } ], [ "%Y", d3v3_true ] ]); + var d3v3_time_scaleMilliseconds = { + range: function(start, stop, step) { + return d3v3.range(Math.ceil(start / step) * step, +stop, step).map(d3v3_time_scaleDate); + }, + floor: d3v3_identity, + ceil: d3v3_identity + }; + d3v3_time_scaleLocalMethods.year = d3v3_time.year; + d3v3_time.scale = function() { + return d3v3_time_scale(d3v3.scale.linear(), d3v3_time_scaleLocalMethods, d3v3_time_scaleLocalFormat); + }; + var d3v3_time_scaleUtcMethods = d3v3_time_scaleLocalMethods.map(function(m) { + return [ m[0].utc, m[1] ]; + }); + var d3v3_time_scaleUtcFormat = d3v3_time_formatUtc.multi([ [ ".%L", function(d) { + return d.getUTCMilliseconds(); + } ], [ ":%S", function(d) { + return d.getUTCSeconds(); + } ], [ "%I:%M", function(d) { + return d.getUTCMinutes(); + } ], [ "%I %p", function(d) { + return d.getUTCHours(); + } ], [ "%a %d", function(d) { + return d.getUTCDay() && d.getUTCDate() != 1; + } ], [ "%b %d", function(d) { + return d.getUTCDate() != 1; + } ], [ "%B", function(d) { + return d.getUTCMonth(); + } ], [ "%Y", d3v3_true ] ]); + d3v3_time_scaleUtcMethods.year = d3v3_time.year.utc; + d3v3_time.scale.utc = function() { + return d3v3_time_scale(d3v3.scale.linear(), d3v3_time_scaleUtcMethods, d3v3_time_scaleUtcFormat); + }; + d3v3.text = d3v3_xhrType(function(request) { + return request.responseText; + }); + d3v3.json = function(url, callback) { + return d3v3_xhr(url, "application/json", d3v3_json, callback); + }; + function d3v3_json(request) { + return JSON.parse(request.responseText); + } + d3v3.html = function(url, callback) { + return d3v3_xhr(url, "text/html", d3v3_html, callback); + }; + function d3v3_html(request) { + var range = d3v3_document.createRange(); + range.selectNode(d3v3_document.body); + return range.createContextualFragment(request.responseText); + } + d3v3.xml = d3v3_xhrType(function(request) { + return request.responseXML; + }); + if (typeof define === "function" && define.amd) define(d3v3); else if (typeof module === "object" && module.exports) module.exports = d3v3; + this.d3v3 = d3v3; +}(); + + diff --git a/story/libs/d3v3-3.5.3/d3v3.min.js b/story/libs/d3v3-3.5.3/d3v3.min.js new file mode 100644 index 0000000..de97782 --- /dev/null +++ b/story/libs/d3v3-3.5.3/d3v3.min.js @@ -0,0 +1,5 @@ +!function(){function n(n,t){return t>n?-1:n>t?1:n>=t?0:0/0}function t(n){return null===n?0/0:+n}function e(n){return!isNaN(n)}function r(n){return{left:function(t,e,r,u){for(arguments.length<3&&(r=0),arguments.length<4&&(u=t.length);u>r;){var i=r+u>>>1;n(t[i],e)<0?r=i+1:u=i}return r},right:function(t,e,r,u){for(arguments.length<3&&(r=0),arguments.length<4&&(u=t.length);u>r;){var i=r+u>>>1;n(t[i],e)>0?u=i:r=i+1}return r}}}function u(n){return n.length}function i(n){for(var t=1;n*t%1;)t*=10;return t}function o(n,t){for(var e in t)Object.defineProperty(n.prototype,e,{value:t[e],enumerable:!1})}function a(){this._=Object.create(null)}function c(n){return(n+="")===da||n[0]===ma?ma+n:n}function l(n){return(n+="")[0]===ma?n.slice(1):n}function s(n){return c(n)in this._}function f(n){return(n=c(n))in this._&&delete this._[n]}function h(){var n=[];for(var t in this._)n.push(l(t));return n}function g(){var n=0;for(var t in this._)++n;return n}function p(){for(var n in this._)return!1;return!0}function v(){this._=Object.create(null)}function d(n,t,e){return function(){var r=e.apply(t,arguments);return r===t?n:r}}function m(n,t){if(t in n)return t;t=t.charAt(0).toUpperCase()+t.slice(1);for(var e=0,r=ya.length;r>e;++e){var u=ya[e]+t;if(u in n)return u}}function y(){}function M(){}function x(n){function t(){for(var t,r=e,u=-1,i=r.length;++ue;e++)for(var u,i=n[e],o=0,a=i.length;a>o;o++)(u=i[o])&&t(u,o,e);return n}function O(n){return xa(n,Aa),n}function Y(n){var t,e;return function(r,u,i){var o,a=n[i].update,c=a.length;for(i!=e&&(e=i,t=0),u>=t&&(t=u+1);!(o=a[t])&&++t0&&(n=n.slice(0,a));var l=Ca.get(n);return l&&(n=l,c=V),a?t?u:r:t?y:i}function Z(n,t){return function(e){var r=ta.event;ta.event=e,t[0]=this.__data__;try{n.apply(this,t)}finally{ta.event=r}}}function V(n,t){var e=Z(n,t);return function(n){var t=this,r=n.relatedTarget;r&&(r===t||8&r.compareDocumentPosition(t))||e.call(t,n)}}function X(){var n=".dragsuppress-"+ ++qa,t="click"+n,e=ta.select(oa).on("touchmove"+n,b).on("dragstart"+n,b).on("selectstart"+n,b);if(za){var r=ia.style,u=r[za];r[za]="none"}return function(i){if(e.on(n,null),za&&(r[za]=u),i){var o=function(){e.on(t,null)};e.on(t,function(){b(),o()},!0),setTimeout(o,0)}}}function $(n,t){t.changedTouches&&(t=t.changedTouches[0]);var e=n.ownerSVGElement||n;if(e.createSVGPoint){var r=e.createSVGPoint();if(0>La&&(oa.scrollX||oa.scrollY)){e=ta.select("body").append("svg").style({position:"absolute",top:0,left:0,margin:0,padding:0,border:"none"},"important");var u=e[0][0].getScreenCTM();La=!(u.f||u.e),e.remove()}return La?(r.x=t.pageX,r.y=t.pageY):(r.x=t.clientX,r.y=t.clientY),r=r.matrixTransform(n.getScreenCTM().inverse()),[r.x,r.y]}var i=n.getBoundingClientRect();return[t.clientX-i.left-n.clientLeft,t.clientY-i.top-n.clientTop]}function B(){return ta.event.changedTouches[0].identifier}function W(){return ta.event.target}function J(){return oa}function G(n){return n>0?1:0>n?-1:0}function K(n,t,e){return(t[0]-n[0])*(e[1]-n[1])-(t[1]-n[1])*(e[0]-n[0])}function Q(n){return n>1?0:-1>n?Da:Math.acos(n)}function nt(n){return n>1?ja:-1>n?-ja:Math.asin(n)}function tt(n){return((n=Math.exp(n))-1/n)/2}function et(n){return((n=Math.exp(n))+1/n)/2}function rt(n){return((n=Math.exp(2*n))-1)/(n+1)}function ut(n){return(n=Math.sin(n/2))*n}function it(){}function ot(n,t,e){return this instanceof ot?(this.h=+n,this.s=+t,void(this.l=+e)):arguments.length<2?n instanceof ot?new ot(n.h,n.s,n.l):xt(""+n,bt,ot):new ot(n,t,e)}function at(n,t,e){function r(n){return n>360?n-=360:0>n&&(n+=360),60>n?i+(o-i)*n/60:180>n?o:240>n?i+(o-i)*(240-n)/60:i}function u(n){return Math.round(255*r(n))}var i,o;return n=isNaN(n)?0:(n%=360)<0?n+360:n,t=isNaN(t)?0:0>t?0:t>1?1:t,e=0>e?0:e>1?1:e,o=.5>=e?e*(1+t):e+t-e*t,i=2*e-o,new dt(u(n+120),u(n),u(n-120))}function ct(n,t,e){return this instanceof ct?(this.h=+n,this.c=+t,void(this.l=+e)):arguments.length<2?n instanceof ct?new ct(n.h,n.c,n.l):n instanceof st?ht(n.l,n.a,n.b):ht((n=_t((n=ta.rgb(n)).r,n.g,n.b)).l,n.a,n.b):new ct(n,t,e)}function lt(n,t,e){return isNaN(n)&&(n=0),isNaN(t)&&(t=0),new st(e,Math.cos(n*=Fa)*t,Math.sin(n)*t)}function st(n,t,e){return this instanceof st?(this.l=+n,this.a=+t,void(this.b=+e)):arguments.length<2?n instanceof st?new st(n.l,n.a,n.b):n instanceof ct?lt(n.h,n.c,n.l):_t((n=dt(n)).r,n.g,n.b):new st(n,t,e)}function ft(n,t,e){var r=(n+16)/116,u=r+t/500,i=r-e/200;return u=gt(u)*Ja,r=gt(r)*Ga,i=gt(i)*Ka,new dt(vt(3.2404542*u-1.5371385*r-.4985314*i),vt(-.969266*u+1.8760108*r+.041556*i),vt(.0556434*u-.2040259*r+1.0572252*i))}function ht(n,t,e){return n>0?new ct(Math.atan2(e,t)*Ha,Math.sqrt(t*t+e*e),n):new ct(0/0,0/0,n)}function gt(n){return n>.206893034?n*n*n:(n-4/29)/7.787037}function pt(n){return n>.008856?Math.pow(n,1/3):7.787037*n+4/29}function vt(n){return Math.round(255*(.00304>=n?12.92*n:1.055*Math.pow(n,1/2.4)-.055))}function dt(n,t,e){return this instanceof dt?(this.r=~~n,this.g=~~t,void(this.b=~~e)):arguments.length<2?n instanceof dt?new dt(n.r,n.g,n.b):xt(""+n,dt,at):new dt(n,t,e)}function mt(n){return new dt(n>>16,255&n>>8,255&n)}function yt(n){return mt(n)+""}function Mt(n){return 16>n?"0"+Math.max(0,n).toString(16):Math.min(255,n).toString(16)}function xt(n,t,e){var r,u,i,o=0,a=0,c=0;if(r=/([a-z]+)\((.*)\)/i.exec(n))switch(u=r[2].split(","),r[1]){case"hsl":return e(parseFloat(u[0]),parseFloat(u[1])/100,parseFloat(u[2])/100);case"rgb":return t(St(u[0]),St(u[1]),St(u[2]))}return(i=tc.get(n))?t(i.r,i.g,i.b):(null==n||"#"!==n.charAt(0)||isNaN(i=parseInt(n.slice(1),16))||(4===n.length?(o=(3840&i)>>4,o=o>>4|o,a=240&i,a=a>>4|a,c=15&i,c=c<<4|c):7===n.length&&(o=(16711680&i)>>16,a=(65280&i)>>8,c=255&i)),t(o,a,c))}function bt(n,t,e){var r,u,i=Math.min(n/=255,t/=255,e/=255),o=Math.max(n,t,e),a=o-i,c=(o+i)/2;return a?(u=.5>c?a/(o+i):a/(2-o-i),r=n==o?(t-e)/a+(e>t?6:0):t==o?(e-n)/a+2:(n-t)/a+4,r*=60):(r=0/0,u=c>0&&1>c?0:r),new ot(r,u,c)}function _t(n,t,e){n=wt(n),t=wt(t),e=wt(e);var r=pt((.4124564*n+.3575761*t+.1804375*e)/Ja),u=pt((.2126729*n+.7151522*t+.072175*e)/Ga),i=pt((.0193339*n+.119192*t+.9503041*e)/Ka);return st(116*u-16,500*(r-u),200*(u-i))}function wt(n){return(n/=255)<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function St(n){var t=parseFloat(n);return"%"===n.charAt(n.length-1)?Math.round(2.55*t):t}function kt(n){return"function"==typeof n?n:function(){return n}}function Et(n){return n}function At(n){return function(t,e,r){return 2===arguments.length&&"function"==typeof e&&(r=e,e=null),Nt(t,e,n,r)}}function Nt(n,t,e,r){function u(){var n,t=c.status;if(!t&&zt(c)||t>=200&&300>t||304===t){try{n=e.call(i,c)}catch(r){return o.error.call(i,r),void 0}o.load.call(i,n)}else o.error.call(i,c)}var i={},o=ta.dispatch("beforesend","progress","load","error"),a={},c=new XMLHttpRequest,l=null;return!oa.XDomainRequest||"withCredentials"in c||!/^(http(s)?:)?\/\//.test(n)||(c=new XDomainRequest),"onload"in c?c.onload=c.onerror=u:c.onreadystatechange=function(){c.readyState>3&&u()},c.onprogress=function(n){var t=ta.event;ta.event=n;try{o.progress.call(i,c)}finally{ta.event=t}},i.header=function(n,t){return n=(n+"").toLowerCase(),arguments.length<2?a[n]:(null==t?delete a[n]:a[n]=t+"",i)},i.mimeType=function(n){return arguments.length?(t=null==n?null:n+"",i):t},i.responseType=function(n){return arguments.length?(l=n,i):l},i.response=function(n){return e=n,i},["get","post"].forEach(function(n){i[n]=function(){return i.send.apply(i,[n].concat(ra(arguments)))}}),i.send=function(e,r,u){if(2===arguments.length&&"function"==typeof r&&(u=r,r=null),c.open(e,n,!0),null==t||"accept"in a||(a.accept=t+",*/*"),c.setRequestHeader)for(var s in a)c.setRequestHeader(s,a[s]);return null!=t&&c.overrideMimeType&&c.overrideMimeType(t),null!=l&&(c.responseType=l),null!=u&&i.on("error",u).on("load",function(n){u(null,n)}),o.beforesend.call(i,c),c.send(null==r?null:r),i},i.abort=function(){return c.abort(),i},ta.rebind(i,o,"on"),null==r?i:i.get(Ct(r))}function Ct(n){return 1===n.length?function(t,e){n(null==t?e:null)}:n}function zt(n){var t=n.responseType;return t&&"text"!==t?n.response:n.responseText}function qt(){var n=Lt(),t=Tt()-n;t>24?(isFinite(t)&&(clearTimeout(ic),ic=setTimeout(qt,t)),uc=0):(uc=1,ac(qt))}function Lt(){var n=Date.now();for(oc=ec;oc;)n>=oc.t&&(oc.f=oc.c(n-oc.t)),oc=oc.n;return n}function Tt(){for(var n,t=ec,e=1/0;t;)t.f?t=n?n.n=t.n:ec=t.n:(t.t8?function(n){return n/e}:function(n){return n*e},symbol:n}}function Pt(n){var t=n.decimal,e=n.thousands,r=n.grouping,u=n.currency,i=r&&e?function(n,t){for(var u=n.length,i=[],o=0,a=r[0],c=0;u>0&&a>0&&(c+a+1>t&&(a=Math.max(1,t-c)),i.push(n.substring(u-=a,u+a)),!((c+=a+1)>t));)a=r[o=(o+1)%r.length];return i.reverse().join(e)}:Et;return function(n){var e=lc.exec(n),r=e[1]||" ",o=e[2]||">",a=e[3]||"-",c=e[4]||"",l=e[5],s=+e[6],f=e[7],h=e[8],g=e[9],p=1,v="",d="",m=!1,y=!0;switch(h&&(h=+h.substring(1)),(l||"0"===r&&"="===o)&&(l=r="0",o="="),g){case"n":f=!0,g="g";break;case"%":p=100,d="%",g="f";break;case"p":p=100,d="%",g="r";break;case"b":case"o":case"x":case"X":"#"===c&&(v="0"+g.toLowerCase());case"c":y=!1;case"d":m=!0,h=0;break;case"s":p=-1,g="r"}"$"===c&&(v=u[0],d=u[1]),"r"!=g||h||(g="g"),null!=h&&("g"==g?h=Math.max(1,Math.min(21,h)):("e"==g||"f"==g)&&(h=Math.max(0,Math.min(20,h)))),g=sc.get(g)||Ut;var M=l&&f;return function(n){var e=d;if(m&&n%1)return"";var u=0>n||0===n&&0>1/n?(n=-n,"-"):"-"===a?"":a;if(0>p){var c=ta.formatPrefix(n,h);n=c.scale(n),e=c.symbol+d}else n*=p;n=g(n,h);var x,b,_=n.lastIndexOf(".");if(0>_){var w=y?n.lastIndexOf("e"):-1;0>w?(x=n,b=""):(x=n.substring(0,w),b=n.substring(w))}else x=n.substring(0,_),b=t+n.substring(_+1);!l&&f&&(x=i(x,1/0));var S=v.length+x.length+b.length+(M?0:u.length),k=s>S?new Array(S=s-S+1).join(r):"";return M&&(x=i(k+x,k.length?s-b.length:1/0)),u+=v,n=x+b,("<"===o?u+n+k:">"===o?k+u+n:"^"===o?k.substring(0,S>>=1)+u+n+k.substring(S):u+(M?n:k+n))+e}}}function Ut(n){return n+""}function jt(){this._=new Date(arguments.length>1?Date.UTC.apply(this,arguments):arguments[0])}function Ft(n,t,e){function r(t){var e=n(t),r=i(e,1);return r-t>t-e?e:r}function u(e){return t(e=n(new hc(e-1)),1),e}function i(n,e){return t(n=new hc(+n),e),n}function o(n,r,i){var o=u(n),a=[];if(i>1)for(;r>o;)e(o)%i||a.push(new Date(+o)),t(o,1);else for(;r>o;)a.push(new Date(+o)),t(o,1);return a}function a(n,t,e){try{hc=jt;var r=new jt;return r._=n,o(r,t,e)}finally{hc=Date}}n.floor=n,n.round=r,n.ceil=u,n.offset=i,n.range=o;var c=n.utc=Ht(n);return c.floor=c,c.round=Ht(r),c.ceil=Ht(u),c.offset=Ht(i),c.range=a,n}function Ht(n){return function(t,e){try{hc=jt;var r=new jt;return r._=t,n(r,e)._}finally{hc=Date}}}function Ot(n){function t(n){function t(t){for(var e,u,i,o=[],a=-1,c=0;++aa;){if(r>=l)return-1;if(u=t.charCodeAt(a++),37===u){if(o=t.charAt(a++),i=C[o in pc?t.charAt(a++):o],!i||(r=i(n,e,r))<0)return-1}else if(u!=e.charCodeAt(r++))return-1}return r}function r(n,t,e){_.lastIndex=0;var r=_.exec(t.slice(e));return r?(n.w=w.get(r[0].toLowerCase()),e+r[0].length):-1}function u(n,t,e){x.lastIndex=0;var r=x.exec(t.slice(e));return r?(n.w=b.get(r[0].toLowerCase()),e+r[0].length):-1}function i(n,t,e){E.lastIndex=0;var r=E.exec(t.slice(e));return r?(n.m=A.get(r[0].toLowerCase()),e+r[0].length):-1}function o(n,t,e){S.lastIndex=0;var r=S.exec(t.slice(e));return r?(n.m=k.get(r[0].toLowerCase()),e+r[0].length):-1}function a(n,t,r){return e(n,N.c.toString(),t,r)}function c(n,t,r){return e(n,N.x.toString(),t,r)}function l(n,t,r){return e(n,N.X.toString(),t,r)}function s(n,t,e){var r=M.get(t.slice(e,e+=2).toLowerCase());return null==r?-1:(n.p=r,e)}var f=n.dateTime,h=n.date,g=n.time,p=n.periods,v=n.days,d=n.shortDays,m=n.months,y=n.shortMonths;t.utc=function(n){function e(n){try{hc=jt;var t=new hc;return t._=n,r(t)}finally{hc=Date}}var r=t(n);return e.parse=function(n){try{hc=jt;var t=r.parse(n);return t&&t._}finally{hc=Date}},e.toString=r.toString,e},t.multi=t.utc.multi=ae;var M=ta.map(),x=It(v),b=Zt(v),_=It(d),w=Zt(d),S=It(m),k=Zt(m),E=It(y),A=Zt(y);p.forEach(function(n,t){M.set(n.toLowerCase(),t)});var N={a:function(n){return d[n.getDay()]},A:function(n){return v[n.getDay()]},b:function(n){return y[n.getMonth()]},B:function(n){return m[n.getMonth()]},c:t(f),d:function(n,t){return Yt(n.getDate(),t,2)},e:function(n,t){return Yt(n.getDate(),t,2)},H:function(n,t){return Yt(n.getHours(),t,2)},I:function(n,t){return Yt(n.getHours()%12||12,t,2)},j:function(n,t){return Yt(1+fc.dayOfYear(n),t,3)},L:function(n,t){return Yt(n.getMilliseconds(),t,3)},m:function(n,t){return Yt(n.getMonth()+1,t,2)},M:function(n,t){return Yt(n.getMinutes(),t,2)},p:function(n){return p[+(n.getHours()>=12)]},S:function(n,t){return Yt(n.getSeconds(),t,2)},U:function(n,t){return Yt(fc.sundayOfYear(n),t,2)},w:function(n){return n.getDay()},W:function(n,t){return Yt(fc.mondayOfYear(n),t,2)},x:t(h),X:t(g),y:function(n,t){return Yt(n.getFullYear()%100,t,2)},Y:function(n,t){return Yt(n.getFullYear()%1e4,t,4)},Z:ie,"%":function(){return"%"}},C={a:r,A:u,b:i,B:o,c:a,d:Qt,e:Qt,H:te,I:te,j:ne,L:ue,m:Kt,M:ee,p:s,S:re,U:Xt,w:Vt,W:$t,x:c,X:l,y:Wt,Y:Bt,Z:Jt,"%":oe};return t}function Yt(n,t,e){var r=0>n?"-":"",u=(r?-n:n)+"",i=u.length;return r+(e>i?new Array(e-i+1).join(t)+u:u)}function It(n){return new RegExp("^(?:"+n.map(ta.requote).join("|")+")","i")}function Zt(n){for(var t=new a,e=-1,r=n.length;++e68?1900:2e3)}function Kt(n,t,e){vc.lastIndex=0;var r=vc.exec(t.slice(e,e+2));return r?(n.m=r[0]-1,e+r[0].length):-1}function Qt(n,t,e){vc.lastIndex=0;var r=vc.exec(t.slice(e,e+2));return r?(n.d=+r[0],e+r[0].length):-1}function ne(n,t,e){vc.lastIndex=0;var r=vc.exec(t.slice(e,e+3));return r?(n.j=+r[0],e+r[0].length):-1}function te(n,t,e){vc.lastIndex=0;var r=vc.exec(t.slice(e,e+2));return r?(n.H=+r[0],e+r[0].length):-1}function ee(n,t,e){vc.lastIndex=0;var r=vc.exec(t.slice(e,e+2));return r?(n.M=+r[0],e+r[0].length):-1}function re(n,t,e){vc.lastIndex=0;var r=vc.exec(t.slice(e,e+2));return r?(n.S=+r[0],e+r[0].length):-1}function ue(n,t,e){vc.lastIndex=0;var r=vc.exec(t.slice(e,e+3));return r?(n.L=+r[0],e+r[0].length):-1}function ie(n){var t=n.getTimezoneOffset(),e=t>0?"-":"+",r=0|va(t)/60,u=va(t)%60;return e+Yt(r,"0",2)+Yt(u,"0",2)}function oe(n,t,e){dc.lastIndex=0;var r=dc.exec(t.slice(e,e+1));return r?e+r[0].length:-1}function ae(n){for(var t=n.length,e=-1;++e=0?1:-1,a=o*e,c=Math.cos(t),l=Math.sin(t),s=i*l,f=u*c+s*Math.cos(a),h=s*o*Math.sin(a);_c.add(Math.atan2(h,f)),r=n,u=c,i=l}var t,e,r,u,i;wc.point=function(o,a){wc.point=n,r=(t=o)*Fa,u=Math.cos(a=(e=a)*Fa/2+Da/4),i=Math.sin(a)},wc.lineEnd=function(){n(t,e)}}function pe(n){var t=n[0],e=n[1],r=Math.cos(e);return[r*Math.cos(t),r*Math.sin(t),Math.sin(e)]}function ve(n,t){return n[0]*t[0]+n[1]*t[1]+n[2]*t[2]}function de(n,t){return[n[1]*t[2]-n[2]*t[1],n[2]*t[0]-n[0]*t[2],n[0]*t[1]-n[1]*t[0]]}function me(n,t){n[0]+=t[0],n[1]+=t[1],n[2]+=t[2]}function ye(n,t){return[n[0]*t,n[1]*t,n[2]*t]}function Me(n){var t=Math.sqrt(n[0]*n[0]+n[1]*n[1]+n[2]*n[2]);n[0]/=t,n[1]/=t,n[2]/=t}function xe(n){return[Math.atan2(n[1],n[0]),nt(n[2])]}function be(n,t){return va(n[0]-t[0])a;++a)u.point((e=n[a])[0],e[1]);return u.lineEnd(),void 0}var c=new qe(e,n,null,!0),l=new qe(e,null,c,!1);c.o=l,i.push(c),o.push(l),c=new qe(r,n,null,!1),l=new qe(r,null,c,!0),c.o=l,i.push(c),o.push(l)}}),o.sort(t),ze(i),ze(o),i.length){for(var a=0,c=e,l=o.length;l>a;++a)o[a].e=c=!c;for(var s,f,h=i[0];;){for(var g=h,p=!0;g.v;)if((g=g.n)===h)return;s=g.z,u.lineStart();do{if(g.v=g.o.v=!0,g.e){if(p)for(var a=0,l=s.length;l>a;++a)u.point((f=s[a])[0],f[1]);else r(g.x,g.n.x,1,u);g=g.n}else{if(p){s=g.p.z;for(var a=s.length-1;a>=0;--a)u.point((f=s[a])[0],f[1])}else r(g.x,g.p.x,-1,u);g=g.p}g=g.o,s=g.z,p=!p}while(!g.v);u.lineEnd()}}}function ze(n){if(t=n.length){for(var t,e,r=0,u=n[0];++r0){for(b||(i.polygonStart(),b=!0),i.lineStart();++o1&&2&t&&e.push(e.pop().concat(e.shift())),g.push(e.filter(Te))}var g,p,v,d=t(i),m=u.invert(r[0],r[1]),y={point:o,lineStart:c,lineEnd:l,polygonStart:function(){y.point=s,y.lineStart=f,y.lineEnd=h,g=[],p=[]},polygonEnd:function(){y.point=o,y.lineStart=c,y.lineEnd=l,g=ta.merge(g);var n=Fe(m,p);g.length?(b||(i.polygonStart(),b=!0),Ce(g,De,n,e,i)):n&&(b||(i.polygonStart(),b=!0),i.lineStart(),e(null,null,1,i),i.lineEnd()),b&&(i.polygonEnd(),b=!1),g=p=null},sphere:function(){i.polygonStart(),i.lineStart(),e(null,null,1,i),i.lineEnd(),i.polygonEnd()}},M=Re(),x=t(M),b=!1;return y}}function Te(n){return n.length>1}function Re(){var n,t=[];return{lineStart:function(){t.push(n=[])},point:function(t,e){n.push([t,e])},lineEnd:y,buffer:function(){var e=t;return t=[],n=null,e},rejoin:function(){t.length>1&&t.push(t.pop().concat(t.shift()))}}}function De(n,t){return((n=n.x)[0]<0?n[1]-ja-Ta:ja-n[1])-((t=t.x)[0]<0?t[1]-ja-Ta:ja-t[1])}function Pe(n){var t,e=0/0,r=0/0,u=0/0;return{lineStart:function(){n.lineStart(),t=1},point:function(i,o){var a=i>0?Da:-Da,c=va(i-e);va(c-Da)0?ja:-ja),n.point(u,r),n.lineEnd(),n.lineStart(),n.point(a,r),n.point(i,r),t=0):u!==a&&c>=Da&&(va(e-u)Ta?Math.atan((Math.sin(t)*(i=Math.cos(r))*Math.sin(e)-Math.sin(r)*(u=Math.cos(t))*Math.sin(n))/(u*i*o)):(t+r)/2}function je(n,t,e,r){var u;if(null==n)u=e*ja,r.point(-Da,u),r.point(0,u),r.point(Da,u),r.point(Da,0),r.point(Da,-u),r.point(0,-u),r.point(-Da,-u),r.point(-Da,0),r.point(-Da,u);else if(va(n[0]-t[0])>Ta){var i=n[0]a;++a){var l=t[a],s=l.length;if(s)for(var f=l[0],h=f[0],g=f[1]/2+Da/4,p=Math.sin(g),v=Math.cos(g),d=1;;){d===s&&(d=0),n=l[d];var m=n[0],y=n[1]/2+Da/4,M=Math.sin(y),x=Math.cos(y),b=m-h,_=b>=0?1:-1,w=_*b,S=w>Da,k=p*M;if(_c.add(Math.atan2(k*_*Math.sin(w),v*x+k*Math.cos(w))),i+=S?b+_*Pa:b,S^h>=e^m>=e){var E=de(pe(f),pe(n));Me(E);var A=de(u,E);Me(A);var N=(S^b>=0?-1:1)*nt(A[2]);(r>N||r===N&&(E[0]||E[1]))&&(o+=S^b>=0?1:-1)}if(!d++)break;h=m,p=M,v=x,f=n}}return(-Ta>i||Ta>i&&0>_c)^1&o}function He(n){function t(n,t){return Math.cos(n)*Math.cos(t)>i}function e(n){var e,i,c,l,s;return{lineStart:function(){l=c=!1,s=1},point:function(f,h){var g,p=[f,h],v=t(f,h),d=o?v?0:u(f,h):v?u(f+(0>f?Da:-Da),h):0;if(!e&&(l=c=v)&&n.lineStart(),v!==c&&(g=r(e,p),(be(e,g)||be(p,g))&&(p[0]+=Ta,p[1]+=Ta,v=t(p[0],p[1]))),v!==c)s=0,v?(n.lineStart(),g=r(p,e),n.point(g[0],g[1])):(g=r(e,p),n.point(g[0],g[1]),n.lineEnd()),e=g;else if(a&&e&&o^v){var m;d&i||!(m=r(p,e,!0))||(s=0,o?(n.lineStart(),n.point(m[0][0],m[0][1]),n.point(m[1][0],m[1][1]),n.lineEnd()):(n.point(m[1][0],m[1][1]),n.lineEnd(),n.lineStart(),n.point(m[0][0],m[0][1])))}!v||e&&be(e,p)||n.point(p[0],p[1]),e=p,c=v,i=d},lineEnd:function(){c&&n.lineEnd(),e=null},clean:function(){return s|(l&&c)<<1}}}function r(n,t,e){var r=pe(n),u=pe(t),o=[1,0,0],a=de(r,u),c=ve(a,a),l=a[0],s=c-l*l;if(!s)return!e&&n;var f=i*c/s,h=-i*l/s,g=de(o,a),p=ye(o,f),v=ye(a,h);me(p,v);var d=g,m=ve(p,d),y=ve(d,d),M=m*m-y*(ve(p,p)-1);if(!(0>M)){var x=Math.sqrt(M),b=ye(d,(-m-x)/y);if(me(b,p),b=xe(b),!e)return b;var _,w=n[0],S=t[0],k=n[1],E=t[1];w>S&&(_=w,w=S,S=_);var A=S-w,N=va(A-Da)A;if(!N&&k>E&&(_=k,k=E,E=_),C?N?k+E>0^b[1]<(va(b[0]-w)Da^(w<=b[0]&&b[0]<=S)){var z=ye(d,(-m+x)/y);return me(z,p),[b,xe(z)]}}}function u(t,e){var r=o?n:Da-n,u=0;return-r>t?u|=1:t>r&&(u|=2),-r>e?u|=4:e>r&&(u|=8),u}var i=Math.cos(n),o=i>0,a=va(i)>Ta,c=gr(n,6*Fa);return Le(t,e,c,o?[0,-n]:[-Da,n-Da])}function Oe(n,t,e,r){return function(u){var i,o=u.a,a=u.b,c=o.x,l=o.y,s=a.x,f=a.y,h=0,g=1,p=s-c,v=f-l;if(i=n-c,p||!(i>0)){if(i/=p,0>p){if(h>i)return;g>i&&(g=i)}else if(p>0){if(i>g)return;i>h&&(h=i)}if(i=e-c,p||!(0>i)){if(i/=p,0>p){if(i>g)return;i>h&&(h=i)}else if(p>0){if(h>i)return;g>i&&(g=i)}if(i=t-l,v||!(i>0)){if(i/=v,0>v){if(h>i)return;g>i&&(g=i)}else if(v>0){if(i>g)return;i>h&&(h=i)}if(i=r-l,v||!(0>i)){if(i/=v,0>v){if(i>g)return;i>h&&(h=i)}else if(v>0){if(h>i)return;g>i&&(g=i)}return h>0&&(u.a={x:c+h*p,y:l+h*v}),1>g&&(u.b={x:c+g*p,y:l+g*v}),u}}}}}}function Ye(n,t,e,r){function u(r,u){return va(r[0]-n)0?0:3:va(r[0]-e)0?2:1:va(r[1]-t)0?1:0:u>0?3:2}function i(n,t){return o(n.x,t.x)}function o(n,t){var e=u(n,1),r=u(t,1);return e!==r?e-r:0===e?t[1]-n[1]:1===e?n[0]-t[0]:2===e?n[1]-t[1]:t[0]-n[0]}return function(a){function c(n){for(var t=0,e=d.length,r=n[1],u=0;e>u;++u)for(var i,o=1,a=d[u],c=a.length,l=a[0];c>o;++o)i=a[o],l[1]<=r?i[1]>r&&K(l,i,n)>0&&++t:i[1]<=r&&K(l,i,n)<0&&--t,l=i;return 0!==t}function l(i,a,c,l){var s=0,f=0;if(null==i||(s=u(i,c))!==(f=u(a,c))||o(i,a)<0^c>0){do l.point(0===s||3===s?n:e,s>1?r:t);while((s=(s+c+4)%4)!==f)}else l.point(a[0],a[1])}function s(u,i){return u>=n&&e>=u&&i>=t&&r>=i}function f(n,t){s(n,t)&&a.point(n,t)}function h(){C.point=p,d&&d.push(m=[]),S=!0,w=!1,b=_=0/0}function g(){v&&(p(y,M),x&&w&&A.rejoin(),v.push(A.buffer())),C.point=f,w&&a.lineEnd()}function p(n,t){n=Math.max(-Uc,Math.min(Uc,n)),t=Math.max(-Uc,Math.min(Uc,t));var e=s(n,t);if(d&&m.push([n,t]),S)y=n,M=t,x=e,S=!1,e&&(a.lineStart(),a.point(n,t));else if(e&&w)a.point(n,t);else{var r={a:{x:b,y:_},b:{x:n,y:t}};N(r)?(w||(a.lineStart(),a.point(r.a.x,r.a.y)),a.point(r.b.x,r.b.y),e||a.lineEnd(),k=!1):e&&(a.lineStart(),a.point(n,t),k=!1)}b=n,_=t,w=e}var v,d,m,y,M,x,b,_,w,S,k,E=a,A=Re(),N=Oe(n,t,e,r),C={point:f,lineStart:h,lineEnd:g,polygonStart:function(){a=A,v=[],d=[],k=!0},polygonEnd:function(){a=E,v=ta.merge(v);var t=c([n,r]),e=k&&t,u=v.length;(e||u)&&(a.polygonStart(),e&&(a.lineStart(),l(null,null,1,a),a.lineEnd()),u&&Ce(v,i,t,l,a),a.polygonEnd()),v=d=m=null}};return C}}function Ie(n){var t=0,e=Da/3,r=ir(n),u=r(t,e);return u.parallels=function(n){return arguments.length?r(t=n[0]*Da/180,e=n[1]*Da/180):[180*(t/Da),180*(e/Da)]},u}function Ze(n,t){function e(n,t){var e=Math.sqrt(i-2*u*Math.sin(t))/u;return[e*Math.sin(n*=u),o-e*Math.cos(n)]}var r=Math.sin(n),u=(r+Math.sin(t))/2,i=1+r*(2*u-r),o=Math.sqrt(i)/u;return e.invert=function(n,t){var e=o-t;return[Math.atan2(n,e)/u,nt((i-(n*n+e*e)*u*u)/(2*u))]},e}function Ve(){function n(n,t){Fc+=u*n-r*t,r=n,u=t}var t,e,r,u;Zc.point=function(i,o){Zc.point=n,t=r=i,e=u=o},Zc.lineEnd=function(){n(t,e)}}function Xe(n,t){Hc>n&&(Hc=n),n>Yc&&(Yc=n),Oc>t&&(Oc=t),t>Ic&&(Ic=t)}function $e(){function n(n,t){o.push("M",n,",",t,i)}function t(n,t){o.push("M",n,",",t),a.point=e}function e(n,t){o.push("L",n,",",t)}function r(){a.point=n}function u(){o.push("Z")}var i=Be(4.5),o=[],a={point:n,lineStart:function(){a.point=t},lineEnd:r,polygonStart:function(){a.lineEnd=u},polygonEnd:function(){a.lineEnd=r,a.point=n},pointRadius:function(n){return i=Be(n),a},result:function(){if(o.length){var n=o.join("");return o=[],n}}};return a}function Be(n){return"m0,"+n+"a"+n+","+n+" 0 1,1 0,"+-2*n+"a"+n+","+n+" 0 1,1 0,"+2*n+"z"}function We(n,t){Ec+=n,Ac+=t,++Nc}function Je(){function n(n,r){var u=n-t,i=r-e,o=Math.sqrt(u*u+i*i);Cc+=o*(t+n)/2,zc+=o*(e+r)/2,qc+=o,We(t=n,e=r)}var t,e;Xc.point=function(r,u){Xc.point=n,We(t=r,e=u)}}function Ge(){Xc.point=We}function Ke(){function n(n,t){var e=n-r,i=t-u,o=Math.sqrt(e*e+i*i);Cc+=o*(r+n)/2,zc+=o*(u+t)/2,qc+=o,o=u*n-r*t,Lc+=o*(r+n),Tc+=o*(u+t),Rc+=3*o,We(r=n,u=t)}var t,e,r,u;Xc.point=function(i,o){Xc.point=n,We(t=r=i,e=u=o)},Xc.lineEnd=function(){n(t,e)}}function Qe(n){function t(t,e){n.moveTo(t+o,e),n.arc(t,e,o,0,Pa)}function e(t,e){n.moveTo(t,e),a.point=r}function r(t,e){n.lineTo(t,e)}function u(){a.point=t}function i(){n.closePath()}var o=4.5,a={point:t,lineStart:function(){a.point=e},lineEnd:u,polygonStart:function(){a.lineEnd=i},polygonEnd:function(){a.lineEnd=u,a.point=t},pointRadius:function(n){return o=n,a},result:y};return a}function nr(n){function t(n){return(a?r:e)(n)}function e(t){return rr(t,function(e,r){e=n(e,r),t.point(e[0],e[1])})}function r(t){function e(e,r){e=n(e,r),t.point(e[0],e[1])}function r(){M=0/0,S.point=i,t.lineStart()}function i(e,r){var i=pe([e,r]),o=n(e,r);u(M,x,y,b,_,w,M=o[0],x=o[1],y=e,b=i[0],_=i[1],w=i[2],a,t),t.point(M,x)}function o(){S.point=e,t.lineEnd()}function c(){r(),S.point=l,S.lineEnd=s}function l(n,t){i(f=n,h=t),g=M,p=x,v=b,d=_,m=w,S.point=i}function s(){u(M,x,y,b,_,w,g,p,f,v,d,m,a,t),S.lineEnd=o,o()}var f,h,g,p,v,d,m,y,M,x,b,_,w,S={point:e,lineStart:r,lineEnd:o,polygonStart:function(){t.polygonStart(),S.lineStart=c},polygonEnd:function(){t.polygonEnd(),S.lineStart=r}};return S}function u(t,e,r,a,c,l,s,f,h,g,p,v,d,m){var y=s-t,M=f-e,x=y*y+M*M;if(x>4*i&&d--){var b=a+g,_=c+p,w=l+v,S=Math.sqrt(b*b+_*_+w*w),k=Math.asin(w/=S),E=va(va(w)-1)i||va((y*z+M*q)/x-.5)>.3||o>a*g+c*p+l*v)&&(u(t,e,r,a,c,l,N,C,E,b/=S,_/=S,w,d,m),m.point(N,C),u(N,C,E,b,_,w,s,f,h,g,p,v,d,m))}}var i=.5,o=Math.cos(30*Fa),a=16;return t.precision=function(n){return arguments.length?(a=(i=n*n)>0&&16,t):Math.sqrt(i)},t}function tr(n){var t=nr(function(t,e){return n([t*Ha,e*Ha])});return function(n){return or(t(n))}}function er(n){this.stream=n}function rr(n,t){return{point:t,sphere:function(){n.sphere()},lineStart:function(){n.lineStart()},lineEnd:function(){n.lineEnd()},polygonStart:function(){n.polygonStart()},polygonEnd:function(){n.polygonEnd()}}}function ur(n){return ir(function(){return n})()}function ir(n){function t(n){return n=a(n[0]*Fa,n[1]*Fa),[n[0]*h+c,l-n[1]*h]}function e(n){return n=a.invert((n[0]-c)/h,(l-n[1])/h),n&&[n[0]*Ha,n[1]*Ha]}function r(){a=Ae(o=lr(m,y,M),i);var n=i(v,d);return c=g-n[0]*h,l=p+n[1]*h,u()}function u(){return s&&(s.valid=!1,s=null),t}var i,o,a,c,l,s,f=nr(function(n,t){return n=i(n,t),[n[0]*h+c,l-n[1]*h]}),h=150,g=480,p=250,v=0,d=0,m=0,y=0,M=0,x=Pc,b=Et,_=null,w=null;return t.stream=function(n){return s&&(s.valid=!1),s=or(x(o,f(b(n)))),s.valid=!0,s},t.clipAngle=function(n){return arguments.length?(x=null==n?(_=n,Pc):He((_=+n)*Fa),u()):_},t.clipExtent=function(n){return arguments.length?(w=n,b=n?Ye(n[0][0],n[0][1],n[1][0],n[1][1]):Et,u()):w},t.scale=function(n){return arguments.length?(h=+n,r()):h},t.translate=function(n){return arguments.length?(g=+n[0],p=+n[1],r()):[g,p]},t.center=function(n){return arguments.length?(v=n[0]%360*Fa,d=n[1]%360*Fa,r()):[v*Ha,d*Ha]},t.rotate=function(n){return arguments.length?(m=n[0]%360*Fa,y=n[1]%360*Fa,M=n.length>2?n[2]%360*Fa:0,r()):[m*Ha,y*Ha,M*Ha]},ta.rebind(t,f,"precision"),function(){return i=n.apply(this,arguments),t.invert=i.invert&&e,r()}}function or(n){return rr(n,function(t,e){n.point(t*Fa,e*Fa)})}function ar(n,t){return[n,t]}function cr(n,t){return[n>Da?n-Pa:-Da>n?n+Pa:n,t]}function lr(n,t,e){return n?t||e?Ae(fr(n),hr(t,e)):fr(n):t||e?hr(t,e):cr}function sr(n){return function(t,e){return t+=n,[t>Da?t-Pa:-Da>t?t+Pa:t,e]}}function fr(n){var t=sr(n);return t.invert=sr(-n),t}function hr(n,t){function e(n,t){var e=Math.cos(t),a=Math.cos(n)*e,c=Math.sin(n)*e,l=Math.sin(t),s=l*r+a*u;return[Math.atan2(c*i-s*o,a*r-l*u),nt(s*i+c*o)]}var r=Math.cos(n),u=Math.sin(n),i=Math.cos(t),o=Math.sin(t);return e.invert=function(n,t){var e=Math.cos(t),a=Math.cos(n)*e,c=Math.sin(n)*e,l=Math.sin(t),s=l*i-c*o;return[Math.atan2(c*i+l*o,a*r+s*u),nt(s*r-a*u)]},e}function gr(n,t){var e=Math.cos(n),r=Math.sin(n);return function(u,i,o,a){var c=o*t;null!=u?(u=pr(e,u),i=pr(e,i),(o>0?i>u:u>i)&&(u+=o*Pa)):(u=n+o*Pa,i=n-.5*c);for(var l,s=u;o>0?s>i:i>s;s-=c)a.point((l=xe([e,-r*Math.cos(s),-r*Math.sin(s)]))[0],l[1])}}function pr(n,t){var e=pe(t);e[0]-=n,Me(e);var r=Q(-e[1]);return((-e[2]<0?-r:r)+2*Math.PI-Ta)%(2*Math.PI)}function vr(n,t,e){var r=ta.range(n,t-Ta,e).concat(t);return function(n){return r.map(function(t){return[n,t]})}}function dr(n,t,e){var r=ta.range(n,t-Ta,e).concat(t);return function(n){return r.map(function(t){return[t,n]})}}function mr(n){return n.source}function yr(n){return n.target}function Mr(n,t,e,r){var u=Math.cos(t),i=Math.sin(t),o=Math.cos(r),a=Math.sin(r),c=u*Math.cos(n),l=u*Math.sin(n),s=o*Math.cos(e),f=o*Math.sin(e),h=2*Math.asin(Math.sqrt(ut(r-t)+u*o*ut(e-n))),g=1/Math.sin(h),p=h?function(n){var t=Math.sin(n*=h)*g,e=Math.sin(h-n)*g,r=e*c+t*s,u=e*l+t*f,o=e*i+t*a;return[Math.atan2(u,r)*Ha,Math.atan2(o,Math.sqrt(r*r+u*u))*Ha]}:function(){return[n*Ha,t*Ha]};return p.distance=h,p}function xr(){function n(n,u){var i=Math.sin(u*=Fa),o=Math.cos(u),a=va((n*=Fa)-t),c=Math.cos(a);$c+=Math.atan2(Math.sqrt((a=o*Math.sin(a))*a+(a=r*i-e*o*c)*a),e*i+r*o*c),t=n,e=i,r=o}var t,e,r;Bc.point=function(u,i){t=u*Fa,e=Math.sin(i*=Fa),r=Math.cos(i),Bc.point=n},Bc.lineEnd=function(){Bc.point=Bc.lineEnd=y}}function br(n,t){function e(t,e){var r=Math.cos(t),u=Math.cos(e),i=n(r*u);return[i*u*Math.sin(t),i*Math.sin(e)]}return e.invert=function(n,e){var r=Math.sqrt(n*n+e*e),u=t(r),i=Math.sin(u),o=Math.cos(u);return[Math.atan2(n*i,r*o),Math.asin(r&&e*i/r)]},e}function _r(n,t){function e(n,t){o>0?-ja+Ta>t&&(t=-ja+Ta):t>ja-Ta&&(t=ja-Ta);var e=o/Math.pow(u(t),i);return[e*Math.sin(i*n),o-e*Math.cos(i*n)]}var r=Math.cos(n),u=function(n){return Math.tan(Da/4+n/2)},i=n===t?Math.sin(n):Math.log(r/Math.cos(t))/Math.log(u(t)/u(n)),o=r*Math.pow(u(n),i)/i;return i?(e.invert=function(n,t){var e=o-t,r=G(i)*Math.sqrt(n*n+e*e);return[Math.atan2(n,e)/i,2*Math.atan(Math.pow(o/r,1/i))-ja]},e):Sr}function wr(n,t){function e(n,t){var e=i-t;return[e*Math.sin(u*n),i-e*Math.cos(u*n)]}var r=Math.cos(n),u=n===t?Math.sin(n):(r-Math.cos(t))/(t-n),i=r/u+n;return va(u)u;u++){for(;r>1&&K(n[e[r-2]],n[e[r-1]],n[u])<=0;)--r;e[r++]=u}return e.slice(0,r)}function zr(n,t){return n[0]-t[0]||n[1]-t[1]}function qr(n,t,e){return(e[0]-t[0])*(n[1]-t[1])<(e[1]-t[1])*(n[0]-t[0])}function Lr(n,t,e,r){var u=n[0],i=e[0],o=t[0]-u,a=r[0]-i,c=n[1],l=e[1],s=t[1]-c,f=r[1]-l,h=(a*(c-l)-f*(u-i))/(f*o-a*s);return[u+h*o,c+h*s]}function Tr(n){var t=n[0],e=n[n.length-1];return!(t[0]-e[0]||t[1]-e[1])}function Rr(){tu(this),this.edge=this.site=this.circle=null}function Dr(n){var t=ol.pop()||new Rr;return t.site=n,t}function Pr(n){Xr(n),rl.remove(n),ol.push(n),tu(n)}function Ur(n){var t=n.circle,e=t.x,r=t.cy,u={x:e,y:r},i=n.P,o=n.N,a=[n];Pr(n);for(var c=i;c.circle&&va(e-c.circle.x)s;++s)l=a[s],c=a[s-1],Kr(l.edge,c.site,l.site,u);c=a[0],l=a[f-1],l.edge=Jr(c.site,l.site,null,u),Vr(c),Vr(l)}function jr(n){for(var t,e,r,u,i=n.x,o=n.y,a=rl._;a;)if(r=Fr(a,o)-i,r>Ta)a=a.L;else{if(u=i-Hr(a,o),!(u>Ta)){r>-Ta?(t=a.P,e=a):u>-Ta?(t=a,e=a.N):t=e=a;break}if(!a.R){t=a;break}a=a.R}var c=Dr(n);if(rl.insert(t,c),t||e){if(t===e)return Xr(t),e=Dr(t.site),rl.insert(c,e),c.edge=e.edge=Jr(t.site,c.site),Vr(t),Vr(e),void 0;if(!e)return c.edge=Jr(t.site,c.site),void 0;Xr(t),Xr(e);var l=t.site,s=l.x,f=l.y,h=n.x-s,g=n.y-f,p=e.site,v=p.x-s,d=p.y-f,m=2*(h*d-g*v),y=h*h+g*g,M=v*v+d*d,x={x:(d*y-g*M)/m+s,y:(h*M-v*y)/m+f};Kr(e.edge,l,p,x),c.edge=Jr(l,n,null,x),e.edge=Jr(n,p,null,x),Vr(t),Vr(e)}}function Fr(n,t){var e=n.site,r=e.x,u=e.y,i=u-t;if(!i)return r;var o=n.P;if(!o)return-1/0;e=o.site;var a=e.x,c=e.y,l=c-t;if(!l)return a;var s=a-r,f=1/i-1/l,h=s/l;return f?(-h+Math.sqrt(h*h-2*f*(s*s/(-2*l)-c+l/2+u-i/2)))/f+r:(r+a)/2}function Hr(n,t){var e=n.N;if(e)return Fr(e,t);var r=n.site;return r.y===t?r.x:1/0}function Or(n){this.site=n,this.edges=[]}function Yr(n){for(var t,e,r,u,i,o,a,c,l,s,f=n[0][0],h=n[1][0],g=n[0][1],p=n[1][1],v=el,d=v.length;d--;)if(i=v[d],i&&i.prepare())for(a=i.edges,c=a.length,o=0;c>o;)s=a[o].end(),r=s.x,u=s.y,l=a[++o%c].start(),t=l.x,e=l.y,(va(r-t)>Ta||va(u-e)>Ta)&&(a.splice(o,0,new Qr(Gr(i.site,s,va(r-f)Ta?{x:f,y:va(t-f)Ta?{x:va(e-p)Ta?{x:h,y:va(t-h)Ta?{x:va(e-g)=-Ra)){var g=c*c+l*l,p=s*s+f*f,v=(f*g-l*p)/h,d=(c*p-s*g)/h,f=d+a,m=al.pop()||new Zr;m.arc=n,m.site=u,m.x=v+o,m.y=f+Math.sqrt(v*v+d*d),m.cy=f,n.circle=m;for(var y=null,M=il._;M;)if(m.yd||d>=a)return;if(h>p){if(i){if(i.y>=l)return}else i={x:d,y:c};e={x:d,y:l}}else{if(i){if(i.yr||r>1)if(h>p){if(i){if(i.y>=l)return}else i={x:(c-u)/r,y:c};e={x:(l-u)/r,y:l}}else{if(i){if(i.yg){if(i){if(i.x>=a)return}else i={x:o,y:r*o+u};e={x:a,y:r*a+u}}else{if(i){if(i.xi||f>o||r>h||u>g)){if(p=n.point){var p,v=t-p[0],d=e-p[1],m=v*v+d*d;if(c>m){var y=Math.sqrt(c=m);r=t-y,u=e-y,i=t+y,o=e+y,a=p}}for(var M=n.nodes,x=.5*(s+h),b=.5*(f+g),_=t>=x,w=e>=b,S=w<<1|_,k=S+4;k>S;++S)if(n=M[3&S])switch(3&S){case 0:l(n,s,f,x,b);break;case 1:l(n,x,f,h,b);break;case 2:l(n,s,b,x,g);break;case 3:l(n,x,b,h,g)}}}(n,r,u,i,o),a}function gu(n,t){n=ta.rgb(n),t=ta.rgb(t);var e=n.r,r=n.g,u=n.b,i=t.r-e,o=t.g-r,a=t.b-u;return function(n){return"#"+Mt(Math.round(e+i*n))+Mt(Math.round(r+o*n))+Mt(Math.round(u+a*n))}}function pu(n,t){var e,r={},u={};for(e in n)e in t?r[e]=mu(n[e],t[e]):u[e]=n[e];for(e in t)e in n||(u[e]=t[e]);return function(n){for(e in r)u[e]=r[e](n);return u}}function vu(n,t){return n=+n,t=+t,function(e){return n*(1-e)+t*e}}function du(n,t){var e,r,u,i=ll.lastIndex=sl.lastIndex=0,o=-1,a=[],c=[];for(n+="",t+="";(e=ll.exec(n))&&(r=sl.exec(t));)(u=r.index)>i&&(u=t.slice(i,u),a[o]?a[o]+=u:a[++o]=u),(e=e[0])===(r=r[0])?a[o]?a[o]+=r:a[++o]=r:(a[++o]=null,c.push({i:o,x:vu(e,r)})),i=sl.lastIndex;return ir;++r)a[(e=c[r]).i]=e.x(n);return a.join("")})}function mu(n,t){for(var e,r=ta.interpolators.length;--r>=0&&!(e=ta.interpolators[r](n,t)););return e}function yu(n,t){var e,r=[],u=[],i=n.length,o=t.length,a=Math.min(n.length,t.length);for(e=0;a>e;++e)r.push(mu(n[e],t[e]));for(;i>e;++e)u[e]=n[e];for(;o>e;++e)u[e]=t[e];return function(n){for(e=0;a>e;++e)u[e]=r[e](n);return u}}function Mu(n){return function(t){return 0>=t?0:t>=1?1:n(t)}}function xu(n){return function(t){return 1-n(1-t)}}function bu(n){return function(t){return.5*(.5>t?n(2*t):2-n(2-2*t))}}function _u(n){return n*n}function wu(n){return n*n*n}function Su(n){if(0>=n)return 0;if(n>=1)return 1;var t=n*n,e=t*n;return 4*(.5>n?e:3*(n-t)+e-.75)}function ku(n){return function(t){return Math.pow(t,n)}}function Eu(n){return 1-Math.cos(n*ja)}function Au(n){return Math.pow(2,10*(n-1))}function Nu(n){return 1-Math.sqrt(1-n*n)}function Cu(n,t){var e;return arguments.length<2&&(t=.45),arguments.length?e=t/Pa*Math.asin(1/n):(n=1,e=t/4),function(r){return 1+n*Math.pow(2,-10*r)*Math.sin((r-e)*Pa/t)}}function zu(n){return n||(n=1.70158),function(t){return t*t*((n+1)*t-n)}}function qu(n){return 1/2.75>n?7.5625*n*n:2/2.75>n?7.5625*(n-=1.5/2.75)*n+.75:2.5/2.75>n?7.5625*(n-=2.25/2.75)*n+.9375:7.5625*(n-=2.625/2.75)*n+.984375}function Lu(n,t){n=ta.hcl(n),t=ta.hcl(t);var e=n.h,r=n.c,u=n.l,i=t.h-e,o=t.c-r,a=t.l-u;return isNaN(o)&&(o=0,r=isNaN(r)?t.c:r),isNaN(i)?(i=0,e=isNaN(e)?t.h:e):i>180?i-=360:-180>i&&(i+=360),function(n){return lt(e+i*n,r+o*n,u+a*n)+""}}function Tu(n,t){n=ta.hsl(n),t=ta.hsl(t);var e=n.h,r=n.s,u=n.l,i=t.h-e,o=t.s-r,a=t.l-u;return isNaN(o)&&(o=0,r=isNaN(r)?t.s:r),isNaN(i)?(i=0,e=isNaN(e)?t.h:e):i>180?i-=360:-180>i&&(i+=360),function(n){return at(e+i*n,r+o*n,u+a*n)+""}}function Ru(n,t){n=ta.lab(n),t=ta.lab(t);var e=n.l,r=n.a,u=n.b,i=t.l-e,o=t.a-r,a=t.b-u;return function(n){return ft(e+i*n,r+o*n,u+a*n)+""}}function Du(n,t){return t-=n,function(e){return Math.round(n+t*e)}}function Pu(n){var t=[n.a,n.b],e=[n.c,n.d],r=ju(t),u=Uu(t,e),i=ju(Fu(e,t,-u))||0;t[0]*e[1]180?s+=360:s-l>180&&(l+=360),u.push({i:r.push(r.pop()+"rotate(",null,")")-2,x:vu(l,s)})):s&&r.push(r.pop()+"rotate("+s+")"),f!=h?u.push({i:r.push(r.pop()+"skewX(",null,")")-2,x:vu(f,h)}):h&&r.push(r.pop()+"skewX("+h+")"),g[0]!=p[0]||g[1]!=p[1]?(e=r.push(r.pop()+"scale(",null,",",null,")"),u.push({i:e-4,x:vu(g[0],p[0])},{i:e-2,x:vu(g[1],p[1])})):(1!=p[0]||1!=p[1])&&r.push(r.pop()+"scale("+p+")"),e=u.length,function(n){for(var t,i=-1;++i=0;)e.push(u[r])}function Qu(n,t){for(var e=[n],r=[];null!=(n=e.pop());)if(r.push(n),(i=n.children)&&(u=i.length))for(var u,i,o=-1;++oe;++e)(t=n[e][1])>u&&(r=e,u=t);return r}function si(n){return n.reduce(fi,0)}function fi(n,t){return n+t[1]}function hi(n,t){return gi(n,Math.ceil(Math.log(t.length)/Math.LN2+1))}function gi(n,t){for(var e=-1,r=+n[0],u=(n[1]-r)/t,i=[];++e<=t;)i[e]=u*e+r;return i}function pi(n){return[ta.min(n),ta.max(n)]}function vi(n,t){return n.value-t.value}function di(n,t){var e=n._pack_next;n._pack_next=t,t._pack_prev=n,t._pack_next=e,e._pack_prev=t}function mi(n,t){n._pack_next=t,t._pack_prev=n}function yi(n,t){var e=t.x-n.x,r=t.y-n.y,u=n.r+t.r;return.999*u*u>e*e+r*r}function Mi(n){function t(n){s=Math.min(n.x-n.r,s),f=Math.max(n.x+n.r,f),h=Math.min(n.y-n.r,h),g=Math.max(n.y+n.r,g)}if((e=n.children)&&(l=e.length)){var e,r,u,i,o,a,c,l,s=1/0,f=-1/0,h=1/0,g=-1/0;if(e.forEach(xi),r=e[0],r.x=-r.r,r.y=0,t(r),l>1&&(u=e[1],u.x=u.r,u.y=0,t(u),l>2))for(i=e[2],wi(r,u,i),t(i),di(r,i),r._pack_prev=i,di(i,u),u=r._pack_next,o=3;l>o;o++){wi(r,u,i=e[o]);var p=0,v=1,d=1;for(a=u._pack_next;a!==u;a=a._pack_next,v++)if(yi(a,i)){p=1;break}if(1==p)for(c=r._pack_prev;c!==a._pack_prev&&!yi(c,i);c=c._pack_prev,d++);p?(d>v||v==d&&u.ro;o++)i=e[o],i.x-=m,i.y-=y,M=Math.max(M,i.r+Math.sqrt(i.x*i.x+i.y*i.y));n.r=M,e.forEach(bi)}}function xi(n){n._pack_next=n._pack_prev=n}function bi(n){delete n._pack_next,delete n._pack_prev}function _i(n,t,e,r){var u=n.children;if(n.x=t+=r*n.x,n.y=e+=r*n.y,n.r*=r,u)for(var i=-1,o=u.length;++i=0;)t=u[i],t.z+=e,t.m+=e,e+=t.s+(r+=t.c)}function Ci(n,t,e){return n.a.parent===t.parent?n.a:e}function zi(n){return 1+ta.max(n,function(n){return n.y})}function qi(n){return n.reduce(function(n,t){return n+t.x},0)/n.length}function Li(n){var t=n.children;return t&&t.length?Li(t[0]):n}function Ti(n){var t,e=n.children;return e&&(t=e.length)?Ti(e[t-1]):n}function Ri(n){return{x:n.x,y:n.y,dx:n.dx,dy:n.dy}}function Di(n,t){var e=n.x+t[3],r=n.y+t[0],u=n.dx-t[1]-t[3],i=n.dy-t[0]-t[2];return 0>u&&(e+=u/2,u=0),0>i&&(r+=i/2,i=0),{x:e,y:r,dx:u,dy:i}}function Pi(n){var t=n[0],e=n[n.length-1];return e>t?[t,e]:[e,t]}function Ui(n){return n.rangeExtent?n.rangeExtent():Pi(n.range())}function ji(n,t,e,r){var u=e(n[0],n[1]),i=r(t[0],t[1]);return function(n){return i(u(n))}}function Fi(n,t){var e,r=0,u=n.length-1,i=n[r],o=n[u];return i>o&&(e=r,r=u,u=e,e=i,i=o,o=e),n[r]=t.floor(i),n[u]=t.ceil(o),n}function Hi(n){return n?{floor:function(t){return Math.floor(t/n)*n},ceil:function(t){return Math.ceil(t/n)*n}}:bl}function Oi(n,t,e,r){var u=[],i=[],o=0,a=Math.min(n.length,t.length)-1;for(n[a]2?Oi:ji,c=r?Yu:Ou;return o=u(n,t,c,e),a=u(t,n,c,mu),i}function i(n){return o(n)}var o,a;return i.invert=function(n){return a(n)},i.domain=function(t){return arguments.length?(n=t.map(Number),u()):n},i.range=function(n){return arguments.length?(t=n,u()):t},i.rangeRound=function(n){return i.range(n).interpolate(Du)},i.clamp=function(n){return arguments.length?(r=n,u()):r},i.interpolate=function(n){return arguments.length?(e=n,u()):e},i.ticks=function(t){return Xi(n,t)},i.tickFormat=function(t,e){return $i(n,t,e)},i.nice=function(t){return Zi(n,t),u()},i.copy=function(){return Yi(n,t,e,r)},u()}function Ii(n,t){return ta.rebind(n,t,"range","rangeRound","interpolate","clamp")}function Zi(n,t){return Fi(n,Hi(Vi(n,t)[2]))}function Vi(n,t){null==t&&(t=10);var e=Pi(n),r=e[1]-e[0],u=Math.pow(10,Math.floor(Math.log(r/t)/Math.LN10)),i=t/r*u;return.15>=i?u*=10:.35>=i?u*=5:.75>=i&&(u*=2),e[0]=Math.ceil(e[0]/u)*u,e[1]=Math.floor(e[1]/u)*u+.5*u,e[2]=u,e}function Xi(n,t){return ta.range.apply(ta,Vi(n,t))}function $i(n,t,e){var r=Vi(n,t);if(e){var u=lc.exec(e);if(u.shift(),"s"===u[8]){var i=ta.formatPrefix(Math.max(va(r[0]),va(r[1])));return u[7]||(u[7]="."+Bi(i.scale(r[2]))),u[8]="f",e=ta.format(u.join("")),function(n){return e(i.scale(n))+i.symbol}}u[7]||(u[7]="."+Wi(u[8],r)),e=u.join("")}else e=",."+Bi(r[2])+"f";return ta.format(e)}function Bi(n){return-Math.floor(Math.log(n)/Math.LN10+.01)}function Wi(n,t){var e=Bi(t[2]);return n in _l?Math.abs(e-Bi(Math.max(va(t[0]),va(t[1]))))+ +("e"!==n):e-2*("%"===n)}function Ji(n,t,e,r){function u(n){return(e?Math.log(0>n?0:n):-Math.log(n>0?0:-n))/Math.log(t)}function i(n){return e?Math.pow(t,n):-Math.pow(t,-n)}function o(t){return n(u(t))}return o.invert=function(t){return i(n.invert(t))},o.domain=function(t){return arguments.length?(e=t[0]>=0,n.domain((r=t.map(Number)).map(u)),o):r},o.base=function(e){return arguments.length?(t=+e,n.domain(r.map(u)),o):t},o.nice=function(){var t=Fi(r.map(u),e?Math:Sl);return n.domain(t),r=t.map(i),o},o.ticks=function(){var n=Pi(r),o=[],a=n[0],c=n[1],l=Math.floor(u(a)),s=Math.ceil(u(c)),f=t%1?2:t;if(isFinite(s-l)){if(e){for(;s>l;l++)for(var h=1;f>h;h++)o.push(i(l)*h);o.push(i(l))}else for(o.push(i(l));l++0;h--)o.push(i(l)*h);for(l=0;o[l]c;s--);o=o.slice(l,s)}return o},o.tickFormat=function(n,t){if(!arguments.length)return wl;arguments.length<2?t=wl:"function"!=typeof t&&(t=ta.format(t));var r,a=Math.max(.1,n/o.ticks().length),c=e?(r=1e-12,Math.ceil):(r=-1e-12,Math.floor);return function(n){return n/i(c(u(n)+r))<=a?t(n):""}},o.copy=function(){return Ji(n.copy(),t,e,r)},Ii(o,n)}function Gi(n,t,e){function r(t){return n(u(t))}var u=Ki(t),i=Ki(1/t);return r.invert=function(t){return i(n.invert(t))},r.domain=function(t){return arguments.length?(n.domain((e=t.map(Number)).map(u)),r):e},r.ticks=function(n){return Xi(e,n)},r.tickFormat=function(n,t){return $i(e,n,t)},r.nice=function(n){return r.domain(Zi(e,n))},r.exponent=function(o){return arguments.length?(u=Ki(t=o),i=Ki(1/t),n.domain(e.map(u)),r):t},r.copy=function(){return Gi(n.copy(),t,e)},Ii(r,n)}function Ki(n){return function(t){return 0>t?-Math.pow(-t,n):Math.pow(t,n)}}function Qi(n,t){function e(e){return i[((u.get(e)||("range"===t.t?u.set(e,n.push(e)):0/0))-1)%i.length]}function r(t,e){return ta.range(n.length).map(function(n){return t+e*n})}var u,i,o;return e.domain=function(r){if(!arguments.length)return n;n=[],u=new a;for(var i,o=-1,c=r.length;++on?[0/0,0/0]:[n>0?a[n-1]:r[0],nt?0/0:t/i+n,[t,t+1/i]},r.copy=function(){return to(n,t,e)},u()}function eo(n,t){function e(e){return e>=e?t[ta.bisect(n,e)]:void 0}return e.domain=function(t){return arguments.length?(n=t,e):n},e.range=function(n){return arguments.length?(t=n,e):t},e.invertExtent=function(e){return e=t.indexOf(e),[n[e-1],n[e]]},e.copy=function(){return eo(n,t)},e}function ro(n){function t(n){return+n}return t.invert=t,t.domain=t.range=function(e){return arguments.length?(n=e.map(t),t):n},t.ticks=function(t){return Xi(n,t)},t.tickFormat=function(t,e){return $i(n,t,e)},t.copy=function(){return ro(n)},t}function uo(){return 0}function io(n){return n.innerRadius}function oo(n){return n.outerRadius}function ao(n){return n.startAngle}function co(n){return n.endAngle}function lo(n){return n&&n.padAngle}function so(n,t,e,r){return(n-e)*t-(t-r)*n>0?0:1}function fo(n,t,e,r,u){var i=n[0]-t[0],o=n[1]-t[1],a=(u?r:-r)/Math.sqrt(i*i+o*o),c=a*o,l=-a*i,s=n[0]+c,f=n[1]+l,h=t[0]+c,g=t[1]+l,p=(s+h)/2,v=(f+g)/2,d=h-s,m=g-f,y=d*d+m*m,M=e-r,x=s*g-h*f,b=(0>m?-1:1)*Math.sqrt(M*M*y-x*x),_=(x*m-d*b)/y,w=(-x*d-m*b)/y,S=(x*m+d*b)/y,k=(-x*d+m*b)/y,E=_-p,A=w-v,N=S-p,C=k-v;return E*E+A*A>N*N+C*C&&(_=S,w=k),[[_-c,w-l],[_*e/M,w*e/M]]}function ho(n){function t(t){function o(){l.push("M",i(n(s),a))}for(var c,l=[],s=[],f=-1,h=t.length,g=kt(e),p=kt(r);++f1&&u.push("H",r[0]),u.join("")}function mo(n){for(var t=0,e=n.length,r=n[0],u=[r[0],",",r[1]];++t1){a=t[1],i=n[c],c++,r+="C"+(u[0]+o[0])+","+(u[1]+o[1])+","+(i[0]-a[0])+","+(i[1]-a[1])+","+i[0]+","+i[1];for(var l=2;l9&&(u=3*t/Math.sqrt(u),o[a]=u*e,o[a+1]=u*r));for(a=-1;++a<=c;)u=(n[Math.min(c,a+1)][0]-n[Math.max(0,a-1)][0])/(6*(1+o[a]*o[a])),i.push([u||0,o[a]*u||0]);return i}function To(n){return n.length<3?go(n):n[0]+_o(n,Lo(n))}function Ro(n){for(var t,e,r,u=-1,i=n.length;++ur)return s();var u=i[i.active];u&&(--i.count,delete i[i.active],u.event&&u.event.interrupt.call(n,n.__data__,u.index)),i.active=r,o.event&&o.event.start.call(n,n.__data__,t),o.tween.forEach(function(e,r){(r=r.call(n,n.__data__,t))&&v.push(r)}),h=o.ease,f=o.duration,ta.timer(function(){return p.c=l(e||1)?Ne:l,1},0,c)}function l(e){if(i.active!==r)return 1;for(var u=e/f,a=h(u),c=v.length;c>0;)v[--c].call(n,a);return u>=1?(o.event&&o.event.end.call(n,n.__data__,t),s()):void 0}function s(){return--i.count?delete i[r]:delete n[e],1}var f,h,g=o.delay,p=oc,v=[];return p.t=g+c,u>=g?a(u-g):(p.c=a,void 0)},0,c)}}function Bo(n,t,e){n.attr("transform",function(n){var r=t(n);return"translate("+(isFinite(r)?r:e(n))+",0)"})}function Wo(n,t,e){n.attr("transform",function(n){var r=t(n);return"translate(0,"+(isFinite(r)?r:e(n))+")"})}function Jo(n){return n.toISOString()}function Go(n,t,e){function r(t){return n(t)}function u(n,e){var r=n[1]-n[0],u=r/e,i=ta.bisect(Wl,u);return i==Wl.length?[t.year,Vi(n.map(function(n){return n/31536e6}),e)[2]]:i?t[u/Wl[i-1]1?{floor:function(t){for(;e(t=n.floor(t));)t=Ko(t-1);return t},ceil:function(t){for(;e(t=n.ceil(t));)t=Ko(+t+1);return t}}:n))},r.ticks=function(n,t){var e=Pi(r.domain()),i=null==n?u(e,10):"number"==typeof n?u(e,n):!n.range&&[{range:n},t];return i&&(n=i[0],t=i[1]),n.range(e[0],Ko(+e[1]+1),1>t?1:t)},r.tickFormat=function(){return e},r.copy=function(){return Go(n.copy(),t,e)},Ii(r,n)}function Ko(n){return new Date(n)}function Qo(n){return JSON.parse(n.responseText)}function na(n){var t=ua.createRange();return t.selectNode(ua.body),t.createContextualFragment(n.responseText)}var ta={version:"3.5.3"};Date.now||(Date.now=function(){return+new Date});var ea=[].slice,ra=function(n){return ea.call(n)},ua=document,ia=ua.documentElement,oa=window;try{ra(ia.childNodes)[0].nodeType}catch(aa){ra=function(n){for(var t=n.length,e=new Array(t);t--;)e[t]=n[t];return e}}try{ua.createElement("div").style.setProperty("opacity",0,"")}catch(ca){var la=oa.Element.prototype,sa=la.setAttribute,fa=la.setAttributeNS,ha=oa.CSSStyleDeclaration.prototype,ga=ha.setProperty;la.setAttribute=function(n,t){sa.call(this,n,t+"")},la.setAttributeNS=function(n,t,e){fa.call(this,n,t,e+"")},ha.setProperty=function(n,t,e){ga.call(this,n,t+"",e)}}ta.ascending=n,ta.descending=function(n,t){return n>t?-1:t>n?1:t>=n?0:0/0},ta.min=function(n,t){var e,r,u=-1,i=n.length;if(1===arguments.length){for(;++u=r){e=r;break}for(;++ur&&(e=r)}else{for(;++u=r){e=r;break}for(;++ur&&(e=r)}return e},ta.max=function(n,t){var e,r,u=-1,i=n.length;if(1===arguments.length){for(;++u=r){e=r;break}for(;++ue&&(e=r)}else{for(;++u=r){e=r;break}for(;++ue&&(e=r)}return e},ta.extent=function(n,t){var e,r,u,i=-1,o=n.length;if(1===arguments.length){for(;++i=r){e=u=r;break}for(;++ir&&(e=r),r>u&&(u=r))}else{for(;++i=r){e=u=r;break}for(;++ir&&(e=r),r>u&&(u=r))}return[e,u]},ta.sum=function(n,t){var r,u=0,i=n.length,o=-1;if(1===arguments.length)for(;++o1?c/(s-1):void 0},ta.deviation=function(){var n=ta.variance.apply(this,arguments);return n?Math.sqrt(n):n};var pa=r(n);ta.bisectLeft=pa.left,ta.bisect=ta.bisectRight=pa.right,ta.bisector=function(t){return r(1===t.length?function(e,r){return n(t(e),r)}:t)},ta.shuffle=function(n,t,e){(i=arguments.length)<3&&(e=n.length,2>i&&(t=0));for(var r,u,i=e-t;i;)u=0|Math.random()*i--,r=n[i+t],n[i+t]=n[u+t],n[u+t]=r;return n},ta.permute=function(n,t){for(var e=t.length,r=new Array(e);e--;)r[e]=n[t[e]];return r},ta.pairs=function(n){for(var t,e=0,r=n.length-1,u=n[0],i=new Array(0>r?0:r);r>e;)i[e]=[t=u,u=n[++e]];return i},ta.zip=function(){if(!(r=arguments.length))return[];for(var n=-1,t=ta.min(arguments,u),e=new Array(t);++n=0;)for(r=n[u],t=r.length;--t>=0;)e[--o]=r[t];return e};var va=Math.abs;ta.range=function(n,t,e){if(arguments.length<3&&(e=1,arguments.length<2&&(t=n,n=0)),1/0===(t-n)/e)throw new Error("infinite range");var r,u=[],o=i(va(e)),a=-1;if(n*=o,t*=o,e*=o,0>e)for(;(r=n+e*++a)>t;)u.push(r/o);else for(;(r=n+e*++a)=i.length)return r?r.call(u,o):e?o.sort(e):o;for(var l,s,f,h,g=-1,p=o.length,v=i[c++],d=new a;++g=i.length)return n;var r=[],u=o[e++];return n.forEach(function(n,u){r.push({key:n,values:t(u,e)})}),u?r.sort(function(n,t){return u(n.key,t.key)}):r}var e,r,u={},i=[],o=[];return u.map=function(t,e){return n(e,t,0)},u.entries=function(e){return t(n(ta.map,e,0),0)},u.key=function(n){return i.push(n),u},u.sortKeys=function(n){return o[i.length-1]=n,u},u.sortValues=function(n){return e=n,u},u.rollup=function(n){return r=n,u},u},ta.set=function(n){var t=new v;if(n)for(var e=0,r=n.length;r>e;++e)t.add(n[e]);return t},o(v,{has:s,add:function(n){return this._[c(n+="")]=!0,n},remove:f,values:h,size:g,empty:p,forEach:function(n){for(var t in this._)n.call(this,l(t))}}),ta.behavior={},ta.rebind=function(n,t){for(var e,r=1,u=arguments.length;++r=0&&(r=n.slice(e+1),n=n.slice(0,e)),n)return arguments.length<2?this[n].on(r):this[n].on(r,t);if(2===arguments.length){if(null==t)for(n in this)this.hasOwnProperty(n)&&this[n].on(r,null);return this}},ta.event=null,ta.requote=function(n){return n.replace(Ma,"\\$&")};var Ma=/[\\\^\$\*\+\?\|\[\]\(\)\.\{\}]/g,xa={}.__proto__?function(n,t){n.__proto__=t}:function(n,t){for(var e in t)n[e]=t[e]},ba=function(n,t){return t.querySelector(n)},_a=function(n,t){return t.querySelectorAll(n)},wa=ia.matches||ia[m(ia,"matchesSelector")],Sa=function(n,t){return wa.call(n,t)};"function"==typeof Sizzle&&(ba=function(n,t){return Sizzle(n,t)[0]||null},_a=Sizzle,Sa=Sizzle.matchesSelector),ta.selection=function(){return Na};var ka=ta.selection.prototype=[];ka.select=function(n){var t,e,r,u,i=[];n=k(n);for(var o=-1,a=this.length;++o=0&&(e=n.slice(0,t),n=n.slice(t+1)),Ea.hasOwnProperty(e)?{space:Ea[e],local:n}:n}},ka.attr=function(n,t){if(arguments.length<2){if("string"==typeof n){var e=this.node();return n=ta.ns.qualify(n),n.local?e.getAttributeNS(n.space,n.local):e.getAttribute(n)}for(t in n)this.each(A(t,n[t]));return this}return this.each(A(n,t))},ka.classed=function(n,t){if(arguments.length<2){if("string"==typeof n){var e=this.node(),r=(n=z(n)).length,u=-1;if(t=e.classList){for(;++ur){if("string"!=typeof n){2>r&&(t="");for(e in n)this.each(T(e,n[e],t));return this}if(2>r)return oa.getComputedStyle(this.node(),null).getPropertyValue(n);e=""}return this.each(T(n,t,e))},ka.property=function(n,t){if(arguments.length<2){if("string"==typeof n)return this.node()[n];for(t in n)this.each(R(t,n[t]));return this}return this.each(R(n,t))},ka.text=function(n){return arguments.length?this.each("function"==typeof n?function(){var t=n.apply(this,arguments);this.textContent=null==t?"":t}:null==n?function(){this.textContent=""}:function(){this.textContent=n}):this.node().textContent},ka.html=function(n){return arguments.length?this.each("function"==typeof n?function(){var t=n.apply(this,arguments);this.innerHTML=null==t?"":t}:null==n?function(){this.innerHTML=""}:function(){this.innerHTML=n}):this.node().innerHTML},ka.append=function(n){return n=D(n),this.select(function(){return this.appendChild(n.apply(this,arguments))})},ka.insert=function(n,t){return n=D(n),t=k(t),this.select(function(){return this.insertBefore(n.apply(this,arguments),t.apply(this,arguments)||null)})},ka.remove=function(){return this.each(P)},ka.data=function(n,t){function e(n,e){var r,u,i,o=n.length,f=e.length,h=Math.min(o,f),g=new Array(f),p=new Array(f),v=new Array(o);if(t){var d,m=new a,y=new Array(o);for(r=-1;++rr;++r)p[r]=U(e[r]);for(;o>r;++r)v[r]=n[r]}p.update=g,p.parentNode=g.parentNode=v.parentNode=n.parentNode,c.push(p),l.push(g),s.push(v)}var r,u,i=-1,o=this.length;if(!arguments.length){for(n=new Array(o=(r=this[0]).length);++ii;i++){u.push(t=[]),t.parentNode=(e=this[i]).parentNode;for(var a=0,c=e.length;c>a;a++)(r=e[a])&&n.call(r,r.__data__,a,i)&&t.push(r)}return S(u)},ka.order=function(){for(var n=-1,t=this.length;++n=0;)(e=r[u])&&(i&&i!==e.nextSibling&&i.parentNode.insertBefore(e,i),i=e);return this},ka.sort=function(n){n=F.apply(this,arguments);for(var t=-1,e=this.length;++tn;n++)for(var e=this[n],r=0,u=e.length;u>r;r++){var i=e[r];if(i)return i}return null},ka.size=function(){var n=0;return H(this,function(){++n}),n};var Aa=[];ta.selection.enter=O,ta.selection.enter.prototype=Aa,Aa.append=ka.append,Aa.empty=ka.empty,Aa.node=ka.node,Aa.call=ka.call,Aa.size=ka.size,Aa.select=function(n){for(var t,e,r,u,i,o=[],a=-1,c=this.length;++ar){if("string"!=typeof n){2>r&&(t=!1);for(e in n)this.each(I(e,n[e],t));return this}if(2>r)return(r=this.node()["__on"+n])&&r._;e=!1}return this.each(I(n,t,e))};var Ca=ta.map({mouseenter:"mouseover",mouseleave:"mouseout"});Ca.forEach(function(n){"on"+n in ua&&Ca.remove(n)});var za="onselectstart"in ua?null:m(ia.style,"userSelect"),qa=0;ta.mouse=function(n){return $(n,_())};var La=/WebKit/.test(oa.navigator.userAgent)?-1:0;ta.touch=function(n,t,e){if(arguments.length<3&&(e=t,t=_().changedTouches),t)for(var r,u=0,i=t.length;i>u;++u)if((r=t[u]).identifier===e)return $(n,r)},ta.behavior.drag=function(){function n(){this.on("mousedown.drag",u).on("touchstart.drag",i)}function t(n,t,u,i,o){return function(){function a(){var n,e,r=t(h,v);r&&(n=r[0]-M[0],e=r[1]-M[1],p|=n|e,M=r,g({type:"drag",x:r[0]+l[0],y:r[1]+l[1],dx:n,dy:e}))}function c(){t(h,v)&&(m.on(i+d,null).on(o+d,null),y(p&&ta.event.target===f),g({type:"dragend"}))}var l,s=this,f=ta.event.target,h=s.parentNode,g=e.of(s,arguments),p=0,v=n(),d=".drag"+(null==v?"":"-"+v),m=ta.select(u()).on(i+d,a).on(o+d,c),y=X(),M=t(h,v);r?(l=r.apply(s,arguments),l=[l.x-M[0],l.y-M[1]]):l=[0,0],g({type:"dragstart"})}}var e=w(n,"drag","dragstart","dragend"),r=null,u=t(y,ta.mouse,J,"mousemove","mouseup"),i=t(B,ta.touch,W,"touchmove","touchend");return n.origin=function(t){return arguments.length?(r=t,n):r},ta.rebind(n,e,"on")},ta.touches=function(n,t){return arguments.length<2&&(t=_().touches),t?ra(t).map(function(t){var e=$(n,t);return e.identifier=t.identifier,e}):[]};var Ta=1e-6,Ra=Ta*Ta,Da=Math.PI,Pa=2*Da,Ua=Pa-Ta,ja=Da/2,Fa=Da/180,Ha=180/Da,Oa=Math.SQRT2,Ya=2,Ia=4;ta.interpolateZoom=function(n,t){function e(n){var t=n*y;if(m){var e=et(v),o=i/(Ya*h)*(e*rt(Oa*t+v)-tt(v));return[r+o*l,u+o*s,i*e/et(Oa*t+v)]}return[r+n*l,u+n*s,i*Math.exp(Oa*t)]}var r=n[0],u=n[1],i=n[2],o=t[0],a=t[1],c=t[2],l=o-r,s=a-u,f=l*l+s*s,h=Math.sqrt(f),g=(c*c-i*i+Ia*f)/(2*i*Ya*h),p=(c*c-i*i-Ia*f)/(2*c*Ya*h),v=Math.log(Math.sqrt(g*g+1)-g),d=Math.log(Math.sqrt(p*p+1)-p),m=d-v,y=(m||Math.log(c/i))/Oa;return e.duration=1e3*y,e},ta.behavior.zoom=function(){function n(n){n.on(z,s).on(Xa+".zoom",h).on("dblclick.zoom",g).on(T,f)}function t(n){return[(n[0]-k.x)/k.k,(n[1]-k.y)/k.k]}function e(n){return[n[0]*k.k+k.x,n[1]*k.k+k.y]}function r(n){k.k=Math.max(A[0],Math.min(A[1],n))}function u(n,t){t=e(t),k.x+=n[0]-t[0],k.y+=n[1]-t[1]}function i(t,e,i,o){t.__chart__={x:k.x,y:k.y,k:k.k},r(Math.pow(2,o)),u(v=e,i),t=ta.select(t),N>0&&(t=t.transition().duration(N)),t.call(n.event)}function o(){x&&x.domain(M.range().map(function(n){return(n-k.x)/k.k}).map(M.invert)),S&&S.domain(_.range().map(function(n){return(n-k.y)/k.k}).map(_.invert))}function a(n){C++||n({type:"zoomstart"})}function c(n){o(),n({type:"zoom",scale:k.k,translate:[k.x,k.y]})}function l(n){--C||n({type:"zoomend"}),v=null}function s(){function n(){s=1,u(ta.mouse(r),h),c(o)}function e(){f.on(q,null).on(L,null),g(s&&ta.event.target===i),l(o)}var r=this,i=ta.event.target,o=R.of(r,arguments),s=0,f=ta.select(oa).on(q,n).on(L,e),h=t(ta.mouse(r)),g=X();Fl.call(r),a(o)}function f(){function n(){var n=ta.touches(p);return g=k.k,n.forEach(function(n){n.identifier in d&&(d[n.identifier]=t(n))}),n}function e(){var t=ta.event.target;ta.select(t).on(x,o).on(_,h),w.push(t);for(var e=ta.event.changedTouches,r=0,u=e.length;u>r;++r)d[e[r].identifier]=null;var a=n(),c=Date.now();if(1===a.length){if(500>c-y){var l=a[0];i(p,l,d[l.identifier],Math.floor(Math.log(k.k)/Math.LN2)+1),b()}y=c}else if(a.length>1){var l=a[0],s=a[1],f=l[0]-s[0],g=l[1]-s[1];m=f*f+g*g}}function o(){var n,t,e,i,o=ta.touches(p);Fl.call(p);for(var a=0,l=o.length;l>a;++a,i=null)if(e=o[a],i=d[e.identifier]){if(t)break;n=e,t=i}if(i){var s=(s=e[0]-n[0])*s+(s=e[1]-n[1])*s,f=m&&Math.sqrt(s/m);n=[(n[0]+e[0])/2,(n[1]+e[1])/2],t=[(t[0]+i[0])/2,(t[1]+i[1])/2],r(f*g)}y=null,u(n,t),c(v)}function h(){if(ta.event.touches.length){for(var t=ta.event.changedTouches,e=0,r=t.length;r>e;++e)delete d[t[e].identifier];for(var u in d)return void n()}ta.selectAll(w).on(M,null),S.on(z,s).on(T,f),E(),l(v)}var g,p=this,v=R.of(p,arguments),d={},m=0,M=".zoom-"+ta.event.changedTouches[0].identifier,x="touchmove"+M,_="touchend"+M,w=[],S=ta.select(p),E=X();e(),a(v),S.on(z,null).on(T,e)}function h(){var n=R.of(this,arguments);m?clearTimeout(m):(p=t(v=d||ta.mouse(this)),Fl.call(this),a(n)),m=setTimeout(function(){m=null,l(n)},50),b(),r(Math.pow(2,.002*Za())*k.k),u(v,p),c(n)}function g(){var n=ta.mouse(this),e=Math.log(k.k)/Math.LN2;i(this,n,t(n),ta.event.shiftKey?Math.ceil(e)-1:Math.floor(e)+1)}var p,v,d,m,y,M,x,_,S,k={x:0,y:0,k:1},E=[960,500],A=Va,N=250,C=0,z="mousedown.zoom",q="mousemove.zoom",L="mouseup.zoom",T="touchstart.zoom",R=w(n,"zoomstart","zoom","zoomend");return n.event=function(n){n.each(function(){var n=R.of(this,arguments),t=k;Ul?ta.select(this).transition().each("start.zoom",function(){k=this.__chart__||{x:0,y:0,k:1},a(n)}).tween("zoom:zoom",function(){var e=E[0],r=E[1],u=v?v[0]:e/2,i=v?v[1]:r/2,o=ta.interpolateZoom([(u-k.x)/k.k,(i-k.y)/k.k,e/k.k],[(u-t.x)/t.k,(i-t.y)/t.k,e/t.k]);return function(t){var r=o(t),a=e/r[2];this.__chart__=k={x:u-r[0]*a,y:i-r[1]*a,k:a},c(n)}}).each("interrupt.zoom",function(){l(n)}).each("end.zoom",function(){l(n)}):(this.__chart__=k,a(n),c(n),l(n))})},n.translate=function(t){return arguments.length?(k={x:+t[0],y:+t[1],k:k.k},o(),n):[k.x,k.y]},n.scale=function(t){return arguments.length?(k={x:k.x,y:k.y,k:+t},o(),n):k.k},n.scaleExtent=function(t){return arguments.length?(A=null==t?Va:[+t[0],+t[1]],n):A},n.center=function(t){return arguments.length?(d=t&&[+t[0],+t[1]],n):d},n.size=function(t){return arguments.length?(E=t&&[+t[0],+t[1]],n):E},n.duration=function(t){return arguments.length?(N=+t,n):N},n.x=function(t){return arguments.length?(x=t,M=t.copy(),k={x:0,y:0,k:1},n):x},n.y=function(t){return arguments.length?(S=t,_=t.copy(),k={x:0,y:0,k:1},n):S},ta.rebind(n,R,"on")};var Za,Va=[0,1/0],Xa="onwheel"in ua?(Za=function(){return-ta.event.deltaY*(ta.event.deltaMode?120:1)},"wheel"):"onmousewheel"in ua?(Za=function(){return ta.event.wheelDelta},"mousewheel"):(Za=function(){return-ta.event.detail},"MozMousePixelScroll");ta.color=it,it.prototype.toString=function(){return this.rgb()+""},ta.hsl=ot;var $a=ot.prototype=new it;$a.brighter=function(n){return n=Math.pow(.7,arguments.length?n:1),new ot(this.h,this.s,this.l/n)},$a.darker=function(n){return n=Math.pow(.7,arguments.length?n:1),new ot(this.h,this.s,n*this.l)},$a.rgb=function(){return at(this.h,this.s,this.l)},ta.hcl=ct;var Ba=ct.prototype=new it;Ba.brighter=function(n){return new ct(this.h,this.c,Math.min(100,this.l+Wa*(arguments.length?n:1)))},Ba.darker=function(n){return new ct(this.h,this.c,Math.max(0,this.l-Wa*(arguments.length?n:1)))},Ba.rgb=function(){return lt(this.h,this.c,this.l).rgb()},ta.lab=st;var Wa=18,Ja=.95047,Ga=1,Ka=1.08883,Qa=st.prototype=new it;Qa.brighter=function(n){return new st(Math.min(100,this.l+Wa*(arguments.length?n:1)),this.a,this.b)},Qa.darker=function(n){return new st(Math.max(0,this.l-Wa*(arguments.length?n:1)),this.a,this.b)},Qa.rgb=function(){return ft(this.l,this.a,this.b)},ta.rgb=dt;var nc=dt.prototype=new it;nc.brighter=function(n){n=Math.pow(.7,arguments.length?n:1);var t=this.r,e=this.g,r=this.b,u=30;return t||e||r?(t&&u>t&&(t=u),e&&u>e&&(e=u),r&&u>r&&(r=u),new dt(Math.min(255,t/n),Math.min(255,e/n),Math.min(255,r/n))):new dt(u,u,u)},nc.darker=function(n){return n=Math.pow(.7,arguments.length?n:1),new dt(n*this.r,n*this.g,n*this.b)},nc.hsl=function(){return bt(this.r,this.g,this.b)},nc.toString=function(){return"#"+Mt(this.r)+Mt(this.g)+Mt(this.b)};var tc=ta.map({aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074});tc.forEach(function(n,t){tc.set(n,mt(t))}),ta.functor=kt,ta.xhr=At(Et),ta.dsv=function(n,t){function e(n,e,i){arguments.length<3&&(i=e,e=null);var o=Nt(n,t,null==e?r:u(e),i);return o.row=function(n){return arguments.length?o.response(null==(e=n)?r:u(n)):e},o}function r(n){return e.parse(n.responseText)}function u(n){return function(t){return e.parse(t.responseText,n)}}function i(t){return t.map(o).join(n)}function o(n){return a.test(n)?'"'+n.replace(/\"/g,'""')+'"':n}var a=new RegExp('["'+n+"\n]"),c=n.charCodeAt(0);return e.parse=function(n,t){var r;return e.parseRows(n,function(n,e){if(r)return r(n,e-1);var u=new Function("d","return {"+n.map(function(n,t){return JSON.stringify(n)+": d["+t+"]"}).join(",")+"}");r=t?function(n,e){return t(u(n),e)}:u})},e.parseRows=function(n,t){function e(){if(s>=l)return o;if(u)return u=!1,i;var t=s;if(34===n.charCodeAt(t)){for(var e=t;e++s;){var r=n.charCodeAt(s++),a=1;if(10===r)u=!0;else if(13===r)u=!0,10===n.charCodeAt(s)&&(++s,++a);else if(r!==c)continue;return n.slice(t,s-a)}return n.slice(t)}for(var r,u,i={},o={},a=[],l=n.length,s=0,f=0;(r=e())!==o;){for(var h=[];r!==i&&r!==o;)h.push(r),r=e();t&&null==(h=t(h,f++))||a.push(h)}return a},e.format=function(t){if(Array.isArray(t[0]))return e.formatRows(t);var r=new v,u=[];return t.forEach(function(n){for(var t in n)r.has(t)||u.push(r.add(t))}),[u.map(o).join(n)].concat(t.map(function(t){return u.map(function(n){return o(t[n])}).join(n)})).join("\n")},e.formatRows=function(n){return n.map(i).join("\n")},e},ta.csv=ta.dsv(",","text/csv"),ta.tsv=ta.dsv(" ","text/tab-separated-values");var ec,rc,uc,ic,oc,ac=oa[m(oa,"requestAnimationFrame")]||function(n){setTimeout(n,17)};ta.timer=function(n,t,e){var r=arguments.length;2>r&&(t=0),3>r&&(e=Date.now());var u=e+t,i={c:n,t:u,f:!1,n:null};rc?rc.n=i:ec=i,rc=i,uc||(ic=clearTimeout(ic),uc=1,ac(qt))},ta.timer.flush=function(){Lt(),Tt()},ta.round=function(n,t){return t?Math.round(n*(t=Math.pow(10,t)))/t:Math.round(n)};var cc=["y","z","a","f","p","n","\xb5","m","","k","M","G","T","P","E","Z","Y"].map(Dt);ta.formatPrefix=function(n,t){var e=0;return n&&(0>n&&(n*=-1),t&&(n=ta.round(n,Rt(n,t))),e=1+Math.floor(1e-12+Math.log(n)/Math.LN10),e=Math.max(-24,Math.min(24,3*Math.floor((e-1)/3)))),cc[8+e/3]};var lc=/(?:([^{])?([<>=^]))?([+\- ])?([$#])?(0)?(\d+)?(,)?(\.-?\d+)?([a-z%])?/i,sc=ta.map({b:function(n){return n.toString(2)},c:function(n){return String.fromCharCode(n)},o:function(n){return n.toString(8)},x:function(n){return n.toString(16)},X:function(n){return n.toString(16).toUpperCase()},g:function(n,t){return n.toPrecision(t)},e:function(n,t){return n.toExponential(t)},f:function(n,t){return n.toFixed(t)},r:function(n,t){return(n=ta.round(n,Rt(n,t))).toFixed(Math.max(0,Math.min(20,Rt(n*(1+1e-15),t))))}}),fc=ta.time={},hc=Date;jt.prototype={getDate:function(){return this._.getUTCDate()},getDay:function(){return this._.getUTCDay()},getFullYear:function(){return this._.getUTCFullYear()},getHours:function(){return this._.getUTCHours()},getMilliseconds:function(){return this._.getUTCMilliseconds()},getMinutes:function(){return this._.getUTCMinutes()},getMonth:function(){return this._.getUTCMonth()},getSeconds:function(){return this._.getUTCSeconds()},getTime:function(){return this._.getTime()},getTimezoneOffset:function(){return 0},valueOf:function(){return this._.valueOf()},setDate:function(){gc.setUTCDate.apply(this._,arguments)},setDay:function(){gc.setUTCDay.apply(this._,arguments)},setFullYear:function(){gc.setUTCFullYear.apply(this._,arguments)},setHours:function(){gc.setUTCHours.apply(this._,arguments)},setMilliseconds:function(){gc.setUTCMilliseconds.apply(this._,arguments)},setMinutes:function(){gc.setUTCMinutes.apply(this._,arguments)},setMonth:function(){gc.setUTCMonth.apply(this._,arguments)},setSeconds:function(){gc.setUTCSeconds.apply(this._,arguments)},setTime:function(){gc.setTime.apply(this._,arguments)}};var gc=Date.prototype;fc.year=Ft(function(n){return n=fc.day(n),n.setMonth(0,1),n},function(n,t){n.setFullYear(n.getFullYear()+t)},function(n){return n.getFullYear()}),fc.years=fc.year.range,fc.years.utc=fc.year.utc.range,fc.day=Ft(function(n){var t=new hc(2e3,0);return t.setFullYear(n.getFullYear(),n.getMonth(),n.getDate()),t},function(n,t){n.setDate(n.getDate()+t)},function(n){return n.getDate()-1}),fc.days=fc.day.range,fc.days.utc=fc.day.utc.range,fc.dayOfYear=function(n){var t=fc.year(n);return Math.floor((n-t-6e4*(n.getTimezoneOffset()-t.getTimezoneOffset()))/864e5)},["sunday","monday","tuesday","wednesday","thursday","friday","saturday"].forEach(function(n,t){t=7-t;var e=fc[n]=Ft(function(n){return(n=fc.day(n)).setDate(n.getDate()-(n.getDay()+t)%7),n},function(n,t){n.setDate(n.getDate()+7*Math.floor(t))},function(n){var e=fc.year(n).getDay();return Math.floor((fc.dayOfYear(n)+(e+t)%7)/7)-(e!==t)});fc[n+"s"]=e.range,fc[n+"s"].utc=e.utc.range,fc[n+"OfYear"]=function(n){var e=fc.year(n).getDay();return Math.floor((fc.dayOfYear(n)+(e+t)%7)/7)}}),fc.week=fc.sunday,fc.weeks=fc.sunday.range,fc.weeks.utc=fc.sunday.utc.range,fc.weekOfYear=fc.sundayOfYear;var pc={"-":"",_:" ",0:"0"},vc=/^\s*\d+/,dc=/^%/;ta.locale=function(n){return{numberFormat:Pt(n),timeFormat:Ot(n)}};var mc=ta.locale({decimal:".",thousands:",",grouping:[3],currency:["$",""],dateTime:"%a %b %e %X %Y",date:"%m/%d/%Y",time:"%H:%M:%S",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]});ta.format=mc.numberFormat,ta.geo={},ce.prototype={s:0,t:0,add:function(n){le(n,this.t,yc),le(yc.s,this.s,this),this.s?this.t+=yc.t:this.s=yc.t},reset:function(){this.s=this.t=0},valueOf:function(){return this.s}};var yc=new ce;ta.geo.stream=function(n,t){n&&Mc.hasOwnProperty(n.type)?Mc[n.type](n,t):se(n,t)};var Mc={Feature:function(n,t){se(n.geometry,t)},FeatureCollection:function(n,t){for(var e=n.features,r=-1,u=e.length;++rn?4*Da+n:n,wc.lineStart=wc.lineEnd=wc.point=y}};ta.geo.bounds=function(){function n(n,t){M.push(x=[s=n,h=n]),f>t&&(f=t),t>g&&(g=t)}function t(t,e){var r=pe([t*Fa,e*Fa]);if(m){var u=de(m,r),i=[u[1],-u[0],0],o=de(i,u);Me(o),o=xe(o);var c=t-p,l=c>0?1:-1,v=o[0]*Ha*l,d=va(c)>180;if(d^(v>l*p&&l*t>v)){var y=o[1]*Ha;y>g&&(g=y)}else if(v=(v+360)%360-180,d^(v>l*p&&l*t>v)){var y=-o[1]*Ha;f>y&&(f=y)}else f>e&&(f=e),e>g&&(g=e);d?p>t?a(s,t)>a(s,h)&&(h=t):a(t,h)>a(s,h)&&(s=t):h>=s?(s>t&&(s=t),t>h&&(h=t)):t>p?a(s,t)>a(s,h)&&(h=t):a(t,h)>a(s,h)&&(s=t)}else n(t,e);m=r,p=t}function e(){b.point=t}function r(){x[0]=s,x[1]=h,b.point=n,m=null}function u(n,e){if(m){var r=n-p;y+=va(r)>180?r+(r>0?360:-360):r}else v=n,d=e;wc.point(n,e),t(n,e)}function i(){wc.lineStart()}function o(){u(v,d),wc.lineEnd(),va(y)>Ta&&(s=-(h=180)),x[0]=s,x[1]=h,m=null}function a(n,t){return(t-=n)<0?t+360:t}function c(n,t){return n[0]-t[0]}function l(n,t){return t[0]<=t[1]?t[0]<=n&&n<=t[1]:n_c?(s=-(h=180),f=-(g=90)):y>Ta?g=90:-Ta>y&&(f=-90),x[0]=s,x[1]=h}};return function(n){g=h=-(s=f=1/0),M=[],ta.geo.stream(n,b);var t=M.length;if(t){M.sort(c);for(var e,r=1,u=M[0],i=[u];t>r;++r)e=M[r],l(e[0],u)||l(e[1],u)?(a(u[0],e[1])>a(u[0],u[1])&&(u[1]=e[1]),a(e[0],u[1])>a(u[0],u[1])&&(u[0]=e[0])):i.push(u=e);for(var o,e,p=-1/0,t=i.length-1,r=0,u=i[t];t>=r;u=e,++r)e=i[r],(o=a(u[1],e[0]))>p&&(p=o,s=e[0],h=u[1])}return M=x=null,1/0===s||1/0===f?[[0/0,0/0],[0/0,0/0]]:[[s,f],[h,g]]}}(),ta.geo.centroid=function(n){Sc=kc=Ec=Ac=Nc=Cc=zc=qc=Lc=Tc=Rc=0,ta.geo.stream(n,Dc);var t=Lc,e=Tc,r=Rc,u=t*t+e*e+r*r;return Ra>u&&(t=Cc,e=zc,r=qc,Ta>kc&&(t=Ec,e=Ac,r=Nc),u=t*t+e*e+r*r,Ra>u)?[0/0,0/0]:[Math.atan2(e,t)*Ha,nt(r/Math.sqrt(u))*Ha]};var Sc,kc,Ec,Ac,Nc,Cc,zc,qc,Lc,Tc,Rc,Dc={sphere:y,point:_e,lineStart:Se,lineEnd:ke,polygonStart:function(){Dc.lineStart=Ee},polygonEnd:function(){Dc.lineStart=Se}},Pc=Le(Ne,Pe,je,[-Da,-Da/2]),Uc=1e9;ta.geo.clipExtent=function(){var n,t,e,r,u,i,o={stream:function(n){return u&&(u.valid=!1),u=i(n),u.valid=!0,u},extent:function(a){return arguments.length?(i=Ye(n=+a[0][0],t=+a[0][1],e=+a[1][0],r=+a[1][1]),u&&(u.valid=!1,u=null),o):[[n,t],[e,r]]}};return o.extent([[0,0],[960,500]])},(ta.geo.conicEqualArea=function(){return Ie(Ze)}).raw=Ze,ta.geo.albers=function(){return ta.geo.conicEqualArea().rotate([96,0]).center([-.6,38.7]).parallels([29.5,45.5]).scale(1070)},ta.geo.albersUsa=function(){function n(n){var i=n[0],o=n[1];return t=null,e(i,o),t||(r(i,o),t)||u(i,o),t}var t,e,r,u,i=ta.geo.albers(),o=ta.geo.conicEqualArea().rotate([154,0]).center([-2,58.5]).parallels([55,65]),a=ta.geo.conicEqualArea().rotate([157,0]).center([-3,19.9]).parallels([8,18]),c={point:function(n,e){t=[n,e]}};return n.invert=function(n){var t=i.scale(),e=i.translate(),r=(n[0]-e[0])/t,u=(n[1]-e[1])/t;return(u>=.12&&.234>u&&r>=-.425&&-.214>r?o:u>=.166&&.234>u&&r>=-.214&&-.115>r?a:i).invert(n)},n.stream=function(n){var t=i.stream(n),e=o.stream(n),r=a.stream(n);return{point:function(n,u){t.point(n,u),e.point(n,u),r.point(n,u)},sphere:function(){t.sphere(),e.sphere(),r.sphere()},lineStart:function(){t.lineStart(),e.lineStart(),r.lineStart()},lineEnd:function(){t.lineEnd(),e.lineEnd(),r.lineEnd()},polygonStart:function(){t.polygonStart(),e.polygonStart(),r.polygonStart()},polygonEnd:function(){t.polygonEnd(),e.polygonEnd(),r.polygonEnd()}}},n.precision=function(t){return arguments.length?(i.precision(t),o.precision(t),a.precision(t),n):i.precision()},n.scale=function(t){return arguments.length?(i.scale(t),o.scale(.35*t),a.scale(t),n.translate(i.translate())):i.scale()},n.translate=function(t){if(!arguments.length)return i.translate();var l=i.scale(),s=+t[0],f=+t[1];return e=i.translate(t).clipExtent([[s-.455*l,f-.238*l],[s+.455*l,f+.238*l]]).stream(c).point,r=o.translate([s-.307*l,f+.201*l]).clipExtent([[s-.425*l+Ta,f+.12*l+Ta],[s-.214*l-Ta,f+.234*l-Ta]]).stream(c).point,u=a.translate([s-.205*l,f+.212*l]).clipExtent([[s-.214*l+Ta,f+.166*l+Ta],[s-.115*l-Ta,f+.234*l-Ta]]).stream(c).point,n},n.scale(1070)};var jc,Fc,Hc,Oc,Yc,Ic,Zc={point:y,lineStart:y,lineEnd:y,polygonStart:function(){Fc=0,Zc.lineStart=Ve},polygonEnd:function(){Zc.lineStart=Zc.lineEnd=Zc.point=y,jc+=va(Fc/2)}},Vc={point:Xe,lineStart:y,lineEnd:y,polygonStart:y,polygonEnd:y},Xc={point:We,lineStart:Je,lineEnd:Ge,polygonStart:function(){Xc.lineStart=Ke},polygonEnd:function(){Xc.point=We,Xc.lineStart=Je,Xc.lineEnd=Ge}};ta.geo.path=function(){function n(n){return n&&("function"==typeof a&&i.pointRadius(+a.apply(this,arguments)),o&&o.valid||(o=u(i)),ta.geo.stream(n,o)),i.result()}function t(){return o=null,n}var e,r,u,i,o,a=4.5;return n.area=function(n){return jc=0,ta.geo.stream(n,u(Zc)),jc},n.centroid=function(n){return Ec=Ac=Nc=Cc=zc=qc=Lc=Tc=Rc=0,ta.geo.stream(n,u(Xc)),Rc?[Lc/Rc,Tc/Rc]:qc?[Cc/qc,zc/qc]:Nc?[Ec/Nc,Ac/Nc]:[0/0,0/0]},n.bounds=function(n){return Yc=Ic=-(Hc=Oc=1/0),ta.geo.stream(n,u(Vc)),[[Hc,Oc],[Yc,Ic]]},n.projection=function(n){return arguments.length?(u=(e=n)?n.stream||tr(n):Et,t()):e},n.context=function(n){return arguments.length?(i=null==(r=n)?new $e:new Qe(n),"function"!=typeof a&&i.pointRadius(a),t()):r},n.pointRadius=function(t){return arguments.length?(a="function"==typeof t?t:(i.pointRadius(+t),+t),n):a},n.projection(ta.geo.albersUsa()).context(null)},ta.geo.transform=function(n){return{stream:function(t){var e=new er(t);for(var r in n)e[r]=n[r];return e}}},er.prototype={point:function(n,t){this.stream.point(n,t)},sphere:function(){this.stream.sphere()},lineStart:function(){this.stream.lineStart()},lineEnd:function(){this.stream.lineEnd()},polygonStart:function(){this.stream.polygonStart()},polygonEnd:function(){this.stream.polygonEnd()}},ta.geo.projection=ur,ta.geo.projectionMutator=ir,(ta.geo.equirectangular=function(){return ur(ar)}).raw=ar.invert=ar,ta.geo.rotation=function(n){function t(t){return t=n(t[0]*Fa,t[1]*Fa),t[0]*=Ha,t[1]*=Ha,t}return n=lr(n[0]%360*Fa,n[1]*Fa,n.length>2?n[2]*Fa:0),t.invert=function(t){return t=n.invert(t[0]*Fa,t[1]*Fa),t[0]*=Ha,t[1]*=Ha,t},t},cr.invert=ar,ta.geo.circle=function(){function n(){var n="function"==typeof r?r.apply(this,arguments):r,t=lr(-n[0]*Fa,-n[1]*Fa,0).invert,u=[];return e(null,null,1,{point:function(n,e){u.push(n=t(n,e)),n[0]*=Ha,n[1]*=Ha}}),{type:"Polygon",coordinates:[u]}}var t,e,r=[0,0],u=6;return n.origin=function(t){return arguments.length?(r=t,n):r},n.angle=function(r){return arguments.length?(e=gr((t=+r)*Fa,u*Fa),n):t},n.precision=function(r){return arguments.length?(e=gr(t*Fa,(u=+r)*Fa),n):u},n.angle(90)},ta.geo.distance=function(n,t){var e,r=(t[0]-n[0])*Fa,u=n[1]*Fa,i=t[1]*Fa,o=Math.sin(r),a=Math.cos(r),c=Math.sin(u),l=Math.cos(u),s=Math.sin(i),f=Math.cos(i);return Math.atan2(Math.sqrt((e=f*o)*e+(e=l*s-c*f*a)*e),c*s+l*f*a)},ta.geo.graticule=function(){function n(){return{type:"MultiLineString",coordinates:t()}}function t(){return ta.range(Math.ceil(i/d)*d,u,d).map(h).concat(ta.range(Math.ceil(l/m)*m,c,m).map(g)).concat(ta.range(Math.ceil(r/p)*p,e,p).filter(function(n){return va(n%d)>Ta}).map(s)).concat(ta.range(Math.ceil(a/v)*v,o,v).filter(function(n){return va(n%m)>Ta}).map(f))}var e,r,u,i,o,a,c,l,s,f,h,g,p=10,v=p,d=90,m=360,y=2.5;return n.lines=function(){return t().map(function(n){return{type:"LineString",coordinates:n}})},n.outline=function(){return{type:"Polygon",coordinates:[h(i).concat(g(c).slice(1),h(u).reverse().slice(1),g(l).reverse().slice(1))]}},n.extent=function(t){return arguments.length?n.majorExtent(t).minorExtent(t):n.minorExtent()},n.majorExtent=function(t){return arguments.length?(i=+t[0][0],u=+t[1][0],l=+t[0][1],c=+t[1][1],i>u&&(t=i,i=u,u=t),l>c&&(t=l,l=c,c=t),n.precision(y)):[[i,l],[u,c]]},n.minorExtent=function(t){return arguments.length?(r=+t[0][0],e=+t[1][0],a=+t[0][1],o=+t[1][1],r>e&&(t=r,r=e,e=t),a>o&&(t=a,a=o,o=t),n.precision(y)):[[r,a],[e,o]]},n.step=function(t){return arguments.length?n.majorStep(t).minorStep(t):n.minorStep()},n.majorStep=function(t){return arguments.length?(d=+t[0],m=+t[1],n):[d,m]},n.minorStep=function(t){return arguments.length?(p=+t[0],v=+t[1],n):[p,v]},n.precision=function(t){return arguments.length?(y=+t,s=vr(a,o,90),f=dr(r,e,y),h=vr(l,c,90),g=dr(i,u,y),n):y},n.majorExtent([[-180,-90+Ta],[180,90-Ta]]).minorExtent([[-180,-80-Ta],[180,80+Ta]])},ta.geo.greatArc=function(){function n(){return{type:"LineString",coordinates:[t||r.apply(this,arguments),e||u.apply(this,arguments)]}}var t,e,r=mr,u=yr;return n.distance=function(){return ta.geo.distance(t||r.apply(this,arguments),e||u.apply(this,arguments))},n.source=function(e){return arguments.length?(r=e,t="function"==typeof e?null:e,n):r},n.target=function(t){return arguments.length?(u=t,e="function"==typeof t?null:t,n):u},n.precision=function(){return arguments.length?n:0},n},ta.geo.interpolate=function(n,t){return Mr(n[0]*Fa,n[1]*Fa,t[0]*Fa,t[1]*Fa)},ta.geo.length=function(n){return $c=0,ta.geo.stream(n,Bc),$c};var $c,Bc={sphere:y,point:y,lineStart:xr,lineEnd:y,polygonStart:y,polygonEnd:y},Wc=br(function(n){return Math.sqrt(2/(1+n))},function(n){return 2*Math.asin(n/2)});(ta.geo.azimuthalEqualArea=function(){return ur(Wc)}).raw=Wc;var Jc=br(function(n){var t=Math.acos(n);return t&&t/Math.sin(t)},Et);(ta.geo.azimuthalEquidistant=function(){return ur(Jc)}).raw=Jc,(ta.geo.conicConformal=function(){return Ie(_r)}).raw=_r,(ta.geo.conicEquidistant=function(){return Ie(wr)}).raw=wr;var Gc=br(function(n){return 1/n},Math.atan);(ta.geo.gnomonic=function(){return ur(Gc)}).raw=Gc,Sr.invert=function(n,t){return[n,2*Math.atan(Math.exp(t))-ja]},(ta.geo.mercator=function(){return kr(Sr)}).raw=Sr;var Kc=br(function(){return 1},Math.asin);(ta.geo.orthographic=function(){return ur(Kc)}).raw=Kc;var Qc=br(function(n){return 1/(1+n)},function(n){return 2*Math.atan(n)});(ta.geo.stereographic=function(){return ur(Qc)}).raw=Qc,Er.invert=function(n,t){return[-t,2*Math.atan(Math.exp(n))-ja]},(ta.geo.transverseMercator=function(){var n=kr(Er),t=n.center,e=n.rotate;return n.center=function(n){return n?t([-n[1],n[0]]):(n=t(),[n[1],-n[0]])},n.rotate=function(n){return n?e([n[0],n[1],n.length>2?n[2]+90:90]):(n=e(),[n[0],n[1],n[2]-90])},e([0,0,90])}).raw=Er,ta.geom={},ta.geom.hull=function(n){function t(n){if(n.length<3)return[];var t,u=kt(e),i=kt(r),o=n.length,a=[],c=[];for(t=0;o>t;t++)a.push([+u.call(this,n[t],t),+i.call(this,n[t],t),t]);for(a.sort(zr),t=0;o>t;t++)c.push([a[t][0],-a[t][1]]);var l=Cr(a),s=Cr(c),f=s[0]===l[0],h=s[s.length-1]===l[l.length-1],g=[];for(t=l.length-1;t>=0;--t)g.push(n[a[l[t]][2]]);for(t=+f;t=r&&l.x<=i&&l.y>=u&&l.y<=o?[[r,o],[i,o],[i,u],[r,u]]:[];s.point=n[a]}),t}function e(n){return n.map(function(n,t){return{x:Math.round(i(n,t)/Ta)*Ta,y:Math.round(o(n,t)/Ta)*Ta,i:t}})}var r=Ar,u=Nr,i=r,o=u,a=cl;return n?t(n):(t.links=function(n){return iu(e(n)).edges.filter(function(n){return n.l&&n.r}).map(function(t){return{source:n[t.l.i],target:n[t.r.i]}})},t.triangles=function(n){var t=[];return iu(e(n)).cells.forEach(function(e,r){for(var u,i,o=e.site,a=e.edges.sort(Ir),c=-1,l=a.length,s=a[l-1].edge,f=s.l===o?s.r:s.l;++c=l,h=r>=s,g=h<<1|f;n.leaf=!1,n=n.nodes[g]||(n.nodes[g]=su()),f?u=l:a=l,h?o=s:c=s,i(n,t,e,r,u,o,a,c)}var s,f,h,g,p,v,d,m,y,M=kt(a),x=kt(c);if(null!=t)v=t,d=e,m=r,y=u;else if(m=y=-(v=d=1/0),f=[],h=[],p=n.length,o)for(g=0;p>g;++g)s=n[g],s.xm&&(m=s.x),s.y>y&&(y=s.y),f.push(s.x),h.push(s.y);else for(g=0;p>g;++g){var b=+M(s=n[g],g),_=+x(s,g);v>b&&(v=b),d>_&&(d=_),b>m&&(m=b),_>y&&(y=_),f.push(b),h.push(_)}var w=m-v,S=y-d;w>S?y=d+w:m=v+S;var k=su();if(k.add=function(n){i(k,n,+M(n,++g),+x(n,g),v,d,m,y)},k.visit=function(n){fu(n,k,v,d,m,y)},k.find=function(n){return hu(k,n[0],n[1],v,d,m,y)},g=-1,null==t){for(;++g=0?n.slice(0,t):n,r=t>=0?n.slice(t+1):"in";return e=hl.get(e)||fl,r=gl.get(r)||Et,Mu(r(e.apply(null,ea.call(arguments,1))))},ta.interpolateHcl=Lu,ta.interpolateHsl=Tu,ta.interpolateLab=Ru,ta.interpolateRound=Du,ta.transform=function(n){var t=ua.createElementNS(ta.ns.prefix.svg,"g");return(ta.transform=function(n){if(null!=n){t.setAttribute("transform",n);var e=t.transform.baseVal.consolidate()}return new Pu(e?e.matrix:pl)})(n)},Pu.prototype.toString=function(){return"translate("+this.translate+")rotate("+this.rotate+")skewX("+this.skew+")scale("+this.scale+")"};var pl={a:1,b:0,c:0,d:1,e:0,f:0};ta.interpolateTransform=Hu,ta.layout={},ta.layout.bundle=function(){return function(n){for(var t=[],e=-1,r=n.length;++ea*a/d){if(p>c){var l=t.charge/c;n.px-=i*l,n.py-=o*l}return!0}if(t.point&&c&&p>c){var l=t.pointCharge/c;n.px-=i*l,n.py-=o*l}}return!t.charge}}function t(n){n.px=ta.event.x,n.py=ta.event.y,a.resume()}var e,r,u,i,o,a={},c=ta.dispatch("start","tick","end"),l=[1,1],s=.9,f=vl,h=dl,g=-30,p=ml,v=.1,d=.64,m=[],y=[];return a.tick=function(){if((r*=.99)<.005)return c.end({type:"end",alpha:r=0}),!0;var t,e,a,f,h,p,d,M,x,b=m.length,_=y.length;for(e=0;_>e;++e)a=y[e],f=a.source,h=a.target,M=h.x-f.x,x=h.y-f.y,(p=M*M+x*x)&&(p=r*i[e]*((p=Math.sqrt(p))-u[e])/p,M*=p,x*=p,h.x-=M*(d=f.weight/(h.weight+f.weight)),h.y-=x*d,f.x+=M*(d=1-d),f.y+=x*d);if((d=r*v)&&(M=l[0]/2,x=l[1]/2,e=-1,d))for(;++e0?n:0:n>0&&(c.start({type:"start",alpha:r=n}),ta.timer(a.tick)),a):r},a.start=function(){function n(n,r){if(!e){for(e=new Array(c),a=0;c>a;++a)e[a]=[];for(a=0;l>a;++a){var u=y[a];e[u.source.index].push(u.target),e[u.target.index].push(u.source)}}for(var i,o=e[t],a=-1,l=o.length;++at;++t)(r=m[t]).index=t,r.weight=0;for(t=0;s>t;++t)r=y[t],"number"==typeof r.source&&(r.source=m[r.source]),"number"==typeof r.target&&(r.target=m[r.target]),++r.source.weight,++r.target.weight;for(t=0;c>t;++t)r=m[t],isNaN(r.x)&&(r.x=n("x",p)),isNaN(r.y)&&(r.y=n("y",v)),isNaN(r.px)&&(r.px=r.x),isNaN(r.py)&&(r.py=r.y);if(u=[],"function"==typeof f)for(t=0;s>t;++t)u[t]=+f.call(this,y[t],t);else for(t=0;s>t;++t)u[t]=f;if(i=[],"function"==typeof h)for(t=0;s>t;++t)i[t]=+h.call(this,y[t],t);else for(t=0;s>t;++t)i[t]=h;if(o=[],"function"==typeof g)for(t=0;c>t;++t)o[t]=+g.call(this,m[t],t);else for(t=0;c>t;++t)o[t]=g;return a.resume()},a.resume=function(){return a.alpha(.1)},a.stop=function(){return a.alpha(0)},a.drag=function(){return e||(e=ta.behavior.drag().origin(Et).on("dragstart.force",Xu).on("drag.force",t).on("dragend.force",$u)),arguments.length?(this.on("mouseover.force",Bu).on("mouseout.force",Wu).call(e),void 0):e},ta.rebind(a,c,"on")};var vl=20,dl=1,ml=1/0;ta.layout.hierarchy=function(){function n(u){var i,o=[u],a=[];for(u.depth=0;null!=(i=o.pop());)if(a.push(i),(l=e.call(n,i,i.depth))&&(c=l.length)){for(var c,l,s;--c>=0;)o.push(s=l[c]),s.parent=i,s.depth=i.depth+1;r&&(i.value=0),i.children=l}else r&&(i.value=+r.call(n,i,i.depth)||0),delete i.children;return Qu(u,function(n){var e,u;t&&(e=n.children)&&e.sort(t),r&&(u=n.parent)&&(u.value+=n.value)}),a}var t=ei,e=ni,r=ti;return n.sort=function(e){return arguments.length?(t=e,n):t},n.children=function(t){return arguments.length?(e=t,n):e},n.value=function(t){return arguments.length?(r=t,n):r},n.revalue=function(t){return r&&(Ku(t,function(n){n.children&&(n.value=0)}),Qu(t,function(t){var e;t.children||(t.value=+r.call(n,t,t.depth)||0),(e=t.parent)&&(e.value+=t.value)})),t},n},ta.layout.partition=function(){function n(t,e,r,u){var i=t.children;if(t.x=e,t.y=t.depth*u,t.dx=r,t.dy=u,i&&(o=i.length)){var o,a,c,l=-1;for(r=t.value?r/t.value:0;++lf?-1:1),p=(f-c*g)/ta.sum(l),v=ta.range(c),d=[];return null!=e&&v.sort(e===yl?function(n,t){return l[t]-l[n]}:function(n,t){return e(o[n],o[t])}),v.forEach(function(n){d[n]={data:o[n],value:a=l[n],startAngle:s,endAngle:s+=a*p+g,padAngle:h}}),d}var t=Number,e=yl,r=0,u=Pa,i=0;return n.value=function(e){return arguments.length?(t=e,n):t},n.sort=function(t){return arguments.length?(e=t,n):e},n.startAngle=function(t){return arguments.length?(r=t,n):r},n.endAngle=function(t){return arguments.length?(u=t,n):u},n.padAngle=function(t){return arguments.length?(i=t,n):i},n};var yl={};ta.layout.stack=function(){function n(a,c){if(!(h=a.length))return a;var l=a.map(function(e,r){return t.call(n,e,r)}),s=l.map(function(t){return t.map(function(t,e){return[i.call(n,t,e),o.call(n,t,e)]})}),f=e.call(n,s,c);l=ta.permute(l,f),s=ta.permute(s,f);var h,g,p,v,d=r.call(n,s,c),m=l[0].length;for(p=0;m>p;++p)for(u.call(n,l[0][p],v=d[p],s[0][p][1]),g=1;h>g;++g)u.call(n,l[g][p],v+=s[g-1][p][1],s[g][p][1]);return a}var t=Et,e=ai,r=ci,u=oi,i=ui,o=ii;return n.values=function(e){return arguments.length?(t=e,n):t},n.order=function(t){return arguments.length?(e="function"==typeof t?t:Ml.get(t)||ai,n):e},n.offset=function(t){return arguments.length?(r="function"==typeof t?t:xl.get(t)||ci,n):r},n.x=function(t){return arguments.length?(i=t,n):i},n.y=function(t){return arguments.length?(o=t,n):o},n.out=function(t){return arguments.length?(u=t,n):u},n};var Ml=ta.map({"inside-out":function(n){var t,e,r=n.length,u=n.map(li),i=n.map(si),o=ta.range(r).sort(function(n,t){return u[n]-u[t]}),a=0,c=0,l=[],s=[];for(t=0;r>t;++t)e=o[t],c>a?(a+=i[e],l.push(e)):(c+=i[e],s.push(e));return s.reverse().concat(l)},reverse:function(n){return ta.range(n.length).reverse()},"default":ai}),xl=ta.map({silhouette:function(n){var t,e,r,u=n.length,i=n[0].length,o=[],a=0,c=[];for(e=0;i>e;++e){for(t=0,r=0;u>t;t++)r+=n[t][e][1];r>a&&(a=r),o.push(r)}for(e=0;i>e;++e)c[e]=(a-o[e])/2;return c},wiggle:function(n){var t,e,r,u,i,o,a,c,l,s=n.length,f=n[0],h=f.length,g=[];for(g[0]=c=l=0,e=1;h>e;++e){for(t=0,u=0;s>t;++t)u+=n[t][e][1];for(t=0,i=0,a=f[e][0]-f[e-1][0];s>t;++t){for(r=0,o=(n[t][e][1]-n[t][e-1][1])/(2*a);t>r;++r)o+=(n[r][e][1]-n[r][e-1][1])/a;i+=o*n[t][e][1]}g[e]=c-=u?i/u*a:0,l>c&&(l=c)}for(e=0;h>e;++e)g[e]-=l;return g},expand:function(n){var t,e,r,u=n.length,i=n[0].length,o=1/u,a=[];for(e=0;i>e;++e){for(t=0,r=0;u>t;t++)r+=n[t][e][1];if(r)for(t=0;u>t;t++)n[t][e][1]/=r;else for(t=0;u>t;t++)n[t][e][1]=o}for(e=0;i>e;++e)a[e]=0;return a},zero:ci});ta.layout.histogram=function(){function n(n,i){for(var o,a,c=[],l=n.map(e,this),s=r.call(this,l,i),f=u.call(this,s,l,i),i=-1,h=l.length,g=f.length-1,p=t?1:1/h;++i0)for(i=-1;++i=s[0]&&a<=s[1]&&(o=c[ta.bisect(f,a,1,g)-1],o.y+=p,o.push(n[i]));return c}var t=!0,e=Number,r=pi,u=hi;return n.value=function(t){return arguments.length?(e=t,n):e},n.range=function(t){return arguments.length?(r=kt(t),n):r},n.bins=function(t){return arguments.length?(u="number"==typeof t?function(n){return gi(n,t)}:kt(t),n):u},n.frequency=function(e){return arguments.length?(t=!!e,n):t},n},ta.layout.pack=function(){function n(n,i){var o=e.call(this,n,i),a=o[0],c=u[0],l=u[1],s=null==t?Math.sqrt:"function"==typeof t?t:function(){return t};if(a.x=a.y=0,Qu(a,function(n){n.r=+s(n.value)}),Qu(a,Mi),r){var f=r*(t?1:Math.max(2*a.r/c,2*a.r/l))/2;Qu(a,function(n){n.r+=f}),Qu(a,Mi),Qu(a,function(n){n.r-=f})}return _i(a,c/2,l/2,t?1:1/Math.max(2*a.r/c,2*a.r/l)),o}var t,e=ta.layout.hierarchy().sort(vi),r=0,u=[1,1];return n.size=function(t){return arguments.length?(u=t,n):u},n.radius=function(e){return arguments.length?(t=null==e||"function"==typeof e?e:+e,n):t},n.padding=function(t){return arguments.length?(r=+t,n):r},Gu(n,e)},ta.layout.tree=function(){function n(n,u){var s=o.call(this,n,u),f=s[0],h=t(f);if(Qu(h,e),h.parent.m=-h.z,Ku(h,r),l)Ku(f,i);else{var g=f,p=f,v=f;Ku(f,function(n){n.xp.x&&(p=n),n.depth>v.depth&&(v=n)});var d=a(g,p)/2-g.x,m=c[0]/(p.x+a(p,g)/2+d),y=c[1]/(v.depth||1);Ku(f,function(n){n.x=(n.x+d)*m,n.y=n.depth*y})}return s}function t(n){for(var t,e={A:null,children:[n]},r=[e];null!=(t=r.pop());)for(var u,i=t.children,o=0,a=i.length;a>o;++o)r.push((i[o]=u={_:i[o],parent:t,children:(u=i[o].children)&&u.slice()||[],A:null,a:null,z:0,m:0,c:0,s:0,t:null,i:o}).a=u);return e.children[0]}function e(n){var t=n.children,e=n.parent.children,r=n.i?e[n.i-1]:null;if(t.length){Ni(n);var i=(t[0].z+t[t.length-1].z)/2;r?(n.z=r.z+a(n._,r._),n.m=n.z-i):n.z=i}else r&&(n.z=r.z+a(n._,r._));n.parent.A=u(n,r,n.parent.A||e[0])}function r(n){n._.x=n.z+n.parent.m,n.m+=n.parent.m}function u(n,t,e){if(t){for(var r,u=n,i=n,o=t,c=u.parent.children[0],l=u.m,s=i.m,f=o.m,h=c.m;o=Ei(o),u=ki(u),o&&u;)c=ki(c),i=Ei(i),i.a=n,r=o.z+f-u.z-l+a(o._,u._),r>0&&(Ai(Ci(o,n,e),n,r),l+=r,s+=r),f+=o.m,l+=u.m,h+=c.m,s+=i.m;o&&!Ei(i)&&(i.t=o,i.m+=f-s),u&&!ki(c)&&(c.t=u,c.m+=l-h,e=n)}return e}function i(n){n.x*=c[0],n.y=n.depth*c[1]}var o=ta.layout.hierarchy().sort(null).value(null),a=Si,c=[1,1],l=null;return n.separation=function(t){return arguments.length?(a=t,n):a},n.size=function(t){return arguments.length?(l=null==(c=t)?i:null,n):l?null:c},n.nodeSize=function(t){return arguments.length?(l=null==(c=t)?null:i,n):l?c:null},Gu(n,o)},ta.layout.cluster=function(){function n(n,i){var o,a=t.call(this,n,i),c=a[0],l=0;Qu(c,function(n){var t=n.children;t&&t.length?(n.x=qi(t),n.y=zi(t)):(n.x=o?l+=e(n,o):0,n.y=0,o=n)});var s=Li(c),f=Ti(c),h=s.x-e(s,f)/2,g=f.x+e(f,s)/2;return Qu(c,u?function(n){n.x=(n.x-c.x)*r[0],n.y=(c.y-n.y)*r[1]}:function(n){n.x=(n.x-h)/(g-h)*r[0],n.y=(1-(c.y?n.y/c.y:1))*r[1]}),a}var t=ta.layout.hierarchy().sort(null).value(null),e=Si,r=[1,1],u=!1;return n.separation=function(t){return arguments.length?(e=t,n):e},n.size=function(t){return arguments.length?(u=null==(r=t),n):u?null:r},n.nodeSize=function(t){return arguments.length?(u=null!=(r=t),n):u?r:null},Gu(n,t)},ta.layout.treemap=function(){function n(n,t){for(var e,r,u=-1,i=n.length;++ut?0:t),e.area=isNaN(r)||0>=r?0:r}function t(e){var i=e.children;if(i&&i.length){var o,a,c,l=f(e),s=[],h=i.slice(),p=1/0,v="slice"===g?l.dx:"dice"===g?l.dy:"slice-dice"===g?1&e.depth?l.dy:l.dx:Math.min(l.dx,l.dy);for(n(h,l.dx*l.dy/e.value),s.area=0;(c=h.length)>0;)s.push(o=h[c-1]),s.area+=o.area,"squarify"!==g||(a=r(s,v))<=p?(h.pop(),p=a):(s.area-=s.pop().area,u(s,v,l,!1),v=Math.min(l.dx,l.dy),s.length=s.area=0,p=1/0);s.length&&(u(s,v,l,!0),s.length=s.area=0),i.forEach(t)}}function e(t){var r=t.children;if(r&&r.length){var i,o=f(t),a=r.slice(),c=[];for(n(a,o.dx*o.dy/t.value),c.area=0;i=a.pop();)c.push(i),c.area+=i.area,null!=i.z&&(u(c,i.z?o.dx:o.dy,o,!a.length),c.length=c.area=0);r.forEach(e)}}function r(n,t){for(var e,r=n.area,u=0,i=1/0,o=-1,a=n.length;++oe&&(i=e),e>u&&(u=e));return r*=r,t*=t,r?Math.max(t*u*p/r,r/(t*i*p)):1/0}function u(n,t,e,r){var u,i=-1,o=n.length,a=e.x,l=e.y,s=t?c(n.area/t):0;if(t==e.dx){for((r||s>e.dy)&&(s=e.dy);++ie.dx)&&(s=e.dx);++ie&&(t=1),1>e&&(n=0),function(){var e,r,u;do e=2*Math.random()-1,r=2*Math.random()-1,u=e*e+r*r;while(!u||u>1);return n+t*e*Math.sqrt(-2*Math.log(u)/u)}},logNormal:function(){var n=ta.random.normal.apply(ta,arguments);return function(){return Math.exp(n())}},bates:function(n){var t=ta.random.irwinHall(n);return function(){return t()/n}},irwinHall:function(n){return function(){for(var t=0,e=0;n>e;e++)t+=Math.random();return t}}},ta.scale={};var bl={floor:Et,ceil:Et};ta.scale.linear=function(){return Yi([0,1],[0,1],mu,!1)};var _l={s:1,g:1,p:1,r:1,e:1};ta.scale.log=function(){return Ji(ta.scale.linear().domain([0,1]),10,!0,[1,10])};var wl=ta.format(".0e"),Sl={floor:function(n){return-Math.ceil(-n)},ceil:function(n){return-Math.floor(-n)}};ta.scale.pow=function(){return Gi(ta.scale.linear(),1,[0,1])},ta.scale.sqrt=function(){return ta.scale.pow().exponent(.5)},ta.scale.ordinal=function(){return Qi([],{t:"range",a:[[]]})},ta.scale.category10=function(){return ta.scale.ordinal().range(kl)},ta.scale.category20=function(){return ta.scale.ordinal().range(El)},ta.scale.category20b=function(){return ta.scale.ordinal().range(Al)},ta.scale.category20c=function(){return ta.scale.ordinal().range(Nl)};var kl=[2062260,16744206,2924588,14034728,9725885,9197131,14907330,8355711,12369186,1556175].map(yt),El=[2062260,11454440,16744206,16759672,2924588,10018698,14034728,16750742,9725885,12955861,9197131,12885140,14907330,16234194,8355711,13092807,12369186,14408589,1556175,10410725].map(yt),Al=[3750777,5395619,7040719,10264286,6519097,9216594,11915115,13556636,9202993,12426809,15186514,15190932,8666169,11356490,14049643,15177372,8077683,10834324,13528509,14589654].map(yt),Nl=[3244733,7057110,10406625,13032431,15095053,16616764,16625259,16634018,3253076,7652470,10607003,13101504,7695281,10394312,12369372,14342891,6513507,9868950,12434877,14277081].map(yt);ta.scale.quantile=function(){return no([],[])},ta.scale.quantize=function(){return to(0,1,[0,1])},ta.scale.threshold=function(){return eo([.5],[0,1])},ta.scale.identity=function(){return ro([0,1])},ta.svg={},ta.svg.arc=function(){function n(){var n=Math.max(0,+e.apply(this,arguments)),l=Math.max(0,+r.apply(this,arguments)),s=o.apply(this,arguments)-ja,f=a.apply(this,arguments)-ja,h=Math.abs(f-s),g=s>f?0:1;if(n>l&&(p=l,l=n,n=p),h>=Ua)return t(l,g)+(n?t(n,1-g):"")+"Z";var p,v,d,m,y,M,x,b,_,w,S,k,E=0,A=0,N=[];if((m=(+c.apply(this,arguments)||0)/2)&&(d=i===Cl?Math.sqrt(n*n+l*l):+i.apply(this,arguments),g||(A*=-1),l&&(A=nt(d/l*Math.sin(m))),n&&(E=nt(d/n*Math.sin(m)))),l){y=l*Math.cos(s+A),M=l*Math.sin(s+A),x=l*Math.cos(f-A),b=l*Math.sin(f-A);var C=Math.abs(f-s-2*A)<=Da?0:1;if(A&&so(y,M,x,b)===g^C){var z=(s+f)/2;y=l*Math.cos(z),M=l*Math.sin(z),x=b=null}}else y=M=0;if(n){_=n*Math.cos(f-E),w=n*Math.sin(f-E),S=n*Math.cos(s+E),k=n*Math.sin(s+E);var q=Math.abs(s-f+2*E)<=Da?0:1;if(E&&so(_,w,S,k)===1-g^q){var L=(s+f)/2;_=n*Math.cos(L),w=n*Math.sin(L),S=k=null}}else _=w=0;if((p=Math.min(Math.abs(l-n)/2,+u.apply(this,arguments)))>.001){v=l>n^g?0:1;var T=null==S?[_,w]:null==x?[y,M]:Lr([y,M],[S,k],[x,b],[_,w]),R=y-T[0],D=M-T[1],P=x-T[0],U=b-T[1],j=1/Math.sin(Math.acos((R*P+D*U)/(Math.sqrt(R*R+D*D)*Math.sqrt(P*P+U*U)))/2),F=Math.sqrt(T[0]*T[0]+T[1]*T[1]);if(null!=x){var H=Math.min(p,(l-F)/(j+1)),O=fo(null==S?[_,w]:[S,k],[y,M],l,H,g),Y=fo([x,b],[_,w],l,H,g);p===H?N.push("M",O[0],"A",H,",",H," 0 0,",v," ",O[1],"A",l,",",l," 0 ",1-g^so(O[1][0],O[1][1],Y[1][0],Y[1][1]),",",g," ",Y[1],"A",H,",",H," 0 0,",v," ",Y[0]):N.push("M",O[0],"A",H,",",H," 0 1,",v," ",Y[0])}else N.push("M",y,",",M);if(null!=S){var I=Math.min(p,(n-F)/(j-1)),Z=fo([y,M],[S,k],n,-I,g),V=fo([_,w],null==x?[y,M]:[x,b],n,-I,g);p===I?N.push("L",V[0],"A",I,",",I," 0 0,",v," ",V[1],"A",n,",",n," 0 ",g^so(V[1][0],V[1][1],Z[1][0],Z[1][1]),",",1-g," ",Z[1],"A",I,",",I," 0 0,",v," ",Z[0]):N.push("L",V[0],"A",I,",",I," 0 0,",v," ",Z[0])}else N.push("L",_,",",w)}else N.push("M",y,",",M),null!=x&&N.push("A",l,",",l," 0 ",C,",",g," ",x,",",b),N.push("L",_,",",w),null!=S&&N.push("A",n,",",n," 0 ",q,",",1-g," ",S,",",k);return N.push("Z"),N.join("")}function t(n,t){return"M0,"+n+"A"+n+","+n+" 0 1,"+t+" 0,"+-n+"A"+n+","+n+" 0 1,"+t+" 0,"+n}var e=io,r=oo,u=uo,i=Cl,o=ao,a=co,c=lo;return n.innerRadius=function(t){return arguments.length?(e=kt(t),n):e},n.outerRadius=function(t){return arguments.length?(r=kt(t),n):r},n.cornerRadius=function(t){return arguments.length?(u=kt(t),n):u},n.padRadius=function(t){return arguments.length?(i=t==Cl?Cl:kt(t),n):i},n.startAngle=function(t){return arguments.length?(o=kt(t),n):o},n.endAngle=function(t){return arguments.length?(a=kt(t),n):a},n.padAngle=function(t){return arguments.length?(c=kt(t),n):c},n.centroid=function(){var n=(+e.apply(this,arguments)+ +r.apply(this,arguments))/2,t=(+o.apply(this,arguments)+ +a.apply(this,arguments))/2-ja;return[Math.cos(t)*n,Math.sin(t)*n]},n};var Cl="auto";ta.svg.line=function(){return ho(Et)};var zl=ta.map({linear:go,"linear-closed":po,step:vo,"step-before":mo,"step-after":yo,basis:So,"basis-open":ko,"basis-closed":Eo,bundle:Ao,cardinal:bo,"cardinal-open":Mo,"cardinal-closed":xo,monotone:To});zl.forEach(function(n,t){t.key=n,t.closed=/-closed$/.test(n)});var ql=[0,2/3,1/3,0],Ll=[0,1/3,2/3,0],Tl=[0,1/6,2/3,1/6];ta.svg.line.radial=function(){var n=ho(Ro);return n.radius=n.x,delete n.x,n.angle=n.y,delete n.y,n},mo.reverse=yo,yo.reverse=mo,ta.svg.area=function(){return Do(Et)},ta.svg.area.radial=function(){var n=Do(Ro);return n.radius=n.x,delete n.x,n.innerRadius=n.x0,delete n.x0,n.outerRadius=n.x1,delete n.x1,n.angle=n.y,delete n.y,n.startAngle=n.y0,delete n.y0,n.endAngle=n.y1,delete n.y1,n},ta.svg.chord=function(){function n(n,a){var c=t(this,i,n,a),l=t(this,o,n,a);return"M"+c.p0+r(c.r,c.p1,c.a1-c.a0)+(e(c,l)?u(c.r,c.p1,c.r,c.p0):u(c.r,c.p1,l.r,l.p0)+r(l.r,l.p1,l.a1-l.a0)+u(l.r,l.p1,c.r,c.p0))+"Z"}function t(n,t,e,r){var u=t.call(n,e,r),i=a.call(n,u,r),o=c.call(n,u,r)-ja,s=l.call(n,u,r)-ja;return{r:i,a0:o,a1:s,p0:[i*Math.cos(o),i*Math.sin(o)],p1:[i*Math.cos(s),i*Math.sin(s)]}}function e(n,t){return n.a0==t.a0&&n.a1==t.a1}function r(n,t,e){return"A"+n+","+n+" 0 "+ +(e>Da)+",1 "+t}function u(n,t,e,r){return"Q 0,0 "+r}var i=mr,o=yr,a=Po,c=ao,l=co;return n.radius=function(t){return arguments.length?(a=kt(t),n):a},n.source=function(t){return arguments.length?(i=kt(t),n):i},n.target=function(t){return arguments.length?(o=kt(t),n):o},n.startAngle=function(t){return arguments.length?(c=kt(t),n):c},n.endAngle=function(t){return arguments.length?(l=kt(t),n):l},n},ta.svg.diagonal=function(){function n(n,u){var i=t.call(this,n,u),o=e.call(this,n,u),a=(i.y+o.y)/2,c=[i,{x:i.x,y:a},{x:o.x,y:a},o];return c=c.map(r),"M"+c[0]+"C"+c[1]+" "+c[2]+" "+c[3]}var t=mr,e=yr,r=Uo;return n.source=function(e){return arguments.length?(t=kt(e),n):t},n.target=function(t){return arguments.length?(e=kt(t),n):e},n.projection=function(t){return arguments.length?(r=t,n):r},n},ta.svg.diagonal.radial=function(){var n=ta.svg.diagonal(),t=Uo,e=n.projection;return n.projection=function(n){return arguments.length?e(jo(t=n)):t},n},ta.svg.symbol=function(){function n(n,r){return(Rl.get(t.call(this,n,r))||Oo)(e.call(this,n,r))}var t=Ho,e=Fo;return n.type=function(e){return arguments.length?(t=kt(e),n):t},n.size=function(t){return arguments.length?(e=kt(t),n):e},n};var Rl=ta.map({circle:Oo,cross:function(n){var t=Math.sqrt(n/5)/2;return"M"+-3*t+","+-t+"H"+-t+"V"+-3*t+"H"+t+"V"+-t+"H"+3*t+"V"+t+"H"+t+"V"+3*t+"H"+-t+"V"+t+"H"+-3*t+"Z"},diamond:function(n){var t=Math.sqrt(n/(2*Pl)),e=t*Pl;return"M0,"+-t+"L"+e+",0"+" 0,"+t+" "+-e+",0"+"Z"},square:function(n){var t=Math.sqrt(n)/2;return"M"+-t+","+-t+"L"+t+","+-t+" "+t+","+t+" "+-t+","+t+"Z"},"triangle-down":function(n){var t=Math.sqrt(n/Dl),e=t*Dl/2;return"M0,"+e+"L"+t+","+-e+" "+-t+","+-e+"Z"},"triangle-up":function(n){var t=Math.sqrt(n/Dl),e=t*Dl/2;return"M0,"+-e+"L"+t+","+e+" "+-t+","+e+"Z"}});ta.svg.symbolTypes=Rl.keys();var Dl=Math.sqrt(3),Pl=Math.tan(30*Fa);ka.transition=function(n){for(var t,e,r=Ul||++Ol,u=Xo(n),i=[],o=jl||{time:Date.now(),ease:Su,delay:0,duration:250},a=-1,c=this.length;++ai;i++){u.push(t=[]);for(var e=this[i],a=0,c=e.length;c>a;a++)(r=e[a])&&n.call(r,r.__data__,a,i)&&t.push(r)}return Io(u,this.namespace,this.id)},Hl.tween=function(n,t){var e=this.id,r=this.namespace;return arguments.length<2?this.node()[r][e].tween.get(n):H(this,null==t?function(t){t[r][e].tween.remove(n)}:function(u){u[r][e].tween.set(n,t)})},Hl.attr=function(n,t){function e(){this.removeAttribute(a)}function r(){this.removeAttributeNS(a.space,a.local)}function u(n){return null==n?e:(n+="",function(){var t,e=this.getAttribute(a);return e!==n&&(t=o(e,n),function(n){this.setAttribute(a,t(n))})})}function i(n){return null==n?r:(n+="",function(){var t,e=this.getAttributeNS(a.space,a.local);return e!==n&&(t=o(e,n),function(n){this.setAttributeNS(a.space,a.local,t(n))})})}if(arguments.length<2){for(t in n)this.attr(t,n[t]);return this}var o="transform"==n?Hu:mu,a=ta.ns.qualify(n);return Zo(this,"attr."+n,t,a.local?i:u)},Hl.attrTween=function(n,t){function e(n,e){var r=t.call(this,n,e,this.getAttribute(u));return r&&function(n){this.setAttribute(u,r(n))}}function r(n,e){var r=t.call(this,n,e,this.getAttributeNS(u.space,u.local));return r&&function(n){this.setAttributeNS(u.space,u.local,r(n))}}var u=ta.ns.qualify(n);return this.tween("attr."+n,u.local?r:e)},Hl.style=function(n,t,e){function r(){this.style.removeProperty(n)}function u(t){return null==t?r:(t+="",function(){var r,u=oa.getComputedStyle(this,null).getPropertyValue(n);return u!==t&&(r=mu(u,t),function(t){this.style.setProperty(n,r(t),e)})})}var i=arguments.length;if(3>i){if("string"!=typeof n){2>i&&(t="");for(e in n)this.style(e,n[e],t);return this}e=""}return Zo(this,"style."+n,t,u)},Hl.styleTween=function(n,t,e){function r(r,u){var i=t.call(this,r,u,oa.getComputedStyle(this,null).getPropertyValue(n));return i&&function(t){this.style.setProperty(n,i(t),e)}}return arguments.length<3&&(e=""),this.tween("style."+n,r)},Hl.text=function(n){return Zo(this,"text",n,Vo)},Hl.remove=function(){var n=this.namespace;return this.each("end.transition",function(){var t;this[n].count<2&&(t=this.parentNode)&&t.removeChild(this)})},Hl.ease=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].ease:("function"!=typeof n&&(n=ta.ease.apply(ta,arguments)),H(this,function(r){r[e][t].ease=n}))},Hl.delay=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].delay:H(this,"function"==typeof n?function(r,u,i){r[e][t].delay=+n.call(r,r.__data__,u,i)}:(n=+n,function(r){r[e][t].delay=n}))},Hl.duration=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].duration:H(this,"function"==typeof n?function(r,u,i){r[e][t].duration=Math.max(1,n.call(r,r.__data__,u,i))}:(n=Math.max(1,n),function(r){r[e][t].duration=n}))},Hl.each=function(n,t){var e=this.id,r=this.namespace;if(arguments.length<2){var u=jl,i=Ul;try{Ul=e,H(this,function(t,u,i){jl=t[r][e],n.call(t,t.__data__,u,i)})}finally{jl=u,Ul=i}}else H(this,function(u){var i=u[r][e];(i.event||(i.event=ta.dispatch("start","end","interrupt"))).on(n,t)});return this},Hl.transition=function(){for(var n,t,e,r,u=this.id,i=++Ol,o=this.namespace,a=[],c=0,l=this.length;l>c;c++){a.push(n=[]);for(var t=this[c],s=0,f=t.length;f>s;s++)(e=t[s])&&(r=e[o][u],$o(e,s,o,i,{time:r.time,ease:r.ease,delay:r.delay+r.duration,duration:r.duration})),n.push(e)}return Io(a,o,i)},ta.svg.axis=function(){function n(n){n.each(function(){var n,l=ta.select(this),s=this.__chart__||e,f=this.__chart__=e.copy(),h=null==c?f.ticks?f.ticks.apply(f,a):f.domain():c,g=null==t?f.tickFormat?f.tickFormat.apply(f,a):Et:t,p=l.selectAll(".tick").data(h,f),v=p.enter().insert("g",".domain").attr("class","tick").style("opacity",Ta),d=ta.transition(p.exit()).style("opacity",Ta).remove(),m=ta.transition(p.order()).style("opacity",1),y=Math.max(u,0)+o,M=Ui(f),x=l.selectAll(".domain").data([0]),b=(x.enter().append("path").attr("class","domain"),ta.transition(x));v.append("line"),v.append("text");var _,w,S,k,E=v.select("line"),A=m.select("line"),N=p.select("text").text(g),C=v.select("text"),z=m.select("text"),q="top"===r||"left"===r?-1:1;if("bottom"===r||"top"===r?(n=Bo,_="x",S="y",w="x2",k="y2",N.attr("dy",0>q?"0em":".71em").style("text-anchor","middle"),b.attr("d","M"+M[0]+","+q*i+"V0H"+M[1]+"V"+q*i)):(n=Wo,_="y",S="x",w="y2",k="x2",N.attr("dy",".32em").style("text-anchor",0>q?"end":"start"),b.attr("d","M"+q*i+","+M[0]+"H0V"+M[1]+"H"+q*i)),E.attr(k,q*u),C.attr(S,q*y),A.attr(w,0).attr(k,q*u),z.attr(_,0).attr(S,q*y),f.rangeBand){var L=f,T=L.rangeBand()/2;s=f=function(n){return L(n)+T}}else s.rangeBand?s=f:d.call(n,f,s);v.call(n,s,f),m.call(n,f,f)})}var t,e=ta.scale.linear(),r=Yl,u=6,i=6,o=3,a=[10],c=null;return n.scale=function(t){return arguments.length?(e=t,n):e},n.orient=function(t){return arguments.length?(r=t in Il?t+"":Yl,n):r},n.ticks=function(){return arguments.length?(a=arguments,n):a},n.tickValues=function(t){return arguments.length?(c=t,n):c},n.tickFormat=function(e){return arguments.length?(t=e,n):t},n.tickSize=function(t){var e=arguments.length;return e?(u=+t,i=+arguments[e-1],n):u},n.innerTickSize=function(t){return arguments.length?(u=+t,n):u},n.outerTickSize=function(t){return arguments.length?(i=+t,n):i},n.tickPadding=function(t){return arguments.length?(o=+t,n):o},n.tickSubdivide=function(){return arguments.length&&n},n};var Yl="bottom",Il={top:1,right:1,bottom:1,left:1};ta.svg.brush=function(){function n(i){i.each(function(){var i=ta.select(this).style("pointer-events","all").style("-webkit-tap-highlight-color","rgba(0,0,0,0)").on("mousedown.brush",u).on("touchstart.brush",u),o=i.selectAll(".background").data([0]);o.enter().append("rect").attr("class","background").style("visibility","hidden").style("cursor","crosshair"),i.selectAll(".extent").data([0]).enter().append("rect").attr("class","extent").style("cursor","move");var a=i.selectAll(".resize").data(p,Et);a.exit().remove(),a.enter().append("g").attr("class",function(n){return"resize "+n}).style("cursor",function(n){return Zl[n]}).append("rect").attr("x",function(n){return/[ew]$/.test(n)?-3:null}).attr("y",function(n){return/^[ns]/.test(n)?-3:null}).attr("width",6).attr("height",6).style("visibility","hidden"),a.style("display",n.empty()?"none":null);var s,f=ta.transition(i),h=ta.transition(o);c&&(s=Ui(c),h.attr("x",s[0]).attr("width",s[1]-s[0]),e(f)),l&&(s=Ui(l),h.attr("y",s[0]).attr("height",s[1]-s[0]),r(f)),t(f)})}function t(n){n.selectAll(".resize").attr("transform",function(n){return"translate("+s[+/e$/.test(n)]+","+f[+/^s/.test(n)]+")"})}function e(n){n.select(".extent").attr("x",s[0]),n.selectAll(".extent,.n>rect,.s>rect").attr("width",s[1]-s[0])}function r(n){n.select(".extent").attr("y",f[0]),n.selectAll(".extent,.e>rect,.w>rect").attr("height",f[1]-f[0])}function u(){function u(){32==ta.event.keyCode&&(N||(y=null,z[0]-=s[1],z[1]-=f[1],N=2),b())}function p(){32==ta.event.keyCode&&2==N&&(z[0]+=s[1],z[1]+=f[1],N=0,b())}function v(){var n=ta.mouse(x),u=!1;M&&(n[0]+=M[0],n[1]+=M[1]),N||(ta.event.altKey?(y||(y=[(s[0]+s[1])/2,(f[0]+f[1])/2]),z[0]=s[+(n[0]p?(u=r,r=p):u=p),v[0]!=r||v[1]!=u?(e?o=null:i=null,v[0]=r,v[1]=u,!0):void 0}function m(){v(),S.style("pointer-events","all").selectAll(".resize").style("display",n.empty()?"none":null),ta.select("body").style("cursor",null),q.on("mousemove.brush",null).on("mouseup.brush",null).on("touchmove.brush",null).on("touchend.brush",null).on("keydown.brush",null).on("keyup.brush",null),C(),w({type:"brushend"})}var y,M,x=this,_=ta.select(ta.event.target),w=a.of(x,arguments),S=ta.select(x),k=_.datum(),E=!/^(n|s)$/.test(k)&&c,A=!/^(e|w)$/.test(k)&&l,N=_.classed("extent"),C=X(),z=ta.mouse(x),q=ta.select(oa).on("keydown.brush",u).on("keyup.brush",p);if(ta.event.changedTouches?q.on("touchmove.brush",v).on("touchend.brush",m):q.on("mousemove.brush",v).on("mouseup.brush",m),S.interrupt().selectAll("*").interrupt(),N)z[0]=s[0]-z[0],z[1]=f[0]-z[1];else if(k){var L=+/w$/.test(k),T=+/^n/.test(k);M=[s[1-L]-z[0],f[1-T]-z[1]],z[0]=s[L],z[1]=f[T]}else ta.event.altKey&&(y=z.slice());S.style("pointer-events","none").selectAll(".resize").style("display",null),ta.select("body").style("cursor",_.style("cursor")),w({type:"brushstart"}),v()}var i,o,a=w(n,"brushstart","brush","brushend"),c=null,l=null,s=[0,0],f=[0,0],h=!0,g=!0,p=Vl[0];return n.event=function(n){n.each(function(){var n=a.of(this,arguments),t={x:s,y:f,i:i,j:o},e=this.__chart__||t;this.__chart__=t,Ul?ta.select(this).transition().each("start.brush",function(){i=e.i,o=e.j,s=e.x,f=e.y,n({type:"brushstart"})}).tween("brush:brush",function(){var e=yu(s,t.x),r=yu(f,t.y);return i=o=null,function(u){s=t.x=e(u),f=t.y=r(u),n({type:"brush",mode:"resize"})}}).each("end.brush",function(){i=t.i,o=t.j,n({type:"brush",mode:"resize"}),n({type:"brushend"})}):(n({type:"brushstart"}),n({type:"brush",mode:"resize"}),n({type:"brushend"}))})},n.x=function(t){return arguments.length?(c=t,p=Vl[!c<<1|!l],n):c},n.y=function(t){return arguments.length?(l=t,p=Vl[!c<<1|!l],n):l},n.clamp=function(t){return arguments.length?(c&&l?(h=!!t[0],g=!!t[1]):c?h=!!t:l&&(g=!!t),n):c&&l?[h,g]:c?h:l?g:null},n.extent=function(t){var e,r,u,a,h;return arguments.length?(c&&(e=t[0],r=t[1],l&&(e=e[0],r=r[0]),i=[e,r],c.invert&&(e=c(e),r=c(r)),e>r&&(h=e,e=r,r=h),(e!=s[0]||r!=s[1])&&(s=[e,r])),l&&(u=t[0],a=t[1],c&&(u=u[1],a=a[1]),o=[u,a],l.invert&&(u=l(u),a=l(a)),u>a&&(h=u,u=a,a=h),(u!=f[0]||a!=f[1])&&(f=[u,a])),n):(c&&(i?(e=i[0],r=i[1]):(e=s[0],r=s[1],c.invert&&(e=c.invert(e),r=c.invert(r)),e>r&&(h=e,e=r,r=h))),l&&(o?(u=o[0],a=o[1]):(u=f[0],a=f[1],l.invert&&(u=l.invert(u),a=l.invert(a)),u>a&&(h=u,u=a,a=h))),c&&l?[[e,u],[r,a]]:c?[e,r]:l&&[u,a])},n.clear=function(){return n.empty()||(s=[0,0],f=[0,0],i=o=null),n},n.empty=function(){return!!c&&s[0]==s[1]||!!l&&f[0]==f[1]},ta.rebind(n,a,"on")};var Zl={n:"ns-resize",e:"ew-resize",s:"ns-resize",w:"ew-resize",nw:"nwse-resize",ne:"nesw-resize",se:"nwse-resize",sw:"nesw-resize"},Vl=[["n","e","s","w","nw","ne","se","sw"],["e","w"],["n","s"],[]],Xl=fc.format=mc.timeFormat,$l=Xl.utc,Bl=$l("%Y-%m-%dT%H:%M:%S.%LZ");Xl.iso=Date.prototype.toISOString&&+new Date("2000-01-01T00:00:00.000Z")?Jo:Bl,Jo.parse=function(n){var t=new Date(n);return isNaN(t)?null:t},Jo.toString=Bl.toString,fc.second=Ft(function(n){return new hc(1e3*Math.floor(n/1e3))},function(n,t){n.setTime(n.getTime()+1e3*Math.floor(t))},function(n){return n.getSeconds()}),fc.seconds=fc.second.range,fc.seconds.utc=fc.second.utc.range,fc.minute=Ft(function(n){return new hc(6e4*Math.floor(n/6e4))},function(n,t){n.setTime(n.getTime()+6e4*Math.floor(t))},function(n){return n.getMinutes()}),fc.minutes=fc.minute.range,fc.minutes.utc=fc.minute.utc.range,fc.hour=Ft(function(n){var t=n.getTimezoneOffset()/60;return new hc(36e5*(Math.floor(n/36e5-t)+t))},function(n,t){n.setTime(n.getTime()+36e5*Math.floor(t))},function(n){return n.getHours()}),fc.hours=fc.hour.range,fc.hours.utc=fc.hour.utc.range,fc.month=Ft(function(n){return n=fc.day(n),n.setDate(1),n},function(n,t){n.setMonth(n.getMonth()+t)},function(n){return n.getMonth()}),fc.months=fc.month.range,fc.months.utc=fc.month.utc.range;var Wl=[1e3,5e3,15e3,3e4,6e4,3e5,9e5,18e5,36e5,108e5,216e5,432e5,864e5,1728e5,6048e5,2592e6,7776e6,31536e6],Jl=[[fc.second,1],[fc.second,5],[fc.second,15],[fc.second,30],[fc.minute,1],[fc.minute,5],[fc.minute,15],[fc.minute,30],[fc.hour,1],[fc.hour,3],[fc.hour,6],[fc.hour,12],[fc.day,1],[fc.day,2],[fc.week,1],[fc.month,1],[fc.month,3],[fc.year,1]],Gl=Xl.multi([[".%L",function(n){return n.getMilliseconds()}],[":%S",function(n){return n.getSeconds()}],["%I:%M",function(n){return n.getMinutes()}],["%I %p",function(n){return n.getHours()}],["%a %d",function(n){return n.getDay()&&1!=n.getDate()}],["%b %d",function(n){return 1!=n.getDate()}],["%B",function(n){return n.getMonth()}],["%Y",Ne]]),Kl={range:function(n,t,e){return ta.range(Math.ceil(n/e)*e,+t,e).map(Ko)},floor:Et,ceil:Et};Jl.year=fc.year,fc.scale=function(){return Go(ta.scale.linear(),Jl,Gl)};var Ql=Jl.map(function(n){return[n[0].utc,n[1]]}),ns=$l.multi([[".%L",function(n){return n.getUTCMilliseconds()}],[":%S",function(n){return n.getUTCSeconds()}],["%I:%M",function(n){return n.getUTCMinutes()}],["%I %p",function(n){return n.getUTCHours()}],["%a %d",function(n){return n.getUTCDay()&&1!=n.getUTCDate()}],["%b %d",function(n){return 1!=n.getUTCDate()}],["%B",function(n){return n.getUTCMonth()}],["%Y",Ne]]);Ql.year=fc.year.utc,fc.scale.utc=function(){return Go(ta.scale.linear(),Ql,ns)},ta.text=At(function(n){return n.responseText}),ta.json=function(n,t){return Nt(n,"application/json",Qo,t)},ta.html=function(n,t){return Nt(n,"text/html",na,t)},ta.xml=At(function(n){return n.responseXML}),"function"==typeof define&&define.amd?define(ta):"object"==typeof module&&module.exports&&(module.exports=ta),this.d3v3=ta}(); diff --git a/story/libs/d3v3-tip-0.6.6/LICENSE b/story/libs/d3v3-tip-0.6.6/LICENSE new file mode 100644 index 0000000..2b5c619 --- /dev/null +++ b/story/libs/d3v3-tip-0.6.6/LICENSE @@ -0,0 +1,8 @@ +The MIT License (MIT) +Copyright (c) 2013 Justin Palmer + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. \ No newline at end of file diff --git a/story/libs/d3v3-tip-0.6.6/README.md b/story/libs/d3v3-tip-0.6.6/README.md new file mode 100644 index 0000000..67864a1 --- /dev/null +++ b/story/libs/d3v3-tip-0.6.6/README.md @@ -0,0 +1,43 @@ +# d3.tip: Tooltips for d3.js visualizations + +[![](https://github-images.s3.amazonaws.com/skitch/Screen_Shot_2013-04-08_at_11.40.10_AM-20130408-114054.png)](http://bl.ocks.org/Caged/6476579) + +* [See a live demo](http://bl.ocks.org/Caged/6476579) +* [Example code](/examples) + +### API Docs +See the [API Documentation](docs/index.md) + +### Download Latest Version +* [Development Version](https://raw.github.com/Caged/d3-tip/master/index.js) : **6kb** / **~2kb gzipped** + +### Install with Bower +``` +bower install d3-tip +``` + +### Quick Usage +```javascript +/* Initialize tooltip */ +tip = d3.tip().attr('class', 'd3-tip').html(function(d) { return d; }); + +/* Invoke the tip in the context of your visualization */ +vis.call(tip) + +vis.selectAll('rect') + .data(data) +.enter().append('rect') + .attr('width', function() { return x.rangeBand() }) + .attr('height', function(d) { return h - y(d) }) + .attr('y', function(d) { return y(d) }) + .attr('x', function(d, i) { return x(i) }) + .on('mouseover', tip.show) + .on('mouseout', tip.hide) +``` + +If you want basic styling, you can include `example-styles.css` using a service like +rawgithub.com. + +```html + +``` diff --git a/story/libs/d3v3-tip-0.6.6/index.js b/story/libs/d3v3-tip-0.6.6/index.js new file mode 100644 index 0000000..2dc9fb9 --- /dev/null +++ b/story/libs/d3v3-tip-0.6.6/index.js @@ -0,0 +1,299 @@ +// d3.tip +// Copyright (c) 2013 Justin Palmer +// +// Tooltips for d3.js SVG visualizations + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module with d3 as a dependency. + define(['d3v3'], factory) + } else if (typeof module === 'object' && module.exports) { + // CommonJS + module.exports = function(d3v3) { + d3v3.tip = factory(d3v3) + return d3v3.tip + } + } else { + // Browser global. + root.d3v3.tip = factory(root.d3v3) + } +}(this, function (d3v3) { + + // Public - contructs a new tooltip + // + // Returns a tip + return function() { + var direction = d3v3_tip_direction, + offset = d3v3_tip_offset, + html = d3v3_tip_html, + node = initNode(), + svg = null, + point = null, + target = null + + function tip(vis) { + svg = getSVGNode(vis) + point = svg.createSVGPoint() + document.body.appendChild(node) + } + + // Public - show the tooltip on the screen + // + // Returns a tip + tip.show = function() { + var args = Array.prototype.slice.call(arguments) + if(args[args.length - 1] instanceof SVGElement) target = args.pop() + + var content = html.apply(this, args), + poffset = offset.apply(this, args), + dir = direction.apply(this, args), + nodel = d3v3.select(node), + i = directions.length, + coords, + scrollTop = document.documentElement.scrollTop || document.body.scrollTop, + scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft + + nodel.html(content) + .style({ opacity: 1, 'pointer-events': 'all' }) + + while(i--) nodel.classed(directions[i], false) + coords = direction_callbacks.get(dir).apply(this) + nodel.classed(dir, true).style({ + top: (coords.top + poffset[0]) + scrollTop + 'px', + left: (coords.left + poffset[1]) + scrollLeft + 'px' + }) + + return tip + } + + // Public - hide the tooltip + // + // Returns a tip + tip.hide = function() { + var nodel = d3v3.select(node) + nodel.style({ opacity: 0, 'pointer-events': 'none' }) + return tip + } + + // Public: Proxy attr calls to the d3 tip container. Sets or gets attribute value. + // + // n - name of the attribute + // v - value of the attribute + // + // Returns tip or attribute value + tip.attr = function(n, v) { + if (arguments.length < 2 && typeof n === 'string') { + return d3v3.select(node).attr(n) + } else { + var args = Array.prototype.slice.call(arguments) + d3v3.selection.prototype.attr.apply(d3v3.select(node), args) + } + + return tip + } + + // Public: Proxy style calls to the d3 tip container. Sets or gets a style value. + // + // n - name of the property + // v - value of the property + // + // Returns tip or style property value + tip.style = function(n, v) { + if (arguments.length < 2 && typeof n === 'string') { + return d3v3.select(node).style(n) + } else { + var args = Array.prototype.slice.call(arguments) + d3v3.selection.prototype.style.apply(d3v3.select(node), args) + } + + return tip + } + + // Public: Set or get the direction of the tooltip + // + // v - One of n(north), s(south), e(east), or w(west), nw(northwest), + // sw(southwest), ne(northeast) or se(southeast) + // + // Returns tip or direction + tip.direction = function(v) { + if (!arguments.length) return direction + direction = v == null ? v : d3v3.functor(v) + + return tip + } + + // Public: Sets or gets the offset of the tip + // + // v - Array of [x, y] offset + // + // Returns offset or + tip.offset = function(v) { + if (!arguments.length) return offset + offset = v == null ? v : d3v3.functor(v) + + return tip + } + + // Public: sets or gets the html value of the tooltip + // + // v - String value of the tip + // + // Returns html value or tip + tip.html = function(v) { + if (!arguments.length) return html + html = v == null ? v : d3v3.functor(v) + + return tip + } + + function d3v3_tip_direction() { return 'n' } + function d3v3_tip_offset() { return [0, 0] } + function d3v3_tip_html() { return ' ' } + + var direction_callbacks = d3v3.map({ + n: direction_n, + s: direction_s, + e: direction_e, + w: direction_w, + nw: direction_nw, + ne: direction_ne, + sw: direction_sw, + se: direction_se + }), + + directions = direction_callbacks.keys() + + function direction_n() { + var bbox = getScreenBBox() + return { + top: bbox.n.y - node.offsetHeight, + left: bbox.n.x - node.offsetWidth / 2 + } + } + + function direction_s() { + var bbox = getScreenBBox() + return { + top: bbox.s.y, + left: bbox.s.x - node.offsetWidth / 2 + } + } + + function direction_e() { + var bbox = getScreenBBox() + return { + top: bbox.e.y - node.offsetHeight / 2, + left: bbox.e.x + } + } + + function direction_w() { + var bbox = getScreenBBox() + return { + top: bbox.w.y - node.offsetHeight / 2, + left: bbox.w.x - node.offsetWidth + } + } + + function direction_nw() { + var bbox = getScreenBBox() + return { + top: bbox.nw.y - node.offsetHeight, + left: bbox.nw.x - node.offsetWidth + } + } + + function direction_ne() { + var bbox = getScreenBBox() + return { + top: bbox.ne.y - node.offsetHeight, + left: bbox.ne.x + } + } + + function direction_sw() { + var bbox = getScreenBBox() + return { + top: bbox.sw.y, + left: bbox.sw.x - node.offsetWidth + } + } + + function direction_se() { + var bbox = getScreenBBox() + return { + top: bbox.se.y, + left: bbox.e.x + } + } + + function initNode() { + var node = d3v3.select(document.createElement('div')) + node.style({ + position: 'absolute', + top: 0, + opacity: 0, + 'pointer-events': 'none', + 'box-sizing': 'border-box' + }) + + return node.node() + } + + function getSVGNode(el) { + el = el.node() + if(el.tagName.toLowerCase() === 'svg') + return el + + return el.ownerSVGElement + } + + // Private - gets the screen coordinates of a shape + // + // Given a shape on the screen, will return an SVGPoint for the directions + // n(north), s(south), e(east), w(west), ne(northeast), se(southeast), nw(northwest), + // sw(southwest). + // + // +-+-+ + // | | + // + + + // | | + // +-+-+ + // + // Returns an Object {n, s, e, w, nw, sw, ne, se} + function getScreenBBox() { + var targetel = target || d3v3.event.target, + bbox = {}, + matrix = targetel.getScreenCTM(), + tbbox = targetel.getBBox(), + width = tbbox.width, + height = tbbox.height, + x = tbbox.x, + y = tbbox.y + + point.x = x + point.y = y + bbox.nw = point.matrixTransform(matrix) + point.x += width + bbox.ne = point.matrixTransform(matrix) + point.y += height + bbox.se = point.matrixTransform(matrix) + point.x -= width + bbox.sw = point.matrixTransform(matrix) + point.y -= height / 2 + bbox.w = point.matrixTransform(matrix) + point.x += width + bbox.e = point.matrixTransform(matrix) + point.x -= width / 2 + point.y -= height / 2 + bbox.n = point.matrixTransform(matrix) + point.y += height + bbox.s = point.matrixTransform(matrix) + + return bbox + } + + return tip + }; + +})); diff --git a/story/libs/d3v3-tip-0.6.6/package.json b/story/libs/d3v3-tip-0.6.6/package.json new file mode 100644 index 0000000..abc2323 --- /dev/null +++ b/story/libs/d3v3-tip-0.6.6/package.json @@ -0,0 +1,28 @@ +{ + "name": "d3-tip", + "version": "0.6.6", + "description": "Tooltips for d3 svg visualizations", + "author": "Justin Palmer (http://labratrevenge.com/d3-tip)", + "main": "index.js", + "directories": { + "doc": "docs", + "example": "examples" + }, + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "https://github.com/Caged/d3-tip" + }, + "keywords": [ + "d3", + "tooltip" + ], + "author": "Justin Palmer", + "license": "MIT", + "bugs": { + "url": "https://github.com/Caged/d3-tip/issues" + }, + "homepage": "https://github.com/Caged/d3-tip" +} diff --git a/story/venn.png b/story/venn.png index 3323cd6..a998a96 100644 Binary files a/story/venn.png and b/story/venn.png differ diff --git a/story/venn.png.2024-06-14_11-16-55.678212.log b/story/venn.png.2024-06-14_11-16-55.678212.log new file mode 100644 index 0000000..a28fbca --- /dev/null +++ b/story/venn.png.2024-06-14_11-16-55.678212.log @@ -0,0 +1,67 @@ +INFO [2024-06-14 11:16:55] $x +INFO [2024-06-14 11:16:55] list(data %>% filter(artist == "booba") %>% select(word) %>% +INFO [2024-06-14 11:16:55] unlist(), data %>% filter(artist == "nekfeu") %>% select(word) %>% +INFO [2024-06-14 11:16:55] unlist(), data %>% filter(artist == "georges-brassens") %>% +INFO [2024-06-14 11:16:55] select(word) %>% unlist()) +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $category.names +INFO [2024-06-14 11:16:55] c("Booba", "Nekfeu", "Brassens") +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $filename +INFO [2024-06-14 11:16:55] [1] "venn.png" +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $output +INFO [2024-06-14 11:16:55] [1] TRUE +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $imagetype +INFO [2024-06-14 11:16:55] [1] "png" +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $height +INFO [2024-06-14 11:16:55] [1] 480 +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $width +INFO [2024-06-14 11:16:55] [1] 480 +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $resolution +INFO [2024-06-14 11:16:55] [1] 300 +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $compression +INFO [2024-06-14 11:16:55] [1] "lzw" +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $lwd +INFO [2024-06-14 11:16:55] [1] 1 +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $col +INFO [2024-06-14 11:16:55] c("#440154ff", "#21908dff", "#fde725ff") +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $fill +INFO [2024-06-14 11:16:55] c(alpha("#440154ff", 0.3), alpha("#21908dff", 0.3), alpha("#fde725ff", +INFO [2024-06-14 11:16:55] 0.3)) +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $cex +INFO [2024-06-14 11:16:55] [1] 0.5 +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $fontfamily +INFO [2024-06-14 11:16:55] [1] "sans" +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $cat.cex +INFO [2024-06-14 11:16:55] [1] 0.6 +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $cat.default.pos +INFO [2024-06-14 11:16:55] [1] "outer" +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $cat.pos +INFO [2024-06-14 11:16:55] c(-27, 27, 135) +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $cat.dist +INFO [2024-06-14 11:16:55] c(0.055, 0.055, 0.085) +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $cat.fontfamily +INFO [2024-06-14 11:16:55] [1] "sans" +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $cat.col +INFO [2024-06-14 11:16:55] c("#440154ff", "#21908dff", "#fde725ff") +INFO [2024-06-14 11:16:55] +INFO [2024-06-14 11:16:55] $rotation +INFO [2024-06-14 11:16:55] [1] 1 +INFO [2024-06-14 11:16:55] diff --git a/story/venn.png.2024-06-14_11-17-27.583177.log b/story/venn.png.2024-06-14_11-17-27.583177.log new file mode 100644 index 0000000..e0b96c0 --- /dev/null +++ b/story/venn.png.2024-06-14_11-17-27.583177.log @@ -0,0 +1,67 @@ +INFO [2024-06-14 11:17:27] $x +INFO [2024-06-14 11:17:27] list(data %>% filter(artist == "booba") %>% select(word) %>% +INFO [2024-06-14 11:17:27] unlist(), data %>% filter(artist == "nekfeu") %>% select(word) %>% +INFO [2024-06-14 11:17:27] unlist(), data %>% filter(artist == "georges-brassens") %>% +INFO [2024-06-14 11:17:27] select(word) %>% unlist()) +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $category.names +INFO [2024-06-14 11:17:27] c("Booba", "Nekfeu", "Brassens") +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $filename +INFO [2024-06-14 11:17:27] [1] "venn.png" +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $output +INFO [2024-06-14 11:17:27] [1] TRUE +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $imagetype +INFO [2024-06-14 11:17:27] [1] "png" +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $height +INFO [2024-06-14 11:17:27] [1] 480 +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $width +INFO [2024-06-14 11:17:27] [1] 480 +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $resolution +INFO [2024-06-14 11:17:27] [1] 300 +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $compression +INFO [2024-06-14 11:17:27] [1] "lzw" +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $lwd +INFO [2024-06-14 11:17:27] [1] 1 +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $col +INFO [2024-06-14 11:17:27] c("#440154ff", "#21908dff", "#fde725ff") +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $fill +INFO [2024-06-14 11:17:27] c(alpha("#440154ff", 0.3), alpha("#21908dff", 0.3), alpha("#fde725ff", +INFO [2024-06-14 11:17:27] 0.3)) +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $cex +INFO [2024-06-14 11:17:27] [1] 0.5 +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $fontfamily +INFO [2024-06-14 11:17:27] [1] "sans" +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $cat.cex +INFO [2024-06-14 11:17:27] [1] 0.6 +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $cat.default.pos +INFO [2024-06-14 11:17:27] [1] "outer" +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $cat.pos +INFO [2024-06-14 11:17:27] c(-27, 27, 135) +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $cat.dist +INFO [2024-06-14 11:17:27] c(0.055, 0.055, 0.085) +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $cat.fontfamily +INFO [2024-06-14 11:17:27] [1] "sans" +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $cat.col +INFO [2024-06-14 11:17:27] c("#440154ff", "#21908dff", "#fde725ff") +INFO [2024-06-14 11:17:27] +INFO [2024-06-14 11:17:27] $rotation +INFO [2024-06-14 11:17:27] [1] 1 +INFO [2024-06-14 11:17:27]