diff --git a/ui/src/main/java/org/artificer/ui/client/local/messages.json b/ui/src/main/java/org/artificer/ui/client/local/messages.json index a944cc985..4e191fe90 100644 --- a/ui/src/main/java/org/artificer/ui/client/local/messages.json +++ b/ui/src/main/java/org/artificer/ui/client/local/messages.json @@ -93,6 +93,8 @@ "artifact-details.tab.overview" : "Overview", "artifact-details.tab.relationships" : "Relationships", "artifact-details.tab.comments" : "Comments", + "artifact-details.tab.relationships-graph" : "Relationships Graph", + "artifact-details.tab.relationships-tree" : "Relationships Tree", "artifact-details.tab.source" : "Source", "artifact-details.type" : "Type:", "artifact-details.uuid" : "UUID:", diff --git a/ui/src/main/java/org/artificer/ui/client/local/pages/ArtifactDetailsPage.java b/ui/src/main/java/org/artificer/ui/client/local/pages/ArtifactDetailsPage.java index 107a881ed..64242cdb0 100644 --- a/ui/src/main/java/org/artificer/ui/client/local/pages/ArtifactDetailsPage.java +++ b/ui/src/main/java/org/artificer/ui/client/local/pages/ArtifactDetailsPage.java @@ -15,6 +15,7 @@ */ package org.artificer.ui.client.local.pages; +import com.google.gwt.core.client.JavaScriptObject; import com.google.gwt.dom.client.Element; import com.google.gwt.event.dom.client.ClickEvent; import com.google.gwt.event.dom.client.ClickHandler; @@ -47,8 +48,13 @@ import org.artificer.ui.client.local.widgets.common.EditableInlineLabel; import org.artificer.ui.client.shared.beans.ArtifactBean; import org.artificer.ui.client.shared.beans.ArtifactCommentBean; +import org.artificer.ui.client.shared.beans.ArtifactRelationshipBean; import org.artificer.ui.client.shared.beans.ArtifactRelationshipsIndexBean; +import org.artificer.ui.client.shared.beans.ArtifactSummaryBean; import org.artificer.ui.client.shared.beans.NotificationBean; +import org.artificer.ui.client.shared.beans.RelationshipGraphBean; +import org.artificer.ui.client.shared.beans.RelationshipGraphNodeBean; +import org.artificer.ui.client.shared.beans.RelationshipTreeBean; import org.jboss.errai.databinding.client.api.DataBinder; import org.jboss.errai.databinding.client.api.InitialState; import org.jboss.errai.databinding.client.api.PropertyChangeEvent; @@ -190,6 +196,20 @@ public class ArtifactDetailsPage extends AbstractPage { CommentsPanel comments; protected boolean commentsLoaded; + // Relationships Graph tab + @Inject @DataField("sramp-artifact-tabs-relationships-graph") + Anchor relationshipsGraphTabAnchor; + @Inject @DataField("relationships-graph-tab-progress") + HtmlSnippet relationshipsGraphTabProgress; + protected boolean relationshipsGraphLoaded; + + // Relationships Graph tab + @Inject @DataField("sramp-artifact-tabs-relationships-tree") + Anchor relationshipsTreeTabAnchor; + @Inject @DataField("relationships-tree-tab-progress") + HtmlSnippet relationshipsTreeTabProgress; + protected boolean relationshipsTreeLoaded; + // Source tab @Inject @DataField("sramp-artifact-tabs-source") Anchor sourceTabAnchor; @@ -260,6 +280,25 @@ public void onClick(ClickEvent event) { } }); + relationshipsGraphTabAnchor.addClickHandler(new ClickHandler() { + @Override + public void onClick(ClickEvent event) { + if (!relationshipsGraphLoaded) { + loadRelationshipsGraph(currentArtifact); + } + relationshipsGraphTabAnchor.setFocus(false); + } + }); + relationshipsTreeTabAnchor.addClickHandler(new ClickHandler() { + @Override + public void onClick(ClickEvent event) { + if (!relationshipsTreeLoaded) { + loadRelationshipsTree(currentArtifact); + } + relationshipsTreeTabAnchor.setFocus(false); + } + }); + sourceTabAnchor.addClickHandler(new ClickHandler() { @Override public void onClick(ClickEvent event) { @@ -304,14 +343,14 @@ public void onError(Throwable error) { @EventHandler("add-property-button") protected void onAddProperty(ClickEvent event) { AddCustomPropertyDialog dialog = addPropertyDialogFactory.get(); - dialog.addValueChangeHandler(new ValueChangeHandler>() { + dialog.addValueChangeHandler(new ValueChangeHandler>() { @Override public void onValueChange(ValueChangeEvent> event) { Entry value = event.getValue(); if (value != null) { String propName = value.getKey(); String propValue = value.getValue(); - Map newProps = new HashMap(artifact.getModel().getProperties()); + Map newProps = new HashMap(artifact.getModel().getProperties()); newProps.put(propName, propValue); customProperties.setValue(newProps, true); } @@ -345,6 +384,7 @@ public void onReturn(Void data) { i18n.format("artifact-details.delete-success-msg", artifact.getModel().getName())); backToArtifacts.click(); } + @Override public void onError(Throwable error) { notificationService.completeProgressNotification(notificationBean.getUuid(), @@ -443,12 +483,13 @@ public void reload() { } private void doLoadRelationships(final ArtifactBean artifact) { - artifactService.getRelationships(artifact.getUuid(), artifact.getType(), new IServiceInvocationHandler() { + artifactService.getRelationships(artifact.getUuid(), new IServiceInvocationHandler() { @Override public void onReturn(ArtifactRelationshipsIndexBean data) { relationships.setValue(data.getRelationships()); reverseRelationships.setValue(data.getReverseRelationships()); } + @Override public void onError(Throwable error) { notificationService.sendErrorNotification(i18n.format("artifact-details.error-getting-relationships"), error); @@ -456,6 +497,157 @@ public void onError(Throwable error) { }); } + protected void loadRelationshipsGraph(final ArtifactBean artifact) { + relationshipsGraphTabProgress.setVisible(true); + artifactService.getRelationshipsGraph(artifact.getUuid(), + new IServiceInvocationHandler() { + @Override + public void onReturn(RelationshipGraphBean data) { + relationshipsGraphTabProgress.setVisible(false); + relationshipsGraphLoaded = true; + + // The following seems a little ridiculous, but we need to separate the processing into + // multiple passes. It seems like the visualization JS package has issues if the nodes are not + // given in parent-first, children-second order. Further, we want to favor source->target + // relationships first, then fill in with reverse relationships only when they don't duplicate + // the former. + + // 1.) Generate the primary artifact nodes. + for (RelationshipGraphNodeBean node : data.getGraph()) { + if (!node.getArtifact().isDerived()) { + // primary artifacts are the root nodes + addRelationshipsGraphNode(node.getArtifact(), null); + } + } + + // 2.) Generate the derived artifact nodes. + for (RelationshipGraphNodeBean node : data.getGraph()) { + ArtifactRelationshipsIndexBean relIndex = node.getRelationships(); + if (node.getArtifact().isDerived()) { + // derived artifacts have a parent -- find it using the 'relatedDocument' relationship + for (String relType : relIndex.getRelationships().keySet()) { + if (relType.equalsIgnoreCase("relatedDocument")) { + // should only be one... + String parent = relIndex.getRelationships().get(relType).getRelationships() + .get(0).getTargetUuid(); + addRelationshipsGraphNode(node.getArtifact(), parent); + } + } + } + } + + // 3.) Generate source->target relationships. + List processedRels = new ArrayList<>(); + for (RelationshipGraphNodeBean node : data.getGraph()) { + ArtifactRelationshipsIndexBean relIndex = node.getRelationships(); + for (String relType : relIndex.getRelationships().keySet()) { + if (!relType.equalsIgnoreCase("relatedDocument")) { + for (ArtifactRelationshipBean rel : relIndex.getRelationships().get(relType).getRelationships()) { + String processedKey = node.getArtifact().getUuid() + ":" + rel.getTargetUuid(); + if (!processedRels.contains(processedKey)) { + addRelationshipsGraphLink(node.getArtifact().getUuid(), rel.getTargetUuid(), relType); + processedRels.add(processedKey); + } + } + } + } + } + + // 4.) Generate target->source reverse relationships. + for (RelationshipGraphNodeBean node : data.getGraph()) { + ArtifactRelationshipsIndexBean relIndex = node.getRelationships(); + for (String relType : relIndex.getReverseRelationships().keySet()) { + if (!relType.equalsIgnoreCase("relatedDocument")) { + for (ArtifactRelationshipBean rel : relIndex.getReverseRelationships().get(relType).getRelationships()) { + // Note that this is *backwards* here -- we're primarily concerned with + // duplicating a relationship we've already created above, but here they're + // reversed. + String processedKey = rel.getTargetUuid() + ":" + node.getArtifact().getUuid(); + if (!processedRels.contains(processedKey)) { + addRelationshipsGraphLink(node.getArtifact().getUuid(), rel.getTargetUuid(), relType); + processedRels.add(processedKey); + } + } + } + } + } + + buildRelationshipsGraph(); + } + + @Override + public void onError(Throwable error) { + notificationService.sendErrorNotification(i18n.format("artifact-details.error-getting-relationships"), error); //$NON-NLS-1$ + } + }); + } + + private void addRelationshipsGraphNode(ArtifactSummaryBean artifact, String parent) { + addRelationshipsGraphNode(artifact.getType(), artifact.getUuid(), parent, + artifact.getName() + " (" + artifact.getType() + ")"); + } + + private native void addRelationshipsGraphNode(String type, String id, String parent, String name) /*-{ + $wnd.addRelationshipsGraphNode(type, id, parent, name); + }-*/; + + private native void addRelationshipsGraphLink(String source, String target, String relType) /*-{ + $wnd.addRelationshipsGraphLink(source, target, 1, relType); + }-*/; + + private native void buildRelationshipsGraph() /*-{ + $wnd.buildRelationshipsGraph(); + }-*/; + + protected void loadRelationshipsTree(final ArtifactBean artifact) { + relationshipsTreeTabProgress.setVisible(true); + artifactService.getRelationshipsTree(artifact.getUuid(), + new IServiceInvocationHandler() { + @Override + public void onReturn(RelationshipTreeBean data) { + relationshipsTreeTabProgress.setVisible(false); + relationshipsTreeLoaded = true; + + JavaScriptObject relationshipsTree = buildRelationshipsTreeNode(data); + buildRelationshipsTree(relationshipsTree); + } + + @Override + public void onError(Throwable error) { + notificationService.sendErrorNotification(i18n.format("artifact-details.error-getting-relationships"), error); //$NON-NLS-1$ + } + }); + } + + protected JavaScriptObject buildRelationshipsTreeNode(RelationshipTreeBean treeNode) { + // TODO: Use description for relationship info? + JavaScriptObject jsNode = buildRelationshipsTreeNode(treeNode.getArtifact().getName(), ""); + if (treeNode.getChildren().size() > 0) { + initRelationshipsTreeNodeChildren(jsNode); + for (RelationshipTreeBean childNode : treeNode.getChildren()) { + JavaScriptObject jsChildNode = buildRelationshipsTreeNode(childNode); + addRelationshipsTreeNodeChild(jsNode, jsChildNode); + } + } + return jsNode; + } + + private native JavaScriptObject buildRelationshipsTreeNode(String name, String description) /*-{ + return {name:name, description:description}; + }-*/; + + private native void initRelationshipsTreeNodeChildren(JavaScriptObject jsNode) /*-{ + jsNode.children = []; + }-*/; + + private native void addRelationshipsTreeNodeChild(JavaScriptObject jsNode, JavaScriptObject jsChildNode) /*-{ + jsNode.children.push(jsChildNode); + }-*/; + + private native void buildRelationshipsTree(JavaScriptObject relationshipsTree) /*-{ + $wnd.buildRelationshipsTree(relationshipsTree); + }-*/; + /** * Called when the user clicks the Add Relationship button. * @param event @@ -496,6 +688,7 @@ public void onReturn(String data) { editorWrapper.removeAttribute("style"); sourceLoaded = true; } + @Override public void onError(Throwable error) { notificationService.sendErrorNotification(i18n.format("Error getting artifact content."), error); diff --git a/ui/src/main/java/org/artificer/ui/client/local/services/ArtifactServiceCaller.java b/ui/src/main/java/org/artificer/ui/client/local/services/ArtifactServiceCaller.java index 709200af8..507d28db6 100644 --- a/ui/src/main/java/org/artificer/ui/client/local/services/ArtifactServiceCaller.java +++ b/ui/src/main/java/org/artificer/ui/client/local/services/ArtifactServiceCaller.java @@ -22,6 +22,8 @@ import org.artificer.ui.client.shared.beans.ArtifactCommentBean; import org.artificer.ui.client.shared.beans.ArtifactRelationshipsBean; import org.artificer.ui.client.shared.beans.ArtifactRelationshipsIndexBean; +import org.artificer.ui.client.shared.beans.RelationshipGraphBean; +import org.artificer.ui.client.shared.beans.RelationshipTreeBean; import org.artificer.ui.client.shared.exceptions.ArtificerUiException; import org.artificer.ui.client.shared.services.IArtifactService; import org.jboss.errai.common.client.api.Caller; @@ -75,15 +77,33 @@ public void getDocumentContent(String uuid, String artifactType, } } - /** - * @see org.artificer.ui.client.shared.services.IArtifactService#getRelationships(String, String) - */ - public void getRelationships(String uuid, String artifactType, - IServiceInvocationHandler handler) { - RemoteCallback successCallback = new DelegatingRemoteCallback(handler); + public void getRelationships(String uuid, IServiceInvocationHandler handler) { + RemoteCallback successCallback = new DelegatingRemoteCallback<>(handler); + ErrorCallback errorCallback = new DelegatingErrorCallback(handler); + try { + remoteArtifactService.call(successCallback, errorCallback).getRelationships(uuid); + } catch (ArtificerUiException e) { + errorCallback.error(null, e); + } + } + + public void getRelationshipsGraph(String startUuid, + IServiceInvocationHandler handler) { + RemoteCallback successCallback = new DelegatingRemoteCallback<>(handler); + ErrorCallback errorCallback = new DelegatingErrorCallback(handler); + try { + remoteArtifactService.call(successCallback, errorCallback).getRelationshipGraph(startUuid); + } catch (ArtificerUiException e) { + errorCallback.error(null, e); + } + } + + public void getRelationshipsTree(String startUuid, + IServiceInvocationHandler handler) { + RemoteCallback successCallback = new DelegatingRemoteCallback<>(handler); ErrorCallback errorCallback = new DelegatingErrorCallback(handler); try { - remoteArtifactService.call(successCallback, errorCallback).getRelationships(uuid, artifactType); + remoteArtifactService.call(successCallback, errorCallback).getRelationshipTree(startUuid); } catch (ArtificerUiException e) { errorCallback.error(null, e); } diff --git a/ui/src/main/java/org/artificer/ui/client/local/site/artifact-details.html b/ui/src/main/java/org/artificer/ui/client/local/site/artifact-details.html index 9e0be9e18..59cf2becf 100644 --- a/ui/src/main/java/org/artificer/ui/client/local/site/artifact-details.html +++ b/ui/src/main/java/org/artificer/ui/client/local/site/artifact-details.html @@ -10,6 +10,8 @@ + + @@ -212,6 +216,7 @@ +
@@ -309,10 +314,39 @@
+ +
+
+
+

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

+
+ + + + +
+
+
+ +
-
diff --git a/ui/src/main/java/org/artificer/ui/client/shared/beans/RelationshipGraphBean.java b/ui/src/main/java/org/artificer/ui/client/shared/beans/RelationshipGraphBean.java new file mode 100644 index 000000000..b02a1dd26 --- /dev/null +++ b/ui/src/main/java/org/artificer/ui/client/shared/beans/RelationshipGraphBean.java @@ -0,0 +1,50 @@ +/* + * Copyright 2013 JBoss Inc + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.artificer.ui.client.shared.beans; + +import org.jboss.errai.common.client.api.annotations.Portable; + +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; + +/** + * + * @author Brett Meyer + */ +@Portable +public class RelationshipGraphBean implements Serializable { + + private static final long serialVersionUID = RelationshipGraphBean.class.hashCode(); + + private List graph = new ArrayList<>(); + + public List getGraph() { + return graph; + } + + public void setGraph(List graph) { + this.graph = graph; + } + + public void add(ArtifactSummaryBean artifact, ArtifactRelationshipsIndexBean relationships) { + RelationshipGraphNodeBean graphNode = new RelationshipGraphNodeBean(); + graphNode.setArtifact(artifact); + graphNode.setRelationships(relationships); + graph.add(graphNode); + } + +} diff --git a/ui/src/main/java/org/artificer/ui/client/shared/beans/RelationshipGraphNodeBean.java b/ui/src/main/java/org/artificer/ui/client/shared/beans/RelationshipGraphNodeBean.java new file mode 100644 index 000000000..d278fc00e --- /dev/null +++ b/ui/src/main/java/org/artificer/ui/client/shared/beans/RelationshipGraphNodeBean.java @@ -0,0 +1,51 @@ +/* + * Copyright 2013 JBoss Inc + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.artificer.ui.client.shared.beans; + +import org.jboss.errai.common.client.api.annotations.Portable; + +import java.io.Serializable; + +/** + * + * @author Brett Meyer + */ +@Portable +public class RelationshipGraphNodeBean implements Serializable { + + private static final long serialVersionUID = RelationshipGraphNodeBean.class.hashCode(); + + private ArtifactSummaryBean artifact; + + private ArtifactRelationshipsIndexBean relationships; + + public ArtifactSummaryBean getArtifact() { + return artifact; + } + + public void setArtifact(ArtifactSummaryBean artifact) { + this.artifact = artifact; + } + + public ArtifactRelationshipsIndexBean getRelationships() { + return relationships; + } + + public void setRelationships(ArtifactRelationshipsIndexBean relationships) { + this.relationships = relationships; + } + +} diff --git a/ui/src/main/java/org/artificer/ui/client/shared/beans/RelationshipTreeBean.java b/ui/src/main/java/org/artificer/ui/client/shared/beans/RelationshipTreeBean.java new file mode 100644 index 000000000..03c3cac97 --- /dev/null +++ b/ui/src/main/java/org/artificer/ui/client/shared/beans/RelationshipTreeBean.java @@ -0,0 +1,71 @@ +/* + * Copyright 2014 JBoss Inc + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.artificer.ui.client.shared.beans; + +import org.jboss.errai.common.client.api.annotations.Portable; + +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; + +/** + * @author Brett Meyer. + */ +@Portable +public class RelationshipTreeBean implements Serializable { + + private static final long serialVersionUID = RelationshipTreeBean.class.hashCode(); + + private ArtifactSummaryBean artifact; + + private List children = new ArrayList<>(); + + private String relationshipType; + + private boolean isRelationshipReverse; + + public ArtifactSummaryBean getArtifact() { + return artifact; + } + + public void setArtifact(ArtifactSummaryBean artifact) { + this.artifact = artifact; + } + + public String getRelationshipType() { + return relationshipType; + } + + public void setRelationshipType(String relationshipType) { + this.relationshipType = relationshipType; + } + + public boolean isRelationshipReverse() { + return isRelationshipReverse; + } + + public void setRelationshipReverse(boolean isRelationshipReverse) { + this.isRelationshipReverse = isRelationshipReverse; + } + + public List getChildren() { + return children; + } + + public void setChildren(List children) { + this.children = children; + } +} diff --git a/ui/src/main/java/org/artificer/ui/client/shared/services/IArtifactService.java b/ui/src/main/java/org/artificer/ui/client/shared/services/IArtifactService.java index b6da49357..2bc27cbb2 100644 --- a/ui/src/main/java/org/artificer/ui/client/shared/services/IArtifactService.java +++ b/ui/src/main/java/org/artificer/ui/client/shared/services/IArtifactService.java @@ -19,6 +19,8 @@ import org.artificer.ui.client.shared.beans.ArtifactCommentBean; import org.artificer.ui.client.shared.beans.ArtifactRelationshipsBean; import org.artificer.ui.client.shared.beans.ArtifactRelationshipsIndexBean; +import org.artificer.ui.client.shared.beans.RelationshipGraphBean; +import org.artificer.ui.client.shared.beans.RelationshipTreeBean; import org.artificer.ui.client.shared.exceptions.ArtificerUiException; import javax.ws.rs.Consumes; @@ -64,14 +66,36 @@ public String getDocumentContent(@PathParam("uuid") String uuid, @PathParam("art /** * Gets all of the relationships (resolved) for an artifact. * @param uuid - * @param artifactType * @throws org.artificer.ui.client.shared.exceptions.ArtificerUiException */ @GET @Produces(MediaType.APPLICATION_JSON) - @Path("relationships/{uuid}/{artifactType}") - public ArtifactRelationshipsIndexBean getRelationships(@PathParam("uuid") String uuid, - @PathParam("artifactType") String artifactType) throws ArtificerUiException; + @Path("relationships/{uuid}") + public ArtifactRelationshipsIndexBean getRelationships(@PathParam("uuid") String uuid) throws ArtificerUiException; + + /** + * Builds a "relationship graph", starting from the given artifact UUID. Simply returns a Collection of + * ArtifactRelationshipsIndexBeans, assuming that the UI will be responsible for building the graph (using the + * beans' forward and reverse relationships). Will not include duplicate beans. + * @param startUuid + * @throws org.artificer.ui.client.shared.exceptions.ArtificerUiException + */ + @GET + @Produces(MediaType.APPLICATION_JSON) + @Path("relationshipGraph/{uuid}") + public RelationshipGraphBean getRelationshipGraph(@PathParam("uuid") String startUuid) + throws ArtificerUiException; + + /** + * Builds a "relationship tree", starting from the given artifact UUID. + * @param startUuid + * @throws org.artificer.ui.client.shared.exceptions.ArtificerUiException + */ + @GET + @Produces(MediaType.APPLICATION_JSON) + @Path("relationshipTree/{uuid}") + public RelationshipTreeBean getRelationshipTree(@PathParam("uuid") String startUuid) + throws ArtificerUiException; /** * Called to update the given artifact bean. diff --git a/ui/src/main/java/org/artificer/ui/server/services/ArtifactService.java b/ui/src/main/java/org/artificer/ui/server/services/ArtifactService.java index ba9153506..33b430cde 100644 --- a/ui/src/main/java/org/artificer/ui/server/services/ArtifactService.java +++ b/ui/src/main/java/org/artificer/ui/server/services/ArtifactService.java @@ -25,6 +25,9 @@ import org.artificer.ui.client.shared.beans.ArtifactRelationshipBean; import org.artificer.ui.client.shared.beans.ArtifactRelationshipsBean; import org.artificer.ui.client.shared.beans.ArtifactRelationshipsIndexBean; +import org.artificer.ui.client.shared.beans.ArtifactSummaryBean; +import org.artificer.ui.client.shared.beans.RelationshipGraphBean; +import org.artificer.ui.client.shared.beans.RelationshipTreeBean; import org.artificer.ui.client.shared.exceptions.ArtificerUiException; import org.artificer.ui.client.shared.services.IArtifactService; import org.artificer.ui.server.api.ArtificerApiClientAccessor; @@ -40,8 +43,11 @@ import javax.enterprise.context.ApplicationScoped; import java.io.ByteArrayOutputStream; import java.io.InputStream; +import java.util.ArrayList; +import java.util.HashMap; import java.util.Iterator; import java.util.List; +import java.util.Map; /** * Concrete implementation of the artifact service. @@ -68,7 +74,7 @@ public ArtifactBean get(String uuid) throws ArtificerUiException { try { BaseArtifactType artifact = ArtificerApiClientAccessor.getClient().getArtifactMetaData(uuid); ArtifactType artifactType = ArtifactType.valueOf(artifact); - + ArtifactBean bean = new ArtifactBean(); bean.setModel(artifactType.getArtifactType().getModel()); bean.setType(artifactType.getType()); @@ -153,16 +159,12 @@ public String getDocumentContent(String uuid, String artifactType) throws Artifi } } - /** - * @see org.artificer.ui.client.shared.services.IArtifactService#getRelationships(java.lang.String, java.lang.String) - */ @Override - public ArtifactRelationshipsIndexBean getRelationships(String uuid, String artifactType) + public ArtifactRelationshipsIndexBean getRelationships(String uuid) throws ArtificerUiException { ArtifactRelationshipsIndexBean rval = new ArtifactRelationshipsIndexBean(); try { - ArtifactType at = ArtifactType.valueOf(artifactType); - BaseArtifactType artifact = ArtificerApiClientAccessor.getClient().getArtifactMetaData(at, uuid); + BaseArtifactType artifact = ArtificerApiClientAccessor.getClient().getArtifactMetaData(uuid); RelationshipResolver relResolver = new RelationshipResolver(ArtificerApiClientAccessor.getClient(), rval); relResolver.resolveAll(artifact); } catch (ArtificerClientException e) { @@ -174,6 +176,165 @@ public ArtifactRelationshipsIndexBean getRelationships(String uuid, String artif return rval; } + @Override + public RelationshipGraphBean getRelationshipGraph(String startUuid) throws ArtificerUiException { + RelationshipGraphBean rval = new RelationshipGraphBean(); + // To easily prevent duplicates, keep a second collection with processed UUIDs. + List processedUuids = new ArrayList<>(); + buildRelationshipGraph(startUuid, rval, processedUuids, true); + return rval; + } + + private RelationshipGraphBean buildRelationshipGraph(String uuid, RelationshipGraphBean rval, + List processedUuids, boolean isOriginal) throws ArtificerUiException { + try { + if (!processedUuids.contains(uuid)) { + // We need to be smart (hard to believe, I know...) about what needs to be included in the graph and + // what needs to be filtered out. In general, allowing all depths of relationships causes chaos in the + // graph. To see what we actually need, take an XSD and WSDL example. The WSDL imports the XSD and + // its elements use the XSD type declarations. If we view the graph for one of the type declarations, + // we're only interested in seeing how the relationships flow through the WSDL elements that actually + // use it, *not* every single derived artifact in the WSDL. So, rules: + // + // 1.) Start with the artifact in question. + // 2.) If #1 is primary, add its children using the *reverse* 'relatedDocument' relationships. + // 3.) Based on the #1 starting point, build the rest of the graph, following *all* relationships + // through all levels. + // 4.) If a relationship results in another *derived* node on the graph, also add its parent (using the + // 'relatedDocument' relationship). + // 5.) #2 and #4 should be the only cases when 'relatedDocument' is processed. For all others, skip it. + // Note about #4-#5: The main point is that if we arrive at a derived artifact, generally it's useful to + // see its parent and how that parent fits in. However, the reverse is *not* true. If a + // relationship points at a primary (ie, WSDL<-XSD), we only want to see the WSDL's derived + // artifacts if they somehow lead back to the XSD. Otherwise, it just crowds the graph. + + processedUuids.add(uuid); + + // Generate the node + BaseArtifactType artifact = ArtificerApiClientAccessor.getClient().getArtifactMetaData(uuid); + ArtifactType artifactType = ArtifactType.valueOf(artifact); + ArtifactSummaryBean bean = new ArtifactSummaryBean(); + bean.setModel(artifactType.getArtifactType().getModel()); + bean.setType(artifactType.getType()); + bean.setRawType(artifactType.getArtifactType().getType()); + bean.setUuid(artifact.getUuid()); + bean.setName(artifact.getName()); + bean.setDerived(artifactType.isDerived()); + + // Resolve all of its relationships, both forward and reverse + ArtifactRelationshipsIndexBean relIndex = new ArtifactRelationshipsIndexBean(); + RelationshipResolver relResolver = new RelationshipResolver(ArtificerApiClientAccessor.getClient(), relIndex); + relResolver.resolveAll(artifact); + + for (ArtifactRelationshipsBean rels : relIndex.getRelationships().values()) { + for (ArtifactRelationshipBean rel : rels.getRelationships()) { + // Simply allow everything since, at this point, a 'relatedDocument' as a forward relationship + // implies this is derived. + buildRelationshipGraph(rel.getTargetUuid(), rval, processedUuids, false); + } + } + Iterator> reverseRelIt + = relIndex.getReverseRelationships().entrySet().iterator(); + while (reverseRelIt.hasNext()) { + Map.Entry reverseRel = reverseRelIt.next(); + if (!isOriginal && reverseRel.getKey().equalsIgnoreCase("relatedDocument")) { + // Skip processing and remove it from the index. + reverseRelIt.remove(); + } else { + // Either this is the original artifact or the rel isn't 'relatedDocument'. Process it... + for (ArtifactRelationshipBean rel : reverseRel.getValue().getRelationships()) { + buildRelationshipGraph(rel.getTargetUuid(), rval, processedUuids, false); + } + } + } + + // add it to the map + rval.add(bean, relIndex); + } + return rval; + } catch (ArtificerClientException e) { + throw new ArtificerUiException(e.getMessage()); + } catch (ArtificerServerException e) { + throw new ArtificerUiException(e.getMessage()); + } + } + + @Override + public RelationshipTreeBean getRelationshipTree(String startUuid) throws ArtificerUiException { + Map artifactCache = new HashMap<>(); + Map relCache = new HashMap<>(); + return buildRelationshipTree(startUuid, null, false, "", artifactCache, relCache, true); + } + + private RelationshipTreeBean buildRelationshipTree(String uuid, String relationshipType, + boolean relationshipReverse, String path, Map artifactCache, + Map relCache, boolean isOriginal) + throws ArtificerUiException { + + try { + // Generate the node and relationships + ArtifactSummaryBean artifactBean; + ArtifactRelationshipsIndexBean relIndex; + if (artifactCache.containsKey(uuid)) { + artifactBean = artifactCache.get(uuid); + relIndex = relCache.get(uuid); + } else { + BaseArtifactType artifact = ArtificerApiClientAccessor.getClient().getArtifactMetaData(uuid); + ArtifactType artifactType = ArtifactType.valueOf(artifact); + artifactBean = new ArtifactSummaryBean(); + artifactBean.setModel(artifactType.getArtifactType().getModel()); + artifactBean.setType(artifactType.getType()); + artifactBean.setRawType(artifactType.getArtifactType().getType()); + artifactBean.setUuid(artifact.getUuid()); + artifactBean.setName(artifact.getName()); + artifactBean.setDerived(artifactType.isDerived()); + + relIndex = new ArtifactRelationshipsIndexBean(); + RelationshipResolver relResolver = new RelationshipResolver(ArtificerApiClientAccessor.getClient(), relIndex); + relResolver.resolveAll(artifact); + + artifactCache.put(uuid, artifactBean); + relCache.put(uuid, relIndex); + } + + RelationshipTreeBean tree = new RelationshipTreeBean(); + tree.setArtifact(artifactBean); + tree.setRelationshipType(relationshipType); + tree.setRelationshipReverse(relationshipReverse); + + path += uuid; + + List children = new ArrayList<>(); + for (String key : relIndex.getRelationships().keySet()) { + if (isOriginal || !"relatedDocument".equalsIgnoreCase(key)) { + for (ArtifactRelationshipBean rel : relIndex.getRelationships().get(key).getRelationships()) { + if (!path.contains(rel.getTargetUuid())) { + children.add(buildRelationshipTree(rel.getTargetUuid(), rel.getRelationshipType(), false, path, + artifactCache, relCache, false)); + } + } + } + } + for (String key : relIndex.getReverseRelationships().keySet()) { + if (!"relatedDocument".equalsIgnoreCase(key)) { + for (ArtifactRelationshipBean rel : relIndex.getReverseRelationships().get(key).getRelationships()) { + if (!path.contains(rel.getTargetUuid())) { + children.add(buildRelationshipTree(rel.getTargetUuid(), rel.getRelationshipType(), true, path, + artifactCache, relCache, false)); + } + } + } + } + tree.setChildren(children); + + return tree; + } catch (ArtificerClientException e) { + throw new ArtificerUiException(e.getMessage()); + } catch (ArtificerServerException e) { + throw new ArtificerUiException(e.getMessage()); + } + } + /** * @see org.artificer.ui.client.shared.services.IArtifactService#update(org.artificer.ui.client.shared.beans.ArtifactBean) */ diff --git a/ui/src/main/webapp/css/relationship-sankey.css b/ui/src/main/webapp/css/relationship-sankey.css new file mode 100644 index 000000000..ff2cc5acb --- /dev/null +++ b/ui/src/main/webapp/css/relationship-sankey.css @@ -0,0 +1,31 @@ +#chart .node rect { + cursor: move; + shape-rendering: crispEdges; +} + +#chart .node text { + pointer-events: none; + text-shadow: 1px 1px 2px #fff; + font-size: 0.8em; + font-family: sans-serif; +} + +#chart #tooltip { + position: absolute; + pointer-events: none; + font-size: 0.7em; + font-family: sans-serif; + padding: 3px; + width: auto; + height: auto; + background-color: #F2F2F2; + -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); + -mox-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0px 0px 5px rbga(0, 0, 0, 0.4); + pointer-events: none; +} + +#chart .value { + white-space: pre-line; + margin: 0; +} \ No newline at end of file diff --git a/ui/src/main/webapp/css/relationship-tree.css b/ui/src/main/webapp/css/relationship-tree.css new file mode 100644 index 000000000..83eb396b3 --- /dev/null +++ b/ui/src/main/webapp/css/relationship-tree.css @@ -0,0 +1,59 @@ +#tree rect { + fill: none; + pointer-events: all; +} + +#tree pre { + font-size: 18px; +} + +#tree line { + stroke: #000; + stroke-width: 1.5px; +} + +#tree .string, #tree .regexp { + color: #f39; +} + +#tree .keyword { + color: #00c; +} + +#tree .comment { + color: #777; + font-style: oblique; +} + +#tree .number { + color: #369; +} + +#tree .class, #tree .special { + color: #1181B8; +} + +#tree .hint { + position: absolute; + right: 0; + /*width: 1280px;*/ + font-size: 12px; + color: #999; +} + +#tree .node circle { + cursor: pointer; + fill: #fff; + stroke: steelblue; + stroke-width: 1.5px; +} + +#tree .node text { + font-size: 12px; +} + +#tree path.link { + fill: none; + stroke: #ccc; + stroke-width: 1.5px; +} \ No newline at end of file diff --git a/ui/src/main/webapp/index.html b/ui/src/main/webapp/index.html index 3a4e75890..e9639e940 100644 --- a/ui/src/main/webapp/index.html +++ b/ui/src/main/webapp/index.html @@ -13,6 +13,8 @@ + + + + + + diff --git a/ui/src/main/webapp/js/bihisankey.js b/ui/src/main/webapp/js/bihisankey.js new file mode 100644 index 000000000..4b299254c --- /dev/null +++ b/ui/src/main/webapp/js/bihisankey.js @@ -0,0 +1,684 @@ +d3.biHiSankey = function () { + "use strict"; + + var biHiSankey = {}, + nodeWidth = 24, + nodeSpacing = 8, + linkSpacing = 5, + arrowheadScaleFactor = 0, // Specifies the proportion of a link's stroke width to be allowed for the marker at the end of the link. + size = [1, 1], // default to one pixel by one pixel + nodes = [], + nodeMap = {}, + parentNodes = [], + leafNodes = [], + links = [], + xScaleFactor = 1, + yScaleFactor = 1, + defaultLinkCurvature = 0.5; + + function center(node) { + return node.y + node.height / 2; + } + + function value(link) { + return link.value; + } + + function initializeNodeArrayProperties(node) { + node.sourceLinks = []; + node.rightLinks = []; + node.targetLinks = []; + node.leftLinks = []; + node.connectedNodes = []; + node.children = []; + node.ancestors = []; + } + // generates the nodeMap {"1": , "2": } + // and initializes the array properties of each node + function initializeNodeMap() { + nodes.forEach(function (node) { + nodeMap[node.id] = node; + initializeNodeArrayProperties(node); + }); + } + + function computeLeafNodes() { + leafNodes = nodes.filter(function (node) { + return !node.children.length; + }); + } + + function computeParentNodes() { + parentNodes = nodes.filter(function (node) { + return node.children.length; + }); + } + + function addAncestorsToChildren(node) { + node.children.forEach(function (child) { + child.ancestors = child.ancestors.concat(this.ancestors.concat([this])); + addAncestorsToChildren(child); + }, node); + } + + // generate hierarchical connections between parent and child nodes + function computeNodeHierarchy() { + var parent, + rootNodes = []; + + nodes.forEach(function (node) { + parent = nodeMap[node.parent]; + if (parent) { + node.parent = parent; + parent.children.push(node); + } else { + node.parent = null; + rootNodes.push(node); + } + }); + + computeLeafNodes(); + computeParentNodes(); + + rootNodes.forEach(function (rNode) { + addAncestorsToChildren(rNode); + }); + } + + // Populate the sourceLinks and targetLinks for each node. + function computeNodeLinks() { + var sourceNode, targetNode; + links.forEach(function (link) { + sourceNode = nodeMap[link.source] || link.source; + targetNode = nodeMap[link.target] || link.target; + link.id = link.source + '-' + link.target; + link.source = sourceNode; + link.target = targetNode; + sourceNode.sourceLinks.push(link); + targetNode.targetLinks.push(link); + }); + } + + function visible(linkCollection) { + return linkCollection.filter(function (link) { + return link.source.state === "collapsed" && link.target.state === "collapsed"; + }); + } + + // When child nodes are collapsed into their parents (or higher ancestors) + // the links between the child nodes should be represented by links + // between the containing ancestors. This function adds those extra links. + function computeAncestorLinks() { + // Leaf nodes are never parents of other nodes + // Duplicate source and target links between a leaf node and another leaf node + // and add to the leaf nodes' parents + leafNodes.forEach(function (leafNode) { + leafNode.sourceLinks.forEach(function (sourceLink) { + var ancestorTargets, + target = sourceLink.target; + if (leafNodes.indexOf(target) >= 0) { + ancestorTargets = target.ancestors.filter(function (tAncestor) { + return leafNode.ancestors.indexOf(tAncestor) < 0; + }); + ancestorTargets.forEach(function (ancestorTarget) { + var ancestorLink = { source: leafNode, + target: ancestorTarget, + value: sourceLink.value, + id: leafNode.id + "-" + ancestorTarget.id, + label: sourceLink.label }; + + leafNode.sourceLinks.push(ancestorLink); + ancestorTarget.targetLinks.push(ancestorLink); + links.push(ancestorLink); + }); + } + }); + + leafNode.targetLinks.forEach(function (targetLink) { + var ancestorSources, source = targetLink.source; + if (leafNodes.indexOf(source) >= 0) { + ancestorSources = source.ancestors.filter(function (sAncestor) { + return leafNode.ancestors.indexOf(sAncestor) < 0; + }); + ancestorSources.forEach(function (ancestorSource) { + var ancestorLink = { source: ancestorSource, + target: leafNode, + value: targetLink.value, + id: ancestorSource.id + "-" + leafNode.id, + label: targetLink.label }; + ancestorSource.sourceLinks.push(ancestorLink); + leafNode.targetLinks.push(ancestorLink); + links.push(ancestorLink); + }); + } + }); + }); + + // Add links between parents (for when both parents are in collapsed state) + parentNodes.forEach(function (parentNode) { + parentNode.sourceLinks.forEach(function (sourceLink) { + var ancestorTargets, target = sourceLink.target; + if (leafNodes.indexOf(target) >= 0) { + ancestorTargets = target.ancestors.filter(function (tAncestor) { + return parentNode.ancestors.indexOf(tAncestor) < 0; + }); + ancestorTargets.forEach(function (ancestorTarget) { + var ancestorLink = { source: parentNode, + target: ancestorTarget, + value: sourceLink.value, + id: parentNode.id + "-" + ancestorTarget.id, + label: sourceLink.label }; + + parentNode.sourceLinks.push(ancestorLink); + ancestorTarget.targetLinks.push(ancestorLink); + links.push(ancestorLink); + }); + } + }); + }); + } + + // To reduce clutter in the diagram merge links that are from the + // same source to the same target by creating a new link + // with a value equal to the sum of the values of the merged links + function mergeLinks() { + var linkGroups = d3.nest() + .key(function (link) { return link.source.id + "->" + link.target.id; }) + .entries(links) + .map(function (object) { return object.values; }); + + links = linkGroups.map(function (linkGroup) { + return linkGroup.reduce(function (previousLink, currentLink) { + return { + "source": previousLink.source, + "target": previousLink.target, + "id": d3.min([previousLink.id, currentLink.id]), + "value": previousLink.value + currentLink.value, + "label": previousLink.label + }; + }); + }); + } + + function nodeHeight(sideLinks) { + var spacing = Math.max(sideLinks.length - 1, 0) * linkSpacing, + scaledValueSum = d3.sum(sideLinks, value) * yScaleFactor; + return scaledValueSum + spacing; + } + + // Compute the value of each node by summing the associated links. + // Compute the number of spaces between the links + // Compute the number of source links for later decrementing + function computeNodeValues() { + nodes.forEach(function (node) { + node.value = Math.max( + d3.sum(node.leftLinks, value), + d3.sum(node.rightLinks, value) + ); + node.netFlow = d3.sum(visible(node.targetLinks), value) - d3.sum(visible(node.sourceLinks), value); + node.height = Math.max(nodeHeight(visible(node.leftLinks)), nodeHeight(visible(node.rightLinks))); + node.linkSpaceCount = Math.max(Math.max(node.leftLinks.length, node.rightLinks.length) - 1, 0); + }); + } + + function computeConnectedNodes() { + var sourceNode, targetNode; + links.forEach(function (link) { + sourceNode = link.source; + targetNode = link.target; + if (sourceNode.connectedNodes.indexOf(targetNode) < 0) { + sourceNode.connectedNodes.push(targetNode); + } + if (targetNode.connectedNodes.indexOf(sourceNode) < 0) { + targetNode.connectedNodes.push(sourceNode); + } + }); + } + + function sourceAndTargetNodesWithSameX() { + var nodeArray = []; + links.filter(function (link) { + return link.target.x === link.source.x; + }).forEach(function (link) { + if (nodeArray.indexOf(link.target) < 0) { + nodeArray.push(link.target); + } + }); + return nodeArray; + } + + function compressInXDirection() { + var connectedNodesXPositions, + nodesByXPosition = d3.nest() + .key(function (node) { return node.x; }) + .sortKeys(d3.ascending) + .entries(nodes) + .map(function (object) { return object.values; }); + + nodesByXPosition.forEach(function (xnodes) { + xnodes.forEach(function (node) { + connectedNodesXPositions = node.connectedNodes.map(function (connectedNode) { + return connectedNode.x; + }); + // keep decrementing the x value of the node + // unless it would have the same x value as one of its source or target nodes + // or node.x is already 0 + while (node.x > 0 && connectedNodesXPositions.indexOf(node.x - 1) < 0) { + node.x -= 1; + } + }); + }); + } + + function scaleNodeXPositions() { + var minX = d3.min(nodes, function (node) { return node.x; }), + maxX = d3.max(nodes, function (node) { return node.x; }) - minX; + xScaleFactor = (size[0] - nodeWidth) / maxX; + + nodes.forEach(function (node) { + node.x *= xScaleFactor; + }); + } + + function computeNodeXPositions() { + var remainingNodes = nodes, + nextNodes, + x = 0, + addToNextNodes = function (link) { + if (nextNodes.indexOf(link.target) < 0 && link.target.x === this.x) { + nextNodes.push(link.target); + } + }, + setValues = function (node) { + node.x = x; + node.width = nodeWidth; + node.sourceLinks.forEach(addToNextNodes, node); + }; + + while (remainingNodes.length) { + nextNodes = []; + remainingNodes.forEach(setValues); + if (nextNodes.length) { + remainingNodes = nextNodes; + } else { + remainingNodes = sourceAndTargetNodesWithSameX(); + } + x += 1; + } + + compressInXDirection(); + scaleNodeXPositions(); + } + + function computeLeftAndRightLinks() { + var source, target; + nodes.forEach(function (node) { + node.rightLinks = []; + node.leftLinks = []; + }); + links.forEach(function (link) { + source = link.source; + target = link.target; + if (source.x < target.x) { + source.rightLinks.push(link); + target.leftLinks.push(link); + link.direction = 1; + } else { + source.leftLinks.push(link); + target.rightLinks.push(link); + link.direction = -1; + } + }); + } + + function adjustTop(adjustment) { + nodes.forEach(function (node) { + node.y -= adjustment; + }); + } + + function computeNodeYPositions(iterations) { + var minY, + alpha, + nodesByXPosition = d3.nest() + .key(function (node) { return node.x; }) + .sortKeys(d3.ascending) + .entries(nodes) + .map(function (object) { return object.values; }); + + function calculateYScaleFactor() { + var linkSpacesCount, nodeValueSum, discretionaryY; + yScaleFactor = d3.min(nodesByXPosition, function (nodes) { + linkSpacesCount = d3.sum(nodes, function (node) { + return node.linkSpaceCount; + }); + nodeValueSum = d3.sum(nodes, function (node) { + return node.value; + }); + discretionaryY = (size[1] + - (nodes.length - 1) * nodeSpacing + - linkSpacesCount * linkSpacing); + + return discretionaryY / nodeValueSum; + }); + + // Fat links are those with lengths less than about 4 times their heights + // Fat links don't bend well + // Test that yScaleFactor is not so big that it causes "fat" links; adjust yScaleFactor accordingly + links.forEach(function (link) { + var linkLength = Math.abs(link.source.x - link.target.x), + linkHeight = link.value * yScaleFactor; + if (linkLength / linkHeight < 4) { + yScaleFactor = 0.25 * linkLength / link.value; + } + }); + } + + function initializeNodeYPosition() { + nodesByXPosition.forEach(function (nodes) { + nodes.forEach(function (node, i) { + node.y = i; + node.heightAllowance = node.value * yScaleFactor + linkSpacing * node.linkSpaceCount; + }); + }); + } + + function calculateLinkThickness() { + links.forEach(function (link) { + link.thickness = link.value * yScaleFactor; + }); + } + + function relaxLeftToRight(alpha) { + function weightedSource(link) { + return center(link.source) * link.value; + } + + nodesByXPosition.forEach(function (nodes) { + nodes.forEach(function (node) { + if (node.rightLinks.length) { + var y = d3.sum(node.rightLinks, weightedSource) / d3.sum(node.rightLinks, value); + node.y += (y - center(node)) * alpha; + } + }); + }); + } + + function relaxRightToLeft(alpha) { + function weightedTarget(link) { + return center(link.target) * link.value; + } + + nodesByXPosition.slice().reverse().forEach(function (nodes) { + nodes.forEach(function (node) { + if (node.leftLinks.length) { + var y = d3.sum(node.leftLinks, weightedTarget) / d3.sum(node.leftLinks, value); + node.y += (y - center(node)) * alpha; + } + }); + }); + } + + function resolveCollisions() { + function ascendingYPosition(a, b) { + return a.y - b.y; + } + + nodesByXPosition.forEach(function (nodes) { + var node, + dy, + y0 = 0, + n = nodes.length, + i; + + nodes.sort(ascendingYPosition); + + // Push any overlapping nodes down. + for (i = 0; i < n; ++i) { + node = nodes[i]; + dy = y0 - node.y; + if (dy > 0) { + node.y += dy; + } + y0 = node.y + node.heightAllowance + nodeSpacing; + } + + // If the bottommost node goes outside the bounds, push it back up. + dy = y0 - nodeSpacing - size[1]; + if (dy > 0) { + node.y -= dy; + y0 = node.y; + + // Push any overlapping nodes back up. + for (i = n - 2; i >= 0; --i) { + node = nodes[i]; + dy = node.y + node.heightAllowance + nodeSpacing - y0; + if (dy > 0) { + node.y -= dy; + } + y0 = node.y; + } + } + }); + } + + calculateYScaleFactor(); + initializeNodeYPosition(); + calculateLinkThickness(); + resolveCollisions(); + + for (alpha = 1; iterations > 0; --iterations) { + alpha *= 0.99; + relaxRightToLeft(alpha); + resolveCollisions(); + relaxLeftToRight(alpha); + resolveCollisions(); + } + + minY = d3.min(nodes, function (node) { return node.y; }); + adjustTop(minY); + } + + function computeLinkYPositions() { + + function ascendingLeftNodeYPosition(a, b) { + var aLeftNode = (a.direction > 0) ? a.source : a.target, + bLeftNode = (b.direction > 0) ? b.source : b.target; + return aLeftNode.y - bLeftNode.y; + } + + function ascendingRightNodeYPosition(a, b) { + var aRightNode = (a.direction > 0) ? a.target : a.source, + bRightNode = (b.direction > 0) ? b.target : b.source; + return aRightNode.y - bRightNode.y; + } + + nodes.forEach(function (node) { + node.rightLinks.sort(ascendingRightNodeYPosition); + node.leftLinks.sort(ascendingLeftNodeYPosition); + }); + + nodes.forEach(function (node) { + var rightY = 0, leftY = 0; + + node.rightLinks.forEach(function (link) { + if (link.direction > 0) { + link.sourceY = rightY; + if (link.target.state === "collapsed") { + rightY += link.thickness + linkSpacing; + } + } + else { + link.targetY = rightY; + if (link.source.state === "collapsed") { + rightY += link.thickness + linkSpacing; + } + } + }); + + node.leftLinks.forEach(function (link) { + if (link.direction < 0) { + link.sourceY = leftY; + if (link.target.state === "collapsed") { + leftY += link.thickness + linkSpacing; + } + } + else { + link.targetY = leftY; + if (link.source.state === "collapsed") { + leftY += link.thickness + linkSpacing; + } + } + }); + + }); + } + + + biHiSankey.arrowheadScaleFactor = function (_) { + if (!arguments.length) { return arrowheadScaleFactor; } + arrowheadScaleFactor = +_; + return biHiSankey; + }; + + biHiSankey.collapsedNodes = function () { + return nodes.filter(function (node) { return node.state === "collapsed"; }); + }; + + biHiSankey.connected = function (nodeA, nodeB) { + return nodeA.connectedNodes.indexOf(nodeB) >= 0; + }; + + biHiSankey.expandedNodes = function () { + return nodes.filter(function (node) { return node.state === "expanded"; }); + }; + + biHiSankey.layout = function (iterations) { + computeNodeXPositions(); + computeLeftAndRightLinks(); + computeNodeValues(); + computeNodeYPositions(iterations); + computeNodeValues(); + computeLinkYPositions(); + return biHiSankey; + }; + + biHiSankey.link = function () { + var curvature = defaultLinkCurvature; + + function leftToRightLink(link) { + var arrowHeadLength = link.thickness * arrowheadScaleFactor, + straightSectionLength = (3 * link.thickness / 4) - arrowHeadLength, + x0 = link.source.x + link.source.width, + x1 = x0 + arrowHeadLength / 2, + x4 = link.target.x - straightSectionLength - arrowHeadLength, + xi = d3.interpolateNumber(x0, x4), + x2 = xi(curvature), + x3 = xi(1 - curvature), + y0 = link.source.y + link.sourceY + link.thickness / 2, + y1 = link.target.y + link.targetY + link.thickness / 2; + return "M" + x0 + "," + y0 + + "L" + x1 + "," + y0 + + "C" + x2 + "," + y0 + + " " + x3 + "," + y1 + + " " + x4 + "," + y1 + + "L" + (x4 + straightSectionLength) + "," + y1; + } + + function rightToLeftLink(link) { + var arrowHeadLength = link.thickness * arrowheadScaleFactor, + straightSectionLength = link.thickness / 4, + x0 = link.source.x, + x1 = x0 - arrowHeadLength / 2, + x4 = link.target.x + link.target.width + straightSectionLength + arrowHeadLength, + xi = d3.interpolateNumber(x0, x4), + x2 = xi(curvature), + x3 = xi(1 - curvature), + y0 = link.source.y + link.sourceY + link.thickness / 2, + y1 = link.target.y + link.targetY + link.thickness / 2; + return "M" + x0 + "," + y0 + + "L" + x1 + "," + y0 + + "C" + x2 + "," + y0 + + " " + x3 + "," + y1 + + " " + x4 + "," + y1 + + "L" + (x4 - straightSectionLength) + "," + y1; + } + + function link(d) { + if (d.source.x < d.target.x) { + return leftToRightLink(d); + } + return rightToLeftLink(d); + } + + link.curvature = function (_) { + if (!arguments.length) { return curvature; } + curvature = +_; + return link; + }; + + return link; + }; + + biHiSankey.links = function (_) { + if (!arguments.length) { return links; } + links = _.filter(function (link) { + return link.source !== link.target; // filter out links that go nowhere + }); + return biHiSankey; + }; + + biHiSankey.linkSpacing = function (_) { + if (!arguments.length) { return linkSpacing; } + linkSpacing = +_; + return biHiSankey; + }; + + biHiSankey.nodes = function (_) { + if (!arguments.length) { return nodes; } + nodes = _; + return biHiSankey; + }; + + biHiSankey.nodeWidth = function (_) { + if (!arguments.length) { return nodeWidth; } + nodeWidth = +_; + return biHiSankey; + }; + + biHiSankey.nodeSpacing = function (_) { + if (!arguments.length) { return nodeSpacing; } + nodeSpacing = +_; + return biHiSankey; + }; + + biHiSankey.relayout = function () { + computeLeftAndRightLinks(); + computeNodeValues(); + computeLinkYPositions(); + return biHiSankey; + }; + + biHiSankey.size = function (_) { + if (!arguments.length) { return size; } + size = _; + return biHiSankey; + }; + + biHiSankey.visibleLinks = function () { + return visible(links); + }; + + biHiSankey.initializeNodes = function (callback) { + initializeNodeMap(); + computeNodeHierarchy(); + computeNodeLinks(); + computeAncestorLinks(); + mergeLinks(); + computeConnectedNodes(); + nodes.forEach(callback); + return biHiSankey; + }; + + return biHiSankey; +}; diff --git a/ui/src/main/webapp/js/d3.v3.min.js b/ui/src/main/webapp/js/d3.v3.min.js new file mode 100644 index 000000000..34d5513eb --- /dev/null +++ b/ui/src/main/webapp/js/d3.v3.min.js @@ -0,0 +1,5 @@ +!function(){function n(n){return n&&(n.ownerDocument||n.document||n).documentElement}function t(n){return n&&(n.ownerDocument&&n.ownerDocument.defaultView||n.document&&n||n.defaultView)}function e(n,t){return t>n?-1:n>t?1:n>=t?0:0/0}function r(n){return null===n?0/0:+n}function u(n){return!isNaN(n)}function i(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 o(n){return n.length}function a(n){for(var t=1;n*t%1;)t*=10;return t}function c(n,t){for(var e in t)Object.defineProperty(n.prototype,e,{value:t[e],enumerable:!1})}function l(){this._=Object.create(null)}function s(n){return(n+="")===pa||n[0]===va?va+n:n}function f(n){return(n+="")[0]===va?n.slice(1):n}function h(n){return s(n)in this._}function g(n){return(n=s(n))in this._&&delete this._[n]}function p(){var n=[];for(var t in this._)n.push(f(t));return n}function v(){var n=0;for(var t in this._)++n;return n}function d(){for(var n in this._)return!1;return!0}function m(){this._=Object.create(null)}function y(n){return n}function M(n,t,e){return function(){var r=e.apply(t,arguments);return r===t?n:r}}function x(n,t){if(t in n)return t;t=t.charAt(0).toUpperCase()+t.slice(1);for(var e=0,r=da.length;r>e;++e){var u=da[e]+t;if(u in n)return u}}function b(){}function _(){}function w(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 Z(n){return ya(n,Sa),n}function V(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=ka.get(n);return l&&(n=l,c=B),a?t?u:r:t?b:i}function $(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 B(n,t){var e=$(n,t);return function(n){var t=this,r=n.relatedTarget;r&&(r===t||8&r.compareDocumentPosition(t))||e.call(t,n)}}function W(e){var r=".dragsuppress-"+ ++Aa,u="click"+r,i=ta.select(t(e)).on("touchmove"+r,S).on("dragstart"+r,S).on("selectstart"+r,S);if(null==Ea&&(Ea="onselectstart"in e?!1:x(e.style,"userSelect")),Ea){var o=n(e).style,a=o[Ea];o[Ea]="none"}return function(n){if(i.on(r,null),Ea&&(o[Ea]=a),n){var t=function(){i.on(u,null)};i.on(u,function(){S(),t()},!0),setTimeout(t,0)}}}function J(n,e){e.changedTouches&&(e=e.changedTouches[0]);var r=n.ownerSVGElement||n;if(r.createSVGPoint){var u=r.createSVGPoint();if(0>Na){var i=t(n);if(i.scrollX||i.scrollY){r=ta.select("body").append("svg").style({position:"absolute",top:0,left:0,margin:0,padding:0,border:"none"},"important");var o=r[0][0].getScreenCTM();Na=!(o.f||o.e),r.remove()}}return Na?(u.x=e.pageX,u.y=e.pageY):(u.x=e.clientX,u.y=e.clientY),u=u.matrixTransform(n.getScreenCTM().inverse()),[u.x,u.y]}var a=n.getBoundingClientRect();return[e.clientX-a.left-n.clientLeft,e.clientY-a.top-n.clientTop]}function G(){return ta.event.changedTouches[0].identifier}function K(n){return n>0?1:0>n?-1:0}function Q(n,t,e){return(t[0]-n[0])*(e[1]-n[1])-(t[1]-n[1])*(e[0]-n[0])}function nt(n){return n>1?0:-1>n?qa:Math.acos(n)}function tt(n){return n>1?Ra:-1>n?-Ra:Math.asin(n)}function et(n){return((n=Math.exp(n))-1/n)/2}function rt(n){return((n=Math.exp(n))+1/n)/2}function ut(n){return((n=Math.exp(2*n))-1)/(n+1)}function it(n){return(n=Math.sin(n/2))*n}function ot(){}function at(n,t,e){return this instanceof at?(this.h=+n,this.s=+t,void(this.l=+e)):arguments.length<2?n instanceof at?new at(n.h,n.s,n.l):bt(""+n,_t,at):new at(n,t,e)}function ct(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 mt(u(n+120),u(n),u(n-120))}function lt(n,t,e){return this instanceof lt?(this.h=+n,this.c=+t,void(this.l=+e)):arguments.length<2?n instanceof lt?new lt(n.h,n.c,n.l):n instanceof ft?gt(n.l,n.a,n.b):gt((n=wt((n=ta.rgb(n)).r,n.g,n.b)).l,n.a,n.b):new lt(n,t,e)}function st(n,t,e){return isNaN(n)&&(n=0),isNaN(t)&&(t=0),new ft(e,Math.cos(n*=Da)*t,Math.sin(n)*t)}function ft(n,t,e){return this instanceof ft?(this.l=+n,this.a=+t,void(this.b=+e)):arguments.length<2?n instanceof ft?new ft(n.l,n.a,n.b):n instanceof lt?st(n.h,n.c,n.l):wt((n=mt(n)).r,n.g,n.b):new ft(n,t,e)}function ht(n,t,e){var r=(n+16)/116,u=r+t/500,i=r-e/200;return u=pt(u)*Xa,r=pt(r)*$a,i=pt(i)*Ba,new mt(dt(3.2404542*u-1.5371385*r-.4985314*i),dt(-.969266*u+1.8760108*r+.041556*i),dt(.0556434*u-.2040259*r+1.0572252*i))}function gt(n,t,e){return n>0?new lt(Math.atan2(e,t)*Pa,Math.sqrt(t*t+e*e),n):new lt(0/0,0/0,n)}function pt(n){return n>.206893034?n*n*n:(n-4/29)/7.787037}function vt(n){return n>.008856?Math.pow(n,1/3):7.787037*n+4/29}function dt(n){return Math.round(255*(.00304>=n?12.92*n:1.055*Math.pow(n,1/2.4)-.055))}function mt(n,t,e){return this instanceof mt?(this.r=~~n,this.g=~~t,void(this.b=~~e)):arguments.length<2?n instanceof mt?new mt(n.r,n.g,n.b):bt(""+n,mt,ct):new mt(n,t,e)}function yt(n){return new mt(n>>16,n>>8&255,255&n)}function Mt(n){return yt(n)+""}function xt(n){return 16>n?"0"+Math.max(0,n).toString(16):Math.min(255,n).toString(16)}function bt(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(kt(u[0]),kt(u[1]),kt(u[2]))}return(i=Ga.get(n.toLowerCase()))?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 _t(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 at(r,u,c)}function wt(n,t,e){n=St(n),t=St(t),e=St(e);var r=vt((.4124564*n+.3575761*t+.1804375*e)/Xa),u=vt((.2126729*n+.7151522*t+.072175*e)/$a),i=vt((.0193339*n+.119192*t+.9503041*e)/Ba);return ft(116*u-16,500*(r-u),200*(u-i))}function St(n){return(n/=255)<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function kt(n){var t=parseFloat(n);return"%"===n.charAt(n.length-1)?Math.round(2.55*t):t}function Et(n){return"function"==typeof n?n:function(){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 void o.error.call(i,r)}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!this.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(tc),tc=setTimeout(qt,t)),nc=0):(nc=1,rc(qt))}function Lt(){var n=Date.now();for(ec=Ka;ec;)n>=ec.t&&(ec.f=ec.c(n-ec.t)),ec=ec.n;return n}function Tt(){for(var n,t=Ka,e=1/0;t;)t.f?t=n?n.n=t.n:Ka=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)}:y;return function(n){var e=ic.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=oc.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 cc(e-1)),1),e}function i(n,e){return t(n=new cc(+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{cc=jt;var r=new jt;return r._=n,o(r,t,e)}finally{cc=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{cc=jt;var r=new jt;return r._=t,n(r,e)._}finally{cc=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 sc?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{cc=jt;var t=new cc;return t._=n,r(t)}finally{cc=Date}}var r=t(n);return e.parse=function(n){try{cc=jt;var t=r.parse(n);return t&&t._}finally{cc=Date}},e.toString=r.toString,e},t.multi=t.utc.multi=ae;var M=ta.map(),x=Yt(v),b=Zt(v),_=Yt(d),w=Zt(d),S=Yt(m),k=Zt(m),E=Yt(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 It(n.getDate(),t,2)},e:function(n,t){return It(n.getDate(),t,2)},H:function(n,t){return It(n.getHours(),t,2)},I:function(n,t){return It(n.getHours()%12||12,t,2)},j:function(n,t){return It(1+ac.dayOfYear(n),t,3)},L:function(n,t){return It(n.getMilliseconds(),t,3)},m:function(n,t){return It(n.getMonth()+1,t,2)},M:function(n,t){return It(n.getMinutes(),t,2)},p:function(n){return p[+(n.getHours()>=12)]},S:function(n,t){return It(n.getSeconds(),t,2)},U:function(n,t){return It(ac.sundayOfYear(n),t,2)},w:function(n){return n.getDay()},W:function(n,t){return It(ac.mondayOfYear(n),t,2)},x:t(h),X:t(g),y:function(n,t){return It(n.getFullYear()%100,t,2)},Y:function(n,t){return It(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 It(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 Yt(n){return new RegExp("^(?:"+n.map(ta.requote).join("|")+")","i")}function Zt(n){for(var t=new l,e=-1,r=n.length;++e68?1900:2e3)}function Kt(n,t,e){fc.lastIndex=0;var r=fc.exec(t.slice(e,e+2));return r?(n.m=r[0]-1,e+r[0].length):-1}function Qt(n,t,e){fc.lastIndex=0;var r=fc.exec(t.slice(e,e+2));return r?(n.d=+r[0],e+r[0].length):-1}function ne(n,t,e){fc.lastIndex=0;var r=fc.exec(t.slice(e,e+3));return r?(n.j=+r[0],e+r[0].length):-1}function te(n,t,e){fc.lastIndex=0;var r=fc.exec(t.slice(e,e+2));return r?(n.H=+r[0],e+r[0].length):-1}function ee(n,t,e){fc.lastIndex=0;var r=fc.exec(t.slice(e,e+2));return r?(n.M=+r[0],e+r[0].length):-1}function re(n,t,e){fc.lastIndex=0;var r=fc.exec(t.slice(e,e+2));return r?(n.S=+r[0],e+r[0].length):-1}function ue(n,t,e){fc.lastIndex=0;var r=fc.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=ga(t)/60|0,u=ga(t)%60;return e+It(r,"0",2)+It(u,"0",2)}function oe(n,t,e){hc.lastIndex=0;var r=hc.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);yc.add(Math.atan2(h,f)),r=n,u=c,i=l}var t,e,r,u,i;Mc.point=function(o,a){Mc.point=n,r=(t=o)*Da,u=Math.cos(a=(e=a)*Da/2+qa/4),i=Math.sin(a)},Mc.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]),tt(n[2])]}function be(n,t){return ga(n[0]-t[0])a;++a)u.point((e=n[a])[0],e[1]);return void u.lineEnd()}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:b,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]-Ra-Ca:Ra-n[1])-((t=t.x)[0]<0?t[1]-Ra-Ca:Ra-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?qa:-qa,c=ga(i-e);ga(c-qa)0?Ra:-Ra),n.point(u,r),n.lineEnd(),n.lineStart(),n.point(a,r),n.point(i,r),t=0):u!==a&&c>=qa&&(ga(e-u)Ca?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*Ra,r.point(-qa,u),r.point(0,u),r.point(qa,u),r.point(qa,0),r.point(qa,-u),r.point(0,-u),r.point(-qa,-u),r.point(-qa,0),r.point(-qa,u);else if(ga(n[0]-t[0])>Ca){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+qa/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+qa/4,M=Math.sin(y),x=Math.cos(y),b=m-h,_=b>=0?1:-1,w=_*b,S=w>qa,k=p*M;if(yc.add(Math.atan2(k*_*Math.sin(w),v*x+k*Math.cos(w))),i+=S?b+_*La: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)*tt(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(-Ca>i||Ca>i&&0>yc)^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?qa:-qa),h):0;if(!e&&(l=c=v)&&n.lineStart(),v!==c&&(g=r(e,p),(be(e,g)||be(p,g))&&(p[0]+=Ca,p[1]+=Ca,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=ga(A-qa)A;if(!N&&k>E&&(_=k,k=E,E=_),C?N?k+E>0^b[1]<(ga(b[0]-w)qa^(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:qa-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=ga(i)>Ca,c=gr(n,6*Da);return Le(t,e,c,o?[0,-n]:[-qa,n-qa])}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 Ie(n,t,e,r){function u(r,u){return ga(r[0]-n)0?0:3:ga(r[0]-e)0?2:1:ga(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&&Q(l,i,n)>0&&++t:i[1]<=r&&Q(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(-Tc,Math.min(Tc,n)),t=Math.max(-Tc,Math.min(Tc,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 Ye(n){var t=0,e=qa/3,r=ir(n),u=r(t,e);return u.parallels=function(n){return arguments.length?r(t=n[0]*qa/180,e=n[1]*qa/180):[t/qa*180,e/qa*180]},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,tt((i-(n*n+e*e)*u*u)/(2*u))]},e}function Ve(){function n(n,t){Dc+=u*n-r*t,r=n,u=t}var t,e,r,u;Hc.point=function(i,o){Hc.point=n,t=r=i,e=u=o},Hc.lineEnd=function(){n(t,e)}}function Xe(n,t){Pc>n&&(Pc=n),n>jc&&(jc=n),Uc>t&&(Uc=t),t>Fc&&(Fc=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){_c+=n,wc+=t,++Sc}function Je(){function n(n,r){var u=n-t,i=r-e,o=Math.sqrt(u*u+i*i);kc+=o*(t+n)/2,Ec+=o*(e+r)/2,Ac+=o,We(t=n,e=r)}var t,e;Ic.point=function(r,u){Ic.point=n,We(t=r,e=u)}}function Ge(){Ic.point=We}function Ke(){function n(n,t){var e=n-r,i=t-u,o=Math.sqrt(e*e+i*i);kc+=o*(r+n)/2,Ec+=o*(u+t)/2,Ac+=o,o=u*n-r*t,Nc+=o*(r+n),Cc+=o*(u+t),zc+=3*o,We(r=n,u=t)}var t,e,r,u;Ic.point=function(i,o){Ic.point=n,We(t=r=i,e=u=o)},Ic.lineEnd=function(){n(t,e)}}function Qe(n){function t(t,e){n.moveTo(t+o,e),n.arc(t,e,o,0,La)}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:b};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=ga(ga(w)-1)i||ga((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*Da),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*Pa,e*Pa])});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]*Da,n[1]*Da),[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]*Pa,n[1]*Pa]}function r(){a=Ae(o=lr(m,M,x),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,M=0,x=0,b=Lc,_=y,w=null,S=null;return t.stream=function(n){return s&&(s.valid=!1),s=or(b(o,f(_(n)))),s.valid=!0,s},t.clipAngle=function(n){return arguments.length?(b=null==n?(w=n,Lc):He((w=+n)*Da),u()):w},t.clipExtent=function(n){return arguments.length?(S=n,_=n?Ie(n[0][0],n[0][1],n[1][0],n[1][1]):y,u()):S},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*Da,d=n[1]%360*Da,r()):[v*Pa,d*Pa]},t.rotate=function(n){return arguments.length?(m=n[0]%360*Da,M=n[1]%360*Da,x=n.length>2?n[2]%360*Da:0,r()):[m*Pa,M*Pa,x*Pa]},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*Da,e*Da)})}function ar(n,t){return[n,t]}function cr(n,t){return[n>qa?n-La:-qa>n?n+La: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>qa?t-La:-qa>t?t+La: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),tt(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),tt(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*La)):(u=n+o*La,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=nt(-e[1]);return((-e[2]<0?-r:r)+2*Math.PI-Ca)%(2*Math.PI)}function vr(n,t,e){var r=ta.range(n,t-Ca,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-Ca,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(it(r-t)+u*o*it(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)*Pa,Math.atan2(o,Math.sqrt(r*r+u*u))*Pa]}:function(){return[n*Pa,t*Pa]};return p.distance=h,p}function xr(){function n(n,u){var i=Math.sin(u*=Da),o=Math.cos(u),a=ga((n*=Da)-t),c=Math.cos(a);Yc+=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;Zc.point=function(u,i){t=u*Da,e=Math.sin(i*=Da),r=Math.cos(i),Zc.point=n},Zc.lineEnd=function(){Zc.point=Zc.lineEnd=b}}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?-Ra+Ca>t&&(t=-Ra+Ca):t>Ra-Ca&&(t=Ra-Ca);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(qa/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=K(i)*Math.sqrt(n*n+e*e);return[Math.atan2(n,e)/i,2*Math.atan(Math.pow(o/r,1/i))-Ra]},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 ga(u)u;u++){for(;r>1&&Q(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=el.pop()||new Rr;return t.site=n,t}function Pr(n){Xr(n),Qc.remove(n),el.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&&ga(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=Qc._;a;)if(r=Fr(a,o)-i,r>Ca)a=a.L;else{if(u=i-Hr(a,o),!(u>Ca)){r>-Ca?(t=a.P,e=a):u>-Ca?(t=a,e=a.N):t=e=a;break}if(!a.R){t=a;break}a=a.R}var c=Dr(n);if(Qc.insert(t,c),t||e){if(t===e)return Xr(t),e=Dr(t.site),Qc.insert(c,e),c.edge=e.edge=Jr(t.site,c.site),Vr(t),void Vr(e);if(!e)return void(c.edge=Jr(t.site,c.site));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 Ir(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=Kc,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,(ga(r-t)>Ca||ga(u-e)>Ca)&&(a.splice(o,0,new Qr(Gr(i.site,s,ga(r-f)Ca?{x:f,y:ga(t-f)Ca?{x:ga(e-p)Ca?{x:h,y:ga(t-h)Ca?{x:ga(e-g)=-za)){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=rl.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=tl._;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-n.x,d=e-n.y,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"#"+xt(Math.round(e+i*n))+xt(Math.round(r+o*n))+xt(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=il.lastIndex=ol.lastIndex=0,o=-1,a=[],c=[];for(n+="",t+="";(e=il.exec(n))&&(r=ol.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=ol.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*Ra)}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/La*Math.asin(1/n):(n=1,e=t/4),function(r){return 1+n*Math.pow(2,-10*r)*Math.sin((r-e)*La/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 st(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 ct(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 ht(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}}:ml}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?Iu: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 Ii(n,t,e,r)},u()}function Yi(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=ic.exec(e);if(u.shift(),"s"===u[8]){var i=ta.formatPrefix(Math.max(ga(r[0]),ga(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 yl?Math.abs(e-Bi(Math.max(ga(t[0]),ga(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:xl);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 Ml;arguments.length<2?t=Ml:"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)},Yi(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)},Yi(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 l;for(var i,o=-1,a=r.length;++oe?[0/0,0/0]:[e>0?a[e-1]:n[0],et?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=Et(e),p=Et(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,a)}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=ec,v=[];return p.t=g+a,u>=g?c(u-g):void(p.c=c)},0,a)}}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(Vl,u);return i==Vl.length?[t.year,Vi(n.map(function(n){return n/31536e6}),e)[2]]:i?t[u/Vl[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)},Yi(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.5"},ea=[].slice,ra=function(n){return ea.call(n)},ua=this.document;if(ua)try{ra(ua.documentElement.childNodes)[0].nodeType}catch(ia){ra=function(n){for(var t=n.length,e=new Array(t);t--;)e[t]=n[t];return e}}if(Date.now||(Date.now=function(){return+new Date}),ua)try{ua.createElement("DIV").style.setProperty("opacity",0,"")}catch(oa){var aa=this.Element.prototype,ca=aa.setAttribute,la=aa.setAttributeNS,sa=this.CSSStyleDeclaration.prototype,fa=sa.setProperty;aa.setAttribute=function(n,t){ca.call(this,n,t+"")},aa.setAttributeNS=function(n,t,e){la.call(this,n,t,e+"")},sa.setProperty=function(n,t,e){fa.call(this,n,t+"",e)}}ta.ascending=e,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 e,r=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 ha=i(e);ta.bisectLeft=ha.left,ta.bisect=ta.bisectRight=ha.right,ta.bisector=function(n){return i(1===n.length?function(t,r){return e(n(t),r)}:n)},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=Math.random()*i--|0,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,o),e=new Array(t);++n=0;)for(r=n[u],t=r.length;--t>=0;)e[--o]=r[t];return e};var ga=Math.abs;ta.range=function(n,t,e){if(arguments.length<3&&(e=1,arguments.length<2&&(t=n,n=0)),(t-n)/e===1/0)throw new Error("infinite range");var r,u=[],i=a(ga(e)),o=-1;if(n*=i,t*=i,e*=i,0>e)for(;(r=n+e*++o)>t;)u.push(r/i);else for(;(r=n+e*++o)=i.length)return r?r.call(u,o):e?o.sort(e):o;for(var c,s,f,h,g=-1,p=o.length,v=i[a++],d=new l;++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 m;if(n)for(var e=0,r=n.length;r>e;++e)t.add(n[e]);return t},c(m,{has:h,add:function(n){return this._[s(n+="")]=!0,n},remove:g,values:p,size:v,empty:d,forEach:function(n){for(var t in this._)n.call(this,f(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,ya={}.__proto__?function(n,t){n.__proto__=t}:function(n,t){for(var e in t)n[e]=t[e]},Ma=function(n,t){return t.querySelector(n)},xa=function(n,t){return t.querySelectorAll(n)},ba=function(n,t){var e=n.matches||n[x(n,"matchesSelector")];return(ba=function(n,t){return e.call(n,t)})(n,t)};"function"==typeof Sizzle&&(Ma=function(n,t){return Sizzle(n,t)[0]||null},xa=Sizzle,ba=Sizzle.matchesSelector),ta.selection=function(){return ta.select(ua.documentElement)};var _a=ta.selection.prototype=[];_a.select=function(n){var t,e,r,u,i=[];n=N(n);for(var o=-1,a=this.length;++o=0&&(e=n.slice(0,t),n=n.slice(t+1)),wa.hasOwnProperty(e)?{space:wa[e],local:n}:n}},_a.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(z(t,n[t]));return this}return this.each(z(n,t))},_a.classed=function(n,t){if(arguments.length<2){if("string"==typeof n){var e=this.node(),r=(n=T(n)).length,u=-1;if(t=e.classList){for(;++uu){if("string"!=typeof n){2>u&&(e="");for(r in n)this.each(P(r,n[r],e));return this}if(2>u){var i=this.node();return t(i).getComputedStyle(i,null).getPropertyValue(n)}r=""}return this.each(P(n,e,r))},_a.property=function(n,t){if(arguments.length<2){if("string"==typeof n)return this.node()[n];for(t in n)this.each(U(t,n[t]));return this}return this.each(U(n,t))},_a.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},_a.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},_a.append=function(n){return n=j(n),this.select(function(){return this.appendChild(n.apply(this,arguments))})},_a.insert=function(n,t){return n=j(n),t=N(t),this.select(function(){return this.insertBefore(n.apply(this,arguments),t.apply(this,arguments)||null)})},_a.remove=function(){return this.each(F)},_a.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 l,y=new Array(o);for(r=-1;++rr;++r)p[r]=H(e[r]);for(;o>r;++r)v[r]=n[r]}p.update=g,p.parentNode=g.parentNode=v.parentNode=n.parentNode,a.push(p),c.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 A(u)},_a.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},_a.sort=function(n){n=I.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},_a.size=function(){var n=0;return Y(this,function(){++n}),n};var Sa=[];ta.selection.enter=Z,ta.selection.enter.prototype=Sa,Sa.append=_a.append,Sa.empty=_a.empty,Sa.node=_a.node,Sa.call=_a.call,Sa.size=_a.size,Sa.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(X(e,n[e],t));return this}if(2>r)return(r=this.node()["__on"+n])&&r._;e=!1}return this.each(X(n,t,e))};var ka=ta.map({mouseenter:"mouseover",mouseleave:"mouseout"});ua&&ka.forEach(function(n){"on"+n in ua&&ka.remove(n)});var Ea,Aa=0;ta.mouse=function(n){return J(n,k())};var Na=this.navigator&&/WebKit/.test(this.navigator.userAgent)?-1:0;ta.touch=function(n,t,e){if(arguments.length<3&&(e=t,t=k().changedTouches),t)for(var r,u=0,i=t.length;i>u;++u)if((r=t[u]).identifier===e)return J(n,r)},ta.behavior.drag=function(){function n(){this.on("mousedown.drag",i).on("touchstart.drag",o)}function e(n,t,e,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=r.of(s,arguments),p=0,v=n(),d=".drag"+(null==v?"":"-"+v),m=ta.select(e(f)).on(i+d,a).on(o+d,c),y=W(f),M=t(h,v);u?(l=u.apply(s,arguments),l=[l.x-M[0],l.y-M[1]]):l=[0,0],g({type:"dragstart"})}}var r=E(n,"drag","dragstart","dragend"),u=null,i=e(b,ta.mouse,t,"mousemove","mouseup"),o=e(G,ta.touch,y,"touchmove","touchend");return n.origin=function(t){return arguments.length?(u=t,n):u},ta.rebind(n,r,"on")},ta.touches=function(n,t){return arguments.length<2&&(t=k().touches),t?ra(t).map(function(t){var e=J(n,t);return e.identifier=t.identifier,e}):[]};var Ca=1e-6,za=Ca*Ca,qa=Math.PI,La=2*qa,Ta=La-Ca,Ra=qa/2,Da=qa/180,Pa=180/qa,Ua=Math.SQRT2,ja=2,Fa=4;ta.interpolateZoom=function(n,t){function e(n){var t=n*y;if(m){var e=rt(v),o=i/(ja*h)*(e*ut(Ua*t+v)-et(v));return[r+o*l,u+o*s,i*e/rt(Ua*t+v)]}return[r+n*l,u+n*s,i*Math.exp(Ua*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+Fa*f)/(2*i*ja*h),p=(c*c-i*i-Fa*f)/(2*c*ja*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))/Ua;return e.duration=1e3*y,e},ta.behavior.zoom=function(){function n(n){n.on(q,f).on(Oa+".zoom",g).on("dblclick.zoom",p).on(R,h)}function e(n){return[(n[0]-k.x)/k.k,(n[1]-k.y)/k.k]}function r(n){return[n[0]*k.k+k.x,n[1]*k.k+k.y]}function u(n){k.k=Math.max(N[0],Math.min(N[1],n))}function i(n,t){t=r(t),k.x+=n[0]-t[0],k.y+=n[1]-t[1]}function o(t,e,r,o){t.__chart__={x:k.x,y:k.y,k:k.k},u(Math.pow(2,o)),i(d=e,r),t=ta.select(t),C>0&&(t=t.transition().duration(C)),t.call(n.event)}function a(){b&&b.domain(x.range().map(function(n){return(n-k.x)/k.k}).map(x.invert)),w&&w.domain(_.range().map(function(n){return(n-k.y)/k.k}).map(_.invert))}function c(n){z++||n({type:"zoomstart"})}function l(n){a(),n({type:"zoom",scale:k.k,translate:[k.x,k.y]})}function s(n){--z||n({type:"zoomend"}),d=null}function f(){function n(){f=1,i(ta.mouse(u),g),l(a)}function r(){h.on(L,null).on(T,null),p(f&&ta.event.target===o),s(a)}var u=this,o=ta.event.target,a=D.of(u,arguments),f=0,h=ta.select(t(u)).on(L,n).on(T,r),g=e(ta.mouse(u)),p=W(u);Dl.call(u),c(a)}function h(){function n(){var n=ta.touches(p);return g=k.k,n.forEach(function(n){n.identifier in d&&(d[n.identifier]=e(n))}),n}function t(){var t=ta.event.target;ta.select(t).on(x,r).on(b,a),_.push(t);for(var e=ta.event.changedTouches,u=0,i=e.length;i>u;++u)d[e[u].identifier]=null;var c=n(),l=Date.now();if(1===c.length){if(500>l-M){var s=c[0];o(p,s,d[s.identifier],Math.floor(Math.log(k.k)/Math.LN2)+1),S()}M=l}else if(c.length>1){var s=c[0],f=c[1],h=s[0]-f[0],g=s[1]-f[1];m=h*h+g*g}}function r(){var n,t,e,r,o=ta.touches(p);Dl.call(p);for(var a=0,c=o.length;c>a;++a,r=null)if(e=o[a],r=d[e.identifier]){if(t)break;n=e,t=r}if(r){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]+r[0])/2,(t[1]+r[1])/2],u(f*g)}M=null,i(n,t),l(v)}function a(){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(_).on(y,null),w.on(q,f).on(R,h),E(),s(v)}var g,p=this,v=D.of(p,arguments),d={},m=0,y=".zoom-"+ta.event.changedTouches[0].identifier,x="touchmove"+y,b="touchend"+y,_=[],w=ta.select(p),E=W(p);t(),c(v),w.on(q,null).on(R,t)}function g(){var n=D.of(this,arguments);y?clearTimeout(y):(v=e(d=m||ta.mouse(this)),Dl.call(this),c(n)),y=setTimeout(function(){y=null,s(n)},50),S(),u(Math.pow(2,.002*Ha())*k.k),i(d,v),l(n)}function p(){var n=ta.mouse(this),t=Math.log(k.k)/Math.LN2;o(this,n,e(n),ta.event.shiftKey?Math.ceil(t)-1:Math.floor(t)+1)}var v,d,m,y,M,x,b,_,w,k={x:0,y:0,k:1},A=[960,500],N=Ia,C=250,z=0,q="mousedown.zoom",L="mousemove.zoom",T="mouseup.zoom",R="touchstart.zoom",D=E(n,"zoomstart","zoom","zoomend");return Oa||(Oa="onwheel"in ua?(Ha=function(){return-ta.event.deltaY*(ta.event.deltaMode?120:1)},"wheel"):"onmousewheel"in ua?(Ha=function(){return ta.event.wheelDelta},"mousewheel"):(Ha=function(){return-ta.event.detail},"MozMousePixelScroll")),n.event=function(n){n.each(function(){var n=D.of(this,arguments),t=k;Tl?ta.select(this).transition().each("start.zoom",function(){k=this.__chart__||{x:0,y:0,k:1},c(n)}).tween("zoom:zoom",function(){var e=A[0],r=A[1],u=d?d[0]:e/2,i=d?d[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},l(n)}}).each("interrupt.zoom",function(){s(n)}).each("end.zoom",function(){s(n)}):(this.__chart__=k,c(n),l(n),s(n))})},n.translate=function(t){return arguments.length?(k={x:+t[0],y:+t[1],k:k.k},a(),n):[k.x,k.y]},n.scale=function(t){return arguments.length?(k={x:k.x,y:k.y,k:+t},a(),n):k.k},n.scaleExtent=function(t){return arguments.length?(N=null==t?Ia:[+t[0],+t[1]],n):N},n.center=function(t){return arguments.length?(m=t&&[+t[0],+t[1]],n):m},n.size=function(t){return arguments.length?(A=t&&[+t[0],+t[1]],n):A},n.duration=function(t){return arguments.length?(C=+t,n):C},n.x=function(t){return arguments.length?(b=t,x=t.copy(),k={x:0,y:0,k:1},n):b},n.y=function(t){return arguments.length?(w=t,_=t.copy(),k={x:0,y:0,k:1},n):w},ta.rebind(n,D,"on")};var Ha,Oa,Ia=[0,1/0];ta.color=ot,ot.prototype.toString=function(){return this.rgb()+""},ta.hsl=at;var Ya=at.prototype=new ot;Ya.brighter=function(n){return n=Math.pow(.7,arguments.length?n:1),new at(this.h,this.s,this.l/n)},Ya.darker=function(n){return n=Math.pow(.7,arguments.length?n:1),new at(this.h,this.s,n*this.l)},Ya.rgb=function(){return ct(this.h,this.s,this.l)},ta.hcl=lt;var Za=lt.prototype=new ot;Za.brighter=function(n){return new lt(this.h,this.c,Math.min(100,this.l+Va*(arguments.length?n:1)))},Za.darker=function(n){return new lt(this.h,this.c,Math.max(0,this.l-Va*(arguments.length?n:1)))},Za.rgb=function(){return st(this.h,this.c,this.l).rgb()},ta.lab=ft;var Va=18,Xa=.95047,$a=1,Ba=1.08883,Wa=ft.prototype=new ot;Wa.brighter=function(n){return new ft(Math.min(100,this.l+Va*(arguments.length?n:1)),this.a,this.b)},Wa.darker=function(n){return new ft(Math.max(0,this.l-Va*(arguments.length?n:1)),this.a,this.b)},Wa.rgb=function(){return ht(this.l,this.a,this.b)},ta.rgb=mt;var Ja=mt.prototype=new ot;Ja.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 mt(Math.min(255,t/n),Math.min(255,e/n),Math.min(255,r/n))):new mt(u,u,u)},Ja.darker=function(n){return n=Math.pow(.7,arguments.length?n:1),new mt(n*this.r,n*this.g,n*this.b)},Ja.hsl=function(){return _t(this.r,this.g,this.b)},Ja.toString=function(){return"#"+xt(this.r)+xt(this.g)+xt(this.b)};var Ga=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,rebeccapurple:6697881,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});Ga.forEach(function(n,t){Ga.set(n,yt(t))}),ta.functor=Et,ta.xhr=At(y),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 m,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 Ka,Qa,nc,tc,ec,rc=this[x(this,"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};Qa?Qa.n=i:Ka=i,Qa=i,nc||(tc=clearTimeout(tc),nc=1,rc(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 uc=["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)))),uc[8+e/3]};var ic=/(?:([^{])?([<>=^]))?([+\- ])?([$#])?(0)?(\d+)?(,)?(\.-?\d+)?([a-z%])?/i,oc=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))))}}),ac=ta.time={},cc=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(){lc.setUTCDate.apply(this._,arguments)},setDay:function(){lc.setUTCDay.apply(this._,arguments)},setFullYear:function(){lc.setUTCFullYear.apply(this._,arguments)},setHours:function(){lc.setUTCHours.apply(this._,arguments)},setMilliseconds:function(){lc.setUTCMilliseconds.apply(this._,arguments)},setMinutes:function(){lc.setUTCMinutes.apply(this._,arguments)},setMonth:function(){lc.setUTCMonth.apply(this._,arguments)},setSeconds:function(){lc.setUTCSeconds.apply(this._,arguments)},setTime:function(){lc.setTime.apply(this._,arguments)}};var lc=Date.prototype;ac.year=Ft(function(n){return n=ac.day(n),n.setMonth(0,1),n},function(n,t){n.setFullYear(n.getFullYear()+t)},function(n){return n.getFullYear()}),ac.years=ac.year.range,ac.years.utc=ac.year.utc.range,ac.day=Ft(function(n){var t=new cc(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}),ac.days=ac.day.range,ac.days.utc=ac.day.utc.range,ac.dayOfYear=function(n){var t=ac.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=ac[n]=Ft(function(n){return(n=ac.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=ac.year(n).getDay();return Math.floor((ac.dayOfYear(n)+(e+t)%7)/7)-(e!==t)});ac[n+"s"]=e.range,ac[n+"s"].utc=e.utc.range,ac[n+"OfYear"]=function(n){var e=ac.year(n).getDay();return Math.floor((ac.dayOfYear(n)+(e+t)%7)/7)}}),ac.week=ac.sunday,ac.weeks=ac.sunday.range,ac.weeks.utc=ac.sunday.utc.range,ac.weekOfYear=ac.sundayOfYear;var sc={"-":"",_:" ",0:"0"},fc=/^\s*\d+/,hc=/^%/;ta.locale=function(n){return{numberFormat:Pt(n),timeFormat:Ot(n)}};var gc=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=gc.numberFormat,ta.geo={},ce.prototype={s:0,t:0,add:function(n){le(n,this.t,pc),le(pc.s,this.s,this),this.s?this.t+=pc.t:this.s=pc.t +},reset:function(){this.s=this.t=0},valueOf:function(){return this.s}};var pc=new ce;ta.geo.stream=function(n,t){n&&vc.hasOwnProperty(n.type)?vc[n.type](n,t):se(n,t)};var vc={Feature:function(n,t){se(n.geometry,t)},FeatureCollection:function(n,t){for(var e=n.features,r=-1,u=e.length;++rn?4*qa+n:n,Mc.lineStart=Mc.lineEnd=Mc.point=b}};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*Da,e*Da]);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]*Pa*l,d=ga(c)>180;if(d^(v>l*p&&l*t>v)){var y=o[1]*Pa;y>g&&(g=y)}else if(v=(v+360)%360-180,d^(v>l*p&&l*t>v)){var y=-o[1]*Pa;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+=ga(r)>180?r+(r>0?360:-360):r}else v=n,d=e;Mc.point(n,e),t(n,e)}function i(){Mc.lineStart()}function o(){u(v,d),Mc.lineEnd(),ga(y)>Ca&&(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]:nyc?(s=-(h=180),f=-(g=90)):y>Ca?g=90:-Ca>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){xc=bc=_c=wc=Sc=kc=Ec=Ac=Nc=Cc=zc=0,ta.geo.stream(n,qc);var t=Nc,e=Cc,r=zc,u=t*t+e*e+r*r;return za>u&&(t=kc,e=Ec,r=Ac,Ca>bc&&(t=_c,e=wc,r=Sc),u=t*t+e*e+r*r,za>u)?[0/0,0/0]:[Math.atan2(e,t)*Pa,tt(r/Math.sqrt(u))*Pa]};var xc,bc,_c,wc,Sc,kc,Ec,Ac,Nc,Cc,zc,qc={sphere:b,point:_e,lineStart:Se,lineEnd:ke,polygonStart:function(){qc.lineStart=Ee},polygonEnd:function(){qc.lineStart=Se}},Lc=Le(Ne,Pe,je,[-qa,-qa/2]),Tc=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=Ie(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 Ye(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+Ca,f+.12*l+Ca],[s-.214*l-Ca,f+.234*l-Ca]]).stream(c).point,u=a.translate([s-.205*l,f+.212*l]).clipExtent([[s-.214*l+Ca,f+.166*l+Ca],[s-.115*l-Ca,f+.234*l-Ca]]).stream(c).point,n},n.scale(1070)};var Rc,Dc,Pc,Uc,jc,Fc,Hc={point:b,lineStart:b,lineEnd:b,polygonStart:function(){Dc=0,Hc.lineStart=Ve},polygonEnd:function(){Hc.lineStart=Hc.lineEnd=Hc.point=b,Rc+=ga(Dc/2)}},Oc={point:Xe,lineStart:b,lineEnd:b,polygonStart:b,polygonEnd:b},Ic={point:We,lineStart:Je,lineEnd:Ge,polygonStart:function(){Ic.lineStart=Ke},polygonEnd:function(){Ic.point=We,Ic.lineStart=Je,Ic.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 Rc=0,ta.geo.stream(n,u(Hc)),Rc},n.centroid=function(n){return _c=wc=Sc=kc=Ec=Ac=Nc=Cc=zc=0,ta.geo.stream(n,u(Ic)),zc?[Nc/zc,Cc/zc]:Ac?[kc/Ac,Ec/Ac]:Sc?[_c/Sc,wc/Sc]:[0/0,0/0]},n.bounds=function(n){return jc=Fc=-(Pc=Uc=1/0),ta.geo.stream(n,u(Oc)),[[Pc,Uc],[jc,Fc]]},n.projection=function(n){return arguments.length?(u=(e=n)?n.stream||tr(n):y,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]*Da,t[1]*Da),t[0]*=Pa,t[1]*=Pa,t}return n=lr(n[0]%360*Da,n[1]*Da,n.length>2?n[2]*Da:0),t.invert=function(t){return t=n.invert(t[0]*Da,t[1]*Da),t[0]*=Pa,t[1]*=Pa,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]*Da,-n[1]*Da,0).invert,u=[];return e(null,null,1,{point:function(n,e){u.push(n=t(n,e)),n[0]*=Pa,n[1]*=Pa}}),{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)*Da,u*Da),n):t},n.precision=function(r){return arguments.length?(e=gr(t*Da,(u=+r)*Da),n):u},n.angle(90)},ta.geo.distance=function(n,t){var e,r=(t[0]-n[0])*Da,u=n[1]*Da,i=t[1]*Da,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 ga(n%d)>Ca}).map(s)).concat(ta.range(Math.ceil(a/v)*v,o,v).filter(function(n){return ga(n%m)>Ca}).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+Ca],[180,90-Ca]]).minorExtent([[-180,-80-Ca],[180,80+Ca]])},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]*Da,n[1]*Da,t[0]*Da,t[1]*Da)},ta.geo.length=function(n){return Yc=0,ta.geo.stream(n,Zc),Yc};var Yc,Zc={sphere:b,point:b,lineStart:xr,lineEnd:b,polygonStart:b,polygonEnd:b},Vc=br(function(n){return Math.sqrt(2/(1+n))},function(n){return 2*Math.asin(n/2)});(ta.geo.azimuthalEqualArea=function(){return ur(Vc)}).raw=Vc;var Xc=br(function(n){var t=Math.acos(n);return t&&t/Math.sin(t)},y);(ta.geo.azimuthalEquidistant=function(){return ur(Xc)}).raw=Xc,(ta.geo.conicConformal=function(){return Ye(_r)}).raw=_r,(ta.geo.conicEquidistant=function(){return Ye(wr)}).raw=wr;var $c=br(function(n){return 1/n},Math.atan);(ta.geo.gnomonic=function(){return ur($c)}).raw=$c,Sr.invert=function(n,t){return[n,2*Math.atan(Math.exp(t))-Ra]},(ta.geo.mercator=function(){return kr(Sr)}).raw=Sr;var Bc=br(function(){return 1},Math.asin);(ta.geo.orthographic=function(){return ur(Bc)}).raw=Bc;var Wc=br(function(n){return 1/(1+n)},function(n){return 2*Math.atan(n)});(ta.geo.stereographic=function(){return ur(Wc)}).raw=Wc,Er.invert=function(n,t){return[-t,2*Math.atan(Math.exp(n))-Ra]},(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=Et(e),i=Et(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)/Ca)*Ca,y:Math.round(o(n,t)/Ca)*Ca,i:t}})}var r=Ar,u=Nr,i=r,o=u,a=ul;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(Yr),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=Et(a),x=Et(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=cl.get(e)||al,r=ll.get(r)||y,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:sl)})(n)},Pu.prototype.toString=function(){return"translate("+this.translate+")rotate("+this.rotate+")skewX("+this.skew+")scale("+this.scale+")"};var sl={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=fl,h=hl,g=-30,p=gl,v=.1,d=.64,m=[],M=[];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,y,x,b=m.length,_=M.length;for(e=0;_>e;++e)a=M[e],f=a.source,h=a.target,y=h.x-f.x,x=h.y-f.y,(p=y*y+x*x)&&(p=r*i[e]*((p=Math.sqrt(p))-u[e])/p,y*=p,x*=p,h.x-=y*(d=f.weight/(h.weight+f.weight)),h.y-=x*d,f.x+=y*(d=1-d),f.y+=x*d);if((d=r*v)&&(y=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;s>a;++a){var u=M[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=M[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,M[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,M[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(y).on("dragstart.force",Xu).on("drag.force",t).on("dragend.force",$u)),arguments.length?void this.on("mouseover.force",Bu).on("mouseout.force",Wu).call(e):e},ta.rebind(a,c,"on")};var fl=20,hl=1,gl=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===pl?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=pl,r=0,u=La,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 pl={};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=y,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:vl.get(t)||ai,n):e},n.offset=function(t){return arguments.length?(r="function"==typeof t?t:dl.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 vl=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}),dl=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=Et(t),n):r},n.bins=function(t){return arguments.length?(u="number"==typeof t?function(n){return gi(n,t)}:Et(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 ml={floor:y,ceil:y};ta.scale.linear=function(){return Ii([0,1],[0,1],mu,!1)};var yl={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 Ml=ta.format(".0e"),xl={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(bl)},ta.scale.category20=function(){return ta.scale.ordinal().range(_l)},ta.scale.category20b=function(){return ta.scale.ordinal().range(wl)},ta.scale.category20c=function(){return ta.scale.ordinal().range(Sl)};var bl=[2062260,16744206,2924588,14034728,9725885,9197131,14907330,8355711,12369186,1556175].map(Mt),_l=[2062260,11454440,16744206,16759672,2924588,10018698,14034728,16750742,9725885,12955861,9197131,12885140,14907330,16234194,8355711,13092807,12369186,14408589,1556175,10410725].map(Mt),wl=[3750777,5395619,7040719,10264286,6519097,9216594,11915115,13556636,9202993,12426809,15186514,15190932,8666169,11356490,14049643,15177372,8077683,10834324,13528509,14589654].map(Mt),Sl=[3244733,7057110,10406625,13032431,15095053,16616764,16625259,16634018,3253076,7652470,10607003,13101504,7695281,10394312,12369372,14342891,6513507,9868950,12434877,14277081].map(Mt);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)-Ra,f=a.apply(this,arguments)-Ra,h=Math.abs(f-s),g=s>f?0:1;if(n>l&&(p=l,l=n,n=p),h>=Ta)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===kl?Math.sqrt(n*n+l*l):+i.apply(this,arguments),g||(A*=-1),l&&(A=tt(d/l*Math.sin(m))),n&&(E=tt(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)<=qa?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)<=qa?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),I=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],I[1][0],I[1][1]),",",g," ",I[1],"A",H,",",H," 0 0,",v," ",I[0]):N.push("M",O[0],"A",H,",",H," 0 1,",v," ",I[0])}else N.push("M",y,",",M);if(null!=S){var Y=Math.min(p,(n-F)/(j-1)),Z=fo([y,M],[S,k],n,-Y,g),V=fo([_,w],null==x?[y,M]:[x,b],n,-Y,g);p===Y?N.push("L",V[0],"A",Y,",",Y," 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",Y,",",Y," 0 0,",v," ",Z[0]):N.push("L",V[0],"A",Y,",",Y," 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=kl,o=ao,a=co,c=lo;return n.innerRadius=function(t){return arguments.length?(e=Et(t),n):e},n.outerRadius=function(t){return arguments.length?(r=Et(t),n):r},n.cornerRadius=function(t){return arguments.length?(u=Et(t),n):u},n.padRadius=function(t){return arguments.length?(i=t==kl?kl:Et(t),n):i},n.startAngle=function(t){return arguments.length?(o=Et(t),n):o},n.endAngle=function(t){return arguments.length?(a=Et(t),n):a},n.padAngle=function(t){return arguments.length?(c=Et(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-Ra;return[Math.cos(t)*n,Math.sin(t)*n]},n};var kl="auto";ta.svg.line=function(){return ho(y)};var El=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});El.forEach(function(n,t){t.key=n,t.closed=/-closed$/.test(n)});var Al=[0,2/3,1/3,0],Nl=[0,1/3,2/3,0],Cl=[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(y)},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)-Ra,s=l.call(n,u,r)-Ra;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>qa)+",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=Et(t),n):a},n.source=function(t){return arguments.length?(i=Et(t),n):i},n.target=function(t){return arguments.length?(o=Et(t),n):o},n.startAngle=function(t){return arguments.length?(c=Et(t),n):c},n.endAngle=function(t){return arguments.length?(l=Et(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=Et(e),n):t},n.target=function(t){return arguments.length?(e=Et(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(zl.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=Et(e),n):t},n.size=function(t){return arguments.length?(e=Et(t),n):e},n};var zl=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*Ll)),e=t*Ll;return"M0,"+-t+"L"+e+",0 0,"+t+" "+-e+",0Z"},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/ql),e=t*ql/2;return"M0,"+e+"L"+t+","+-e+" "+-t+","+-e+"Z"},"triangle-up":function(n){var t=Math.sqrt(n/ql),e=t*ql/2;return"M0,"+-e+"L"+t+","+e+" "+-t+","+e+"Z"}});ta.svg.symbolTypes=zl.keys();var ql=Math.sqrt(3),Ll=Math.tan(30*Da);_a.transition=function(n){for(var t,e,r=Tl||++Ul,u=Xo(n),i=[],o=Rl||{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 Yo(u,this.namespace,this.id)},Pl.tween=function(n,t){var e=this.id,r=this.namespace;return arguments.length<2?this.node()[r][e].tween.get(n):Y(this,null==t?function(t){t[r][e].tween.remove(n)}:function(u){u[r][e].tween.set(n,t)})},Pl.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)},Pl.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)},Pl.style=function(n,e,r){function u(){this.style.removeProperty(n)}function i(e){return null==e?u:(e+="",function(){var u,i=t(this).getComputedStyle(this,null).getPropertyValue(n);return i!==e&&(u=mu(i,e),function(t){this.style.setProperty(n,u(t),r)})})}var o=arguments.length;if(3>o){if("string"!=typeof n){2>o&&(e="");for(r in n)this.style(r,n[r],e);return this}r=""}return Zo(this,"style."+n,e,i)},Pl.styleTween=function(n,e,r){function u(u,i){var o=e.call(this,u,i,t(this).getComputedStyle(this,null).getPropertyValue(n));return o&&function(t){this.style.setProperty(n,o(t),r)}}return arguments.length<3&&(r=""),this.tween("style."+n,u)},Pl.text=function(n){return Zo(this,"text",n,Vo)},Pl.remove=function(){var n=this.namespace;return this.each("end.transition",function(){var t;this[n].count<2&&(t=this.parentNode)&&t.removeChild(this)})},Pl.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)),Y(this,function(r){r[e][t].ease=n}))},Pl.delay=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].delay:Y(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}))},Pl.duration=function(n){var t=this.id,e=this.namespace;return arguments.length<1?this.node()[e][t].duration:Y(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}))},Pl.each=function(n,t){var e=this.id,r=this.namespace;if(arguments.length<2){var u=Rl,i=Tl;try{Tl=e,Y(this,function(t,u,i){Rl=t[r][e],n.call(t,t.__data__,u,i)})}finally{Rl=u,Tl=i}}else Y(this,function(u){var i=u[r][e];(i.event||(i.event=ta.dispatch("start","end","interrupt"))).on(n,t)});return this},Pl.transition=function(){for(var n,t,e,r,u=this.id,i=++Ul,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 Yo(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):y:t,p=l.selectAll(".tick").data(h,f),v=p.enter().insert("g",".domain").attr("class","tick").style("opacity",Ca),d=ta.transition(p.exit()).style("opacity",Ca).remove(),m=ta.transition(p.order()).style("opacity",1),M=Math.max(u,0)+o,x=Ui(f),b=l.selectAll(".domain").data([0]),_=(b.enter().append("path").attr("class","domain"),ta.transition(b));v.append("line"),v.append("text");var w,S,k,E,A=v.select("line"),N=m.select("line"),C=p.select("text").text(g),z=v.select("text"),q=m.select("text"),L="top"===r||"left"===r?-1:1;if("bottom"===r||"top"===r?(n=Bo,w="x",k="y",S="x2",E="y2",C.attr("dy",0>L?"0em":".71em").style("text-anchor","middle"),_.attr("d","M"+x[0]+","+L*i+"V0H"+x[1]+"V"+L*i)):(n=Wo,w="y",k="x",S="y2",E="x2",C.attr("dy",".32em").style("text-anchor",0>L?"end":"start"),_.attr("d","M"+L*i+","+x[0]+"H0V"+x[1]+"H"+L*i)),A.attr(E,L*u),z.attr(k,L*M),N.attr(S,0).attr(E,L*u),q.attr(w,0).attr(k,L*M),f.rangeBand){var T=f,R=T.rangeBand()/2;s=f=function(n){return T(n)+R}}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=jl,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 Fl?t+"":jl,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 jl="bottom",Fl={top:1,right:1,bottom:1,left:1};ta.svg.brush=function(){function n(t){t.each(function(){var t=ta.select(this).style("pointer-events","all").style("-webkit-tap-highlight-color","rgba(0,0,0,0)").on("mousedown.brush",i).on("touchstart.brush",i),o=t.selectAll(".background").data([0]);o.enter().append("rect").attr("class","background").style("visibility","hidden").style("cursor","crosshair"),t.selectAll(".extent").data([0]).enter().append("rect").attr("class","extent").style("cursor","move");var a=t.selectAll(".resize").data(v,y);a.exit().remove(),a.enter().append("g").attr("class",function(n){return"resize "+n}).style("cursor",function(n){return Hl[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 c,f=ta.transition(t),h=ta.transition(o);l&&(c=Ui(l),h.attr("x",c[0]).attr("width",c[1]-c[0]),r(f)),s&&(c=Ui(s),h.attr("y",c[0]).attr("height",c[1]-c[0]),u(f)),e(f)})}function e(n){n.selectAll(".resize").attr("transform",function(n){return"translate("+f[+/e$/.test(n)]+","+h[+/^s/.test(n)]+")"})}function r(n){n.select(".extent").attr("x",f[0]),n.selectAll(".extent,.n>rect,.s>rect").attr("width",f[1]-f[0])}function u(n){n.select(".extent").attr("y",h[0]),n.selectAll(".extent,.e>rect,.w>rect").attr("height",h[1]-h[0])}function i(){function i(){32==ta.event.keyCode&&(C||(M=null,q[0]-=f[1],q[1]-=h[1],C=2),S())}function v(){32==ta.event.keyCode&&2==C&&(q[0]+=f[1],q[1]+=h[1],C=0,S())}function d(){var n=ta.mouse(b),t=!1;x&&(n[0]+=x[0],n[1]+=x[1]),C||(ta.event.altKey?(M||(M=[(f[0]+f[1])/2,(h[0]+h[1])/2]),q[0]=f[+(n[0]s?(u=r,r=s):u=s),v[0]!=r||v[1]!=u?(e?a=null:o=null,v[0]=r,v[1]=u,!0):void 0}function y(){d(),k.style("pointer-events","all").selectAll(".resize").style("display",n.empty()?"none":null),ta.select("body").style("cursor",null),L.on("mousemove.brush",null).on("mouseup.brush",null).on("touchmove.brush",null).on("touchend.brush",null).on("keydown.brush",null).on("keyup.brush",null),z(),w({type:"brushend"})}var M,x,b=this,_=ta.select(ta.event.target),w=c.of(b,arguments),k=ta.select(b),E=_.datum(),A=!/^(n|s)$/.test(E)&&l,N=!/^(e|w)$/.test(E)&&s,C=_.classed("extent"),z=W(b),q=ta.mouse(b),L=ta.select(t(b)).on("keydown.brush",i).on("keyup.brush",v);if(ta.event.changedTouches?L.on("touchmove.brush",d).on("touchend.brush",y):L.on("mousemove.brush",d).on("mouseup.brush",y),k.interrupt().selectAll("*").interrupt(),C)q[0]=f[0]-q[0],q[1]=h[0]-q[1];else if(E){var T=+/w$/.test(E),R=+/^n/.test(E);x=[f[1-T]-q[0],h[1-R]-q[1]],q[0]=f[T],q[1]=h[R]}else ta.event.altKey&&(M=q.slice());k.style("pointer-events","none").selectAll(".resize").style("display",null),ta.select("body").style("cursor",_.style("cursor")),w({type:"brushstart"}),d()}var o,a,c=E(n,"brushstart","brush","brushend"),l=null,s=null,f=[0,0],h=[0,0],g=!0,p=!0,v=Ol[0];return n.event=function(n){n.each(function(){var n=c.of(this,arguments),t={x:f,y:h,i:o,j:a},e=this.__chart__||t;this.__chart__=t,Tl?ta.select(this).transition().each("start.brush",function(){o=e.i,a=e.j,f=e.x,h=e.y,n({type:"brushstart"})}).tween("brush:brush",function(){var e=yu(f,t.x),r=yu(h,t.y);return o=a=null,function(u){f=t.x=e(u),h=t.y=r(u),n({type:"brush",mode:"resize"})}}).each("end.brush",function(){o=t.i,a=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?(l=t,v=Ol[!l<<1|!s],n):l},n.y=function(t){return arguments.length?(s=t,v=Ol[!l<<1|!s],n):s},n.clamp=function(t){return arguments.length?(l&&s?(g=!!t[0],p=!!t[1]):l?g=!!t:s&&(p=!!t),n):l&&s?[g,p]:l?g:s?p:null},n.extent=function(t){var e,r,u,i,c;return arguments.length?(l&&(e=t[0],r=t[1],s&&(e=e[0],r=r[0]),o=[e,r],l.invert&&(e=l(e),r=l(r)),e>r&&(c=e,e=r,r=c),(e!=f[0]||r!=f[1])&&(f=[e,r])),s&&(u=t[0],i=t[1],l&&(u=u[1],i=i[1]),a=[u,i],s.invert&&(u=s(u),i=s(i)),u>i&&(c=u,u=i,i=c),(u!=h[0]||i!=h[1])&&(h=[u,i])),n):(l&&(o?(e=o[0],r=o[1]):(e=f[0],r=f[1],l.invert&&(e=l.invert(e),r=l.invert(r)),e>r&&(c=e,e=r,r=c))),s&&(a?(u=a[0],i=a[1]):(u=h[0],i=h[1],s.invert&&(u=s.invert(u),i=s.invert(i)),u>i&&(c=u,u=i,i=c))),l&&s?[[e,u],[r,i]]:l?[e,r]:s&&[u,i])},n.clear=function(){return n.empty()||(f=[0,0],h=[0,0],o=a=null),n},n.empty=function(){return!!l&&f[0]==f[1]||!!s&&h[0]==h[1]},ta.rebind(n,c,"on")};var Hl={n:"ns-resize",e:"ew-resize",s:"ns-resize",w:"ew-resize",nw:"nwse-resize",ne:"nesw-resize",se:"nwse-resize",sw:"nesw-resize"},Ol=[["n","e","s","w","nw","ne","se","sw"],["e","w"],["n","s"],[]],Il=ac.format=gc.timeFormat,Yl=Il.utc,Zl=Yl("%Y-%m-%dT%H:%M:%S.%LZ");Il.iso=Date.prototype.toISOString&&+new Date("2000-01-01T00:00:00.000Z")?Jo:Zl,Jo.parse=function(n){var t=new Date(n);return isNaN(t)?null:t},Jo.toString=Zl.toString,ac.second=Ft(function(n){return new cc(1e3*Math.floor(n/1e3))},function(n,t){n.setTime(n.getTime()+1e3*Math.floor(t))},function(n){return n.getSeconds()}),ac.seconds=ac.second.range,ac.seconds.utc=ac.second.utc.range,ac.minute=Ft(function(n){return new cc(6e4*Math.floor(n/6e4))},function(n,t){n.setTime(n.getTime()+6e4*Math.floor(t))},function(n){return n.getMinutes()}),ac.minutes=ac.minute.range,ac.minutes.utc=ac.minute.utc.range,ac.hour=Ft(function(n){var t=n.getTimezoneOffset()/60;return new cc(36e5*(Math.floor(n/36e5-t)+t))},function(n,t){n.setTime(n.getTime()+36e5*Math.floor(t))},function(n){return n.getHours()}),ac.hours=ac.hour.range,ac.hours.utc=ac.hour.utc.range,ac.month=Ft(function(n){return n=ac.day(n),n.setDate(1),n},function(n,t){n.setMonth(n.getMonth()+t)},function(n){return n.getMonth()}),ac.months=ac.month.range,ac.months.utc=ac.month.utc.range;var Vl=[1e3,5e3,15e3,3e4,6e4,3e5,9e5,18e5,36e5,108e5,216e5,432e5,864e5,1728e5,6048e5,2592e6,7776e6,31536e6],Xl=[[ac.second,1],[ac.second,5],[ac.second,15],[ac.second,30],[ac.minute,1],[ac.minute,5],[ac.minute,15],[ac.minute,30],[ac.hour,1],[ac.hour,3],[ac.hour,6],[ac.hour,12],[ac.day,1],[ac.day,2],[ac.week,1],[ac.month,1],[ac.month,3],[ac.year,1]],$l=Il.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]]),Bl={range:function(n,t,e){return ta.range(Math.ceil(n/e)*e,+t,e).map(Ko)},floor:y,ceil:y};Xl.year=ac.year,ac.scale=function(){return Go(ta.scale.linear(),Xl,$l)};var Wl=Xl.map(function(n){return[n[0].utc,n[1]]}),Jl=Yl.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]]);Wl.year=ac.year.utc,ac.scale.utc=function(){return Go(ta.scale.linear(),Wl,Jl)},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.d3=ta}(); \ No newline at end of file diff --git a/ui/src/main/webapp/js/relationship-sankey.js b/ui/src/main/webapp/js/relationship-sankey.js new file mode 100644 index 000000000..1e5ff063c --- /dev/null +++ b/ui/src/main/webapp/js/relationship-sankey.js @@ -0,0 +1,647 @@ +// Originally based on http://bl.ocks.org/Neilos/584b9a5d44d5fe00f779, +// but *heavily* modified for Artificer (Brett Meyer). + +'use strict'; + +var OPACITY = { + NODE_DEFAULT: 0.9, + NODE_FADED: 0.1, + NODE_HIGHLIGHT: 0.8, + LINK_DEFAULT: 0.6, + LINK_FADED: 0.05, + LINK_HIGHLIGHT: 0.9 + }, + TYPES = ["Asset", "Expense", "Revenue", "Equity", "Liability"], + TYPE_COLORS = ["#1b9e77", "#d95f02", "#7570b3", "#e7298a", "#66a61e", "#e6ab02", "#a6761d"], + TYPE_HIGHLIGHT_COLORS = ["#66c2a5", "#fc8d62", "#8da0cb", "#e78ac3", "#a6d854", "#ffd92f", "#e5c494"], + LINK_COLOR = "#b3b3b3", + INFLOW_COLOR = "#2E86D1", + OUTFLOW_COLOR = "#D63028", + NODE_WIDTH = 36, + COLLAPSER = { + RADIUS: NODE_WIDTH / 2, + SPACING: 2 + }, + OUTER_MARGIN = 10, + MARGIN = { + TOP: 2 * (COLLAPSER.RADIUS + OUTER_MARGIN), + RIGHT: OUTER_MARGIN, + BOTTOM: OUTER_MARGIN, + LEFT: OUTER_MARGIN + }, + TRANSITION_DURATION = 400, + HEIGHT = 600 - MARGIN.TOP - MARGIN.BOTTOM, + WIDTH = 1200 - MARGIN.LEFT - MARGIN.RIGHT, + LAYOUT_INTERATIONS = 32; + +var isTransitioning = false, + selectedNode = "", + singleClicked = false, + dragged = false; + +var svg, tooltip, path, defs, colorScale, highlightColorScale; + +var hideTooltip = function () { + return tooltip.transition() + .duration(TRANSITION_DURATION) + .style("opacity", 0); +}, + +// Used when temporarily disabling user interactions to allow animations to complete +// Need to disable for 2*, since some animations involve two consecutive transitions. +disableUserInteractions = function (time) { + isTransitioning = true; + setTimeout(function(){ + isTransitioning = false; + }, 2 * TRANSITION_DURATION); +}, + +showTooltip = function () { + return tooltip + .style("left", d3.event.pageX + "px") + .style("top", d3.event.pageY + 15 + "px") + .transition() + .duration(TRANSITION_DURATION) + .style("opacity", 1); +}; + +var biHiSankey = d3.biHiSankey(); + +// Set the biHiSankey diagram properties +biHiSankey + .nodeWidth(NODE_WIDTH) + .nodeSpacing(10) + .linkSpacing(4) + .arrowheadScaleFactor(0.5) // Specifies that 0.5 of the link's stroke WIDTH should be allowed for the marker at the end of the link. + .size([WIDTH, HEIGHT]); + +function initRelationshipVisualization() { + colorScale = d3.scale.ordinal().domain(TYPES).range(TYPE_COLORS), + highlightColorScale = d3.scale.ordinal().domain(TYPES).range(TYPE_HIGHLIGHT_COLORS), + + svg = d3.select("#chart").append("svg") + .attr("width", WIDTH + MARGIN.LEFT + MARGIN.RIGHT) + .attr("height", HEIGHT + MARGIN.TOP + MARGIN.BOTTOM) + .append("g") + .attr("transform", "translate(" + MARGIN.LEFT + "," + MARGIN.TOP + ")"); + + svg.append("g").attr("id", "links"); + svg.append("g").attr("id", "nodes"); + svg.append("g").attr("id", "collapsers"); + + tooltip = d3.select("#chart").append("div").attr("id", "tooltip"); + + tooltip.style("opacity", 0) + .append("p") + .attr("class", "value"); + + path = biHiSankey.link().curvature(0.45); + + defs = svg.append("defs"); + + defs.append("marker") + .style("fill", LINK_COLOR) + .attr("id", "arrowHead") + .attr("viewBox", "0 0 6 10") + .attr("refX", "1") + .attr("refY", "5") + .attr("markerUnits", "strokeWidth") + .attr("markerWidth", "1") + .attr("markerHeight", "1") + .attr("orient", "auto") + .append("path") + .attr("d", "M 0 0 L 1 0 L 6 5 L 1 10 L 0 10 z"); + + defs.append("marker") + .style("fill", OUTFLOW_COLOR) + .attr("id", "arrowHeadInflow") + .attr("viewBox", "0 0 6 10") + .attr("refX", "1") + .attr("refY", "5") + .attr("markerUnits", "strokeWidth") + .attr("markerWidth", "1") + .attr("markerHeight", "1") + .attr("orient", "auto") + .append("path") + .attr("d", "M 0 0 L 1 0 L 6 5 L 1 10 L 0 10 z"); + + defs.append("marker") + .style("fill", INFLOW_COLOR) + .attr("id", "arrowHeadOutlow") + .attr("viewBox", "0 0 6 10") + .attr("refX", "1") + .attr("refY", "5") + .attr("markerUnits", "strokeWidth") + .attr("markerWidth", "1") + .attr("markerHeight", "1") + .attr("orient", "auto") + .append("path") + .attr("d", "M 0 0 L 1 0 L 6 5 L 1 10 L 0 10 z"); +} + +function updateRelationshipVisualization() { + var link, linkEnter, node, nodeEnter, collapser, collapserEnter; + + function dragmove(node) { + var oldX = node.x; + var oldY = node.y; + node.x = Math.max(0, Math.min(WIDTH - node.width, d3.event.x)); + node.y = Math.max(0, Math.min(HEIGHT - node.height, d3.event.y)); + if (Math.abs(oldX - node.x) > 1 || Math.abs(oldY - node.y) > 1) { + // 'dragged = true' will block other 'click' actions from occurring. However, without anticipating a small + // amount of moment, as most of us do when we click, add a bit of tolerance. + dragged = true; + } + d3.select(this).attr("transform", "translate(" + node.x + "," + node.y + ")"); + biHiSankey.relayout(); + svg.selectAll(".node").selectAll("rect").attr("height", function (d) { return d.height; }); + link.attr("d", path); + } + + function containChildren(node) { + node.children.forEach(function (child) { + child.state = "contained"; + child.parent = this; + child._parent = null; + containChildren(child); + }, node); + } + + function expand(node) { + node.state = "expanded"; + node.children.forEach(function (child) { + child.state = "collapsed"; + child._parent = this; + child.parent = null; + containChildren(child); + }, node); + } + + function collapse(node) { + node.state = "collapsed"; + containChildren(node); + } + + function restoreLinksAndNodes() { + link + .style("stroke", LINK_COLOR) + .style("marker-end", function () { return 'url(#arrowHead)'; }) + .transition() + .duration(TRANSITION_DURATION) + .style("opacity", OPACITY.LINK_DEFAULT); + + node + .selectAll("rect") + .style("fill", function (d) { + d.color = colorScale(d.type.replace(/ .*/, "")); + return d.color; + }) + .style("stroke", function (d) { + return d3.rgb(colorScale(d.type.replace(/ .*/, ""))).darker(0.1); + }) + .style("fill-opacity", OPACITY.NODE_DEFAULT); + + node.filter(function (n) { return n.state === "collapsed"; }) + .transition() + .duration(TRANSITION_DURATION) + .style("opacity", OPACITY.NODE_DEFAULT); + } + + function showHideChildren(node) { + if (node.children.length > 0) { + disableUserInteractions(); + + hideTooltip(); + if (node.state === "collapsed") { + expand(node); + } + else { + collapse(node); + } + + biHiSankey.relayout(); + updateRelationshipVisualization(); + link.attr("d", path); + restoreLinksAndNodes(); + } + } + + function highlightConnected(g) { + link.filter(function (d) { return d.source === g; }) + .style("marker-end", function () { return 'url(#arrowHeadInflow)'; }) + .style("stroke", OUTFLOW_COLOR) + .style("opacity", OPACITY.LINK_DEFAULT); + + link.filter(function (d) { return d.target === g; }) + .style("marker-end", function () { return 'url(#arrowHeadOutlow)'; }) + .style("stroke", INFLOW_COLOR) + .style("opacity", OPACITY.LINK_DEFAULT); + } + + function fadeUnconnected(g) { + link.filter(function (d) { return d.source !== g && d.target !== g; }) + .style("marker-end", function () { return 'url(#arrowHead)'; }) + .transition() + .duration(TRANSITION_DURATION) + .style("opacity", OPACITY.LINK_FADED); + + node.filter(function (d) { + return (d.name === g.name) ? false : !biHiSankey.connected(d, g); + }).transition() + .duration(TRANSITION_DURATION) + .style("opacity", OPACITY.NODE_FADED); + } + + link = svg.select("#links").selectAll("path.link") + .data(biHiSankey.visibleLinks(), function (d) { return d.id; }); + + link.transition() + .duration(TRANSITION_DURATION) + .style("stroke-WIDTH", function (d) { return Math.max(1, d.thickness); }) + .attr("d", path) + .style("opacity", OPACITY.LINK_DEFAULT); + + + link.exit().remove(); + + + linkEnter = link.enter().append("path") + .attr("class", "link") + .style("fill", "none"); + + linkEnter.on('mouseenter', function (d) { + if (!isTransitioning && selectedNode == "") { + showTooltip().select(".value").text(function () { + if (d.direction > 0) { + return d.source.name + " → " + d.target.name + "\nrelationship: " + d.label; + } + return d.target.name + " ← " + d.source.name + "\nrelationship: " + d.label; + }); + + d3.select(this) + .transition() + .duration(TRANSITION_DURATION / 2) + .style("opacity", OPACITY.LINK_HIGHLIGHT); + } + }); + + linkEnter.on('mouseleave', function () { + if (!isTransitioning && selectedNode == "") { + hideTooltip(); + + d3.select(this) + .transition() + .duration(TRANSITION_DURATION / 2) + .style("opacity", OPACITY.LINK_DEFAULT); + } + }); + + linkEnter.sort(function (a, b) { return b.thickness - a.thickness; }) + .classed("leftToRight", function (d) { + return d.direction > 0; + }) + .classed("rightToLeft", function (d) { + return d.direction < 0; + }) + .style("marker-end", function () { + return 'url(#arrowHead)'; + }) + .style("stroke", LINK_COLOR) + .style("opacity", 0) + .transition() + .delay(TRANSITION_DURATION) + .duration(TRANSITION_DURATION) + .attr("d", path) + .style("stroke-WIDTH", function (d) { return Math.max(1, d.thickness); }) + .style("opacity", OPACITY.LINK_DEFAULT); + + + node = svg.select("#nodes").selectAll(".node") + .data(biHiSankey.collapsedNodes(), function (d) { return d.id; }); + + + node.transition() + .duration(TRANSITION_DURATION) + .attr("transform", function (d) { return "translate(" + d.x + "," + d.y + ")"; }) + .style("opacity", OPACITY.NODE_DEFAULT) + .select("rect") + .style("fill", function (d) { + d.color = colorScale(d.type.replace(/ .*/, "")); + return d.color; + }) + .style("stroke", function (d) { return d3.rgb(colorScale(d.type.replace(/ .*/, ""))).darker(0.1); }) + .style("stroke-WIDTH", "1px") + .attr("height", function (d) { return d.height; }) + .attr("width", biHiSankey.nodeWidth()); + + + node.exit() + .transition() + .duration(TRANSITION_DURATION) + .attr("transform", function (d) { + var collapsedAncestor, endX, endY; + collapsedAncestor = d.ancestors.filter(function (a) { + return a.state === "collapsed"; + })[0]; + endX = collapsedAncestor ? collapsedAncestor.x : d.x; + endY = collapsedAncestor ? collapsedAncestor.y : d.y; + return "translate(" + endX + "," + endY + ")"; + }) + .remove(); + + + nodeEnter = node.enter().append("g").attr("class", "node"); + + nodeEnter + .attr("transform", function (d) { + var startX = d._parent ? d._parent.x : d.x, + startY = d._parent ? d._parent.y : d.y; + return "translate(" + startX + "," + startY + ")"; + }) + .style("opacity", 1e-6) + .transition() + .duration(TRANSITION_DURATION) + .style("opacity", OPACITY.NODE_DEFAULT) + .attr("transform", function (d) { return "translate(" + d.x + "," + d.y + ")"; }); + + nodeEnter.append("text"); + nodeEnter.append("rect") + .style("fill", function (d) { + d.color = colorScale(d.type.replace(/ .*/, "")); + return d.color; + }) + .style("stroke", function (d) { + return d3.rgb(colorScale(d.type.replace(/ .*/, ""))).darker(0.1); + }) + .style("stroke-WIDTH", "1px") + .attr("height", function (d) { return d.height; }) + .attr("width", biHiSankey.nodeWidth()); + + node.on("mouseenter", function (g) { + if (!isTransitioning) { + //tooltip + // .style("left", g.x + MARGIN.LEFT + "px") + // .style("top", g.y + g.height + MARGIN.TOP + 15 + "px") + // .transition() + // .duration(TRANSITION_DURATION) + // .style("opacity", 1).select(".value") + // .text(function () { + // var additionalInstructions = g.children.length ? "\n(Double click to expand)" : ""; + // return g.name + additionalInstructions; + // }); + if (selectedNode == "") { + // if a node is not currently clicked/selected, highlight + highlightNode(g); + } + } + }); + + node.on("mouseleave", function () { + if (!isTransitioning) { + //hideTooltip(); + if (selectedNode == "") { + // if a node is not currently clicked/selected, un-highlight + restoreLinksAndNodes(); + } + } + }); + + node.on("click", function (g) { + if (dragged) { + dragged = false; + } else if (!isTransitioning) { + // We want to simultaneously support both click and dblclick. + if (singleClicked) { + // double clicked + singleClicked = false; + showHideChildren(g); + } else { + singleClicked = true; + setTimeout(function() { + if (singleClicked) { + singleClicked = false; + + restoreLinksAndNodes(); + + if (g.id == selectedNode) { + // unselect + selectedNode = ""; + $("#chart-instructions").html(""); + } else { + selectedNode = g.id; + highlightNode(g); + $("#chart-instructions").html("Selected artifact: " + g.name + ". Click here for its details view. Re-click the node to un-select."); + } + } + }, 200); + } + } + }); + + function highlightNode(g) { + highlightConnected(g); + fadeUnconnected(g); + + d3.select(this).select("rect") + .style("fill", function (d) { + d.color = d.netFlow > 0 ? INFLOW_COLOR : OUTFLOW_COLOR; + return d.color; + }) + .style("stroke", function (d) { + return d3.rgb(d.color).darker(0.1); + }) + .style("fill-opacity", OPACITY.LINK_DEFAULT); + } + + // allow nodes to be dragged to new positions + node.call(d3.behavior.drag() + .origin(function (d) { return d; }) + .on("dragstart", function () { this.parentNode.appendChild(this); }) + .on("drag", dragmove)); + + // add in the text for the nodes + node.filter(function (d) { return d.value !== 0; }) + .select("text") + .attr("x", -6) + .attr("y", function (d) { return d.height / 2; }) + .attr("dy", ".35em") + .attr("text-anchor", "end") + .attr("transform", null) + .text(function (d) { return d.name; }) + .filter(function (d) { return d.x < WIDTH / 2; }) + .attr("x", 6 + biHiSankey.nodeWidth()) + .attr("text-anchor", "start"); + + + collapser = svg.select("#collapsers").selectAll(".collapser") + .data(biHiSankey.expandedNodes(), function (d) { return d.id; }); + + + collapserEnter = collapser.enter().append("g").attr("class", "collapser"); + + collapserEnter.append("circle") + .attr("r", COLLAPSER.RADIUS) + .style("fill", function (d) { + d.color = colorScale(d.type.replace(/ .*/, "")); + return d.color; + }); + + collapserEnter + .style("opacity", OPACITY.NODE_DEFAULT) + .attr("transform", function (d) { + return "translate(" + (d.x + d.width / 2) + "," + (d.y + COLLAPSER.RADIUS) + ")"; + }); + + collapserEnter.on("dblclick", function(node) { + if (!isTransitioning) { + showHideChildren(node); + } + }); + + collapser.select("circle") + .attr("r", COLLAPSER.RADIUS); + + collapser.transition() + .delay(TRANSITION_DURATION) + .duration(TRANSITION_DURATION) + .attr("transform", function (d, i) { + return "translate(" + + (COLLAPSER.RADIUS + i * 2 * (COLLAPSER.RADIUS + COLLAPSER.SPACING)) + + "," + + (-COLLAPSER.RADIUS - OUTER_MARGIN) + + ")"; + }); + + collapser.on("mouseenter", function (g) { + if (!isTransitioning && selectedNode == "") { + showTooltip().select(".value") + .text(function () { + return g.name + "\n(Double click to collapse)"; + }); + + var highlightColor = highlightColorScale(g.type.replace(/ .*/, "")); + + d3.select(this) + .style("opacity", OPACITY.NODE_HIGHLIGHT) + .select("circle") + .style("fill", highlightColor); + + node.filter(function (d) { + return d.ancestors.indexOf(g) >= 0; + }).style("opacity", OPACITY.NODE_HIGHLIGHT) + .select("rect") + .style("fill", highlightColor); + } + }); + + collapser.on("mouseleave", function (g) { + if (!isTransitioning && selectedNode == "") { + hideTooltip(); + + d3.select(this) + .style("opacity", OPACITY.NODE_DEFAULT) + .select("circle") + .style("fill", function (d) { + return d.color; + }); + + node.filter(function (d) { + return d.ancestors.indexOf(g) >= 0; + }).style("opacity", OPACITY.NODE_DEFAULT) + .select("rect") + .style("fill", function (d) { + return d.color; + }); + } + }); + + collapser.exit().remove(); + +} + +var relationshipNodes = [] +var relationshipLinks = [] + +window.addRelationshipsGraphNode = function addRelationshipsGraphNode(type, id, parent, name) { + relationshipNodes.push({"type":type, "id":id, "parent":parent, "name":name}); +}; + +window.addRelationshipsGraphLink = function addRelationshipsGraphLink(source, target, value, label) { + relationshipLinks.push({"source":source, "target":target, "value":value, "label":label}); +}; + +window.buildRelationshipsGraph = function buildRelationshipsGraph() { + initRelationshipVisualization(); + + biHiSankey + .nodes(relationshipNodes) + .links(relationshipLinks) + .initializeNodes(function (node) { + node.state = node.parent ? "contained" : "collapsed"; + }) + .layout(LAYOUT_INTERATIONS); + + disableUserInteractions(); + + updateRelationshipVisualization(); + }; + +//var relationshipNodes = [ +// {"type":"WsdlDocument","id":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","parent":null,"name":"sample.wsdl (WsdlDocument)"}, +// {"type":"XsdDocument","id":"ca4e76a9-2ea5-48b5-ab89-40177ba1eb71","parent":null,"name":"sample.xsd (XsdDocument)"}, +// {"type":"ElementDeclaration","id":"26c90a9a-9668-491a-aac3-9871e45bc83d","parent":"ca4e76a9-2ea5-48b5-ab89-40177ba1eb71","name":"extInput (ElementDeclaration)"}, +// {"type":"Part","id":"19b8ead6-ec26-4351-beb8-9b1fed1d0043","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"parameters (Part)"}, +// {"type":"Message","id":"fffd3364-4306-40d4-9cb5-bc925121a427","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"findRequest (Message)"}, +// {"type":"OperationInput","id":"88f97011-89ff-4cf2-b25a-a3f717262554","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"findRequest (OperationInput)"}, +// {"type":"Part","id":"31d433b6-c73c-4faa-b322-eeef922e9d7b","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"message (Part)"}, +// {"type":"Fault","id":"f295ddde-d1b7-402a-9553-4f1fe6c62885","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"unknownFault (Fault)"}, +// {"type":"Message","id":"ba779683-cb02-4ddd-a016-fe8a0ac354a4","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"faultMessage (Message)"}, +// {"type":"Fault","id":"e749166b-3569-4874-a0f6-c48ac6f9c903","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"errorFault (Fault)"}, +// {"type":"SoapBinding","id":"af32846f-43ca-4662-84d3-a7baae0362d8","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"soap:binding (SoapBinding)"}, +// {"type":"BindingOperationInput","id":"742b3e6a-9da8-45aa-888b-a5d611f801e8","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"findRequest (BindingOperationInput)"}, +// {"type":"BindingOperationOutput","id":"cfb722c3-0a9c-4f19-8139-3233aa9f3ce3","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"findResponse (BindingOperationOutput)"}, +// {"type":"BindingOperationFault","id":"ee419a4b-c8a1-4b51-98cf-8143bb5bde08","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"errorFault (BindingOperationFault)"}, +// {"type":"BindingOperationFault","id":"cfbdf2ec-7542-48c2-b293-45a4da1227f3","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"unknownFault (BindingOperationFault)"}, +// {"type":"BindingOperation","id":"570fa370-fca9-4177-8282-7084305839dd","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"find (BindingOperation)"}, +// {"type":"SoapAddress","id":"a3aba4a7-2d7a-4b5b-8654-138139b04c6e","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"soap:address (SoapAddress)"}, +// {"type":"WsdlService","id":"5da48602-18bb-4ad2-99de-f5dd3dd6ff63","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"SampleService (WsdlService)"}, +// {"type":"Port","id":"8d6acb17-017c-4daa-a50a-9599693847f7","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"SamplePort (Port)"}, +// {"type":"Binding","id":"d17b273f-cb0f-4038-8acb-e94aa6f0892b","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"SampleBinding (Binding)"}, +// {"type":"PortType","id":"8ef0a94b-c244-4ca9-813b-d9644dfd1e25","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"SamplePortType (PortType)"}, +// {"type":"Operation","id":"8408eb37-ad25-4421-8d43-563042fe449c","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"find (Operation)"}, +// {"type":"OperationOutput","id":"4da06277-d2cf-4091-b338-16d86d54ce20","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"findResponse (OperationOutput)"}, +// {"type":"Message","id":"15092307-5663-440d-bd3f-15497c05232b","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"findResponse (Message)"}, +// {"type":"Part","id":"f5e94ff8-5486-44a7-852d-e065329960b8","parent":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","name":"parameters (Part)"}, +// {"type":"ComplexTypeDeclaration","id":"f61ba65d-6ac2-48cc-9cc2-f167edd1e694","parent":"ca4e76a9-2ea5-48b5-ab89-40177ba1eb71","name":"extOutputType (ComplexTypeDeclaration)"} +//] +// +//var relationshipLinks = [ +// {"source":"8f3bdb37-6e3a-4209-9b76-ab39f8af0478","target":"ca4e76a9-2ea5-48b5-ab89-40177ba1eb71","value":1, "label":"importedXsds"}, +// {"source":"19b8ead6-ec26-4351-beb8-9b1fed1d0043","target":"26c90a9a-9668-491a-aac3-9871e45bc83d","value":1, "label":"element"}, +// {"source":"fffd3364-4306-40d4-9cb5-bc925121a427","target":"19b8ead6-ec26-4351-beb8-9b1fed1d0043","value":1, "label":"part"}, +// {"source":"88f97011-89ff-4cf2-b25a-a3f717262554","target":"fffd3364-4306-40d4-9cb5-bc925121a427","value":1, "label":"message"}, +// {"source":"f295ddde-d1b7-402a-9553-4f1fe6c62885","target":"ba779683-cb02-4ddd-a016-fe8a0ac354a4","value":1, "label":"message"}, +// {"source":"ba779683-cb02-4ddd-a016-fe8a0ac354a4","target":"31d433b6-c73c-4faa-b322-eeef922e9d7b","value":1, "label":"part"}, +// {"source":"e749166b-3569-4874-a0f6-c48ac6f9c903","target":"ba779683-cb02-4ddd-a016-fe8a0ac354a4","value":1, "label":"message"}, +// {"source":"570fa370-fca9-4177-8282-7084305839dd","target":"8408eb37-ad25-4421-8d43-563042fe449c","value":1, "label":"operation"}, +// {"source":"570fa370-fca9-4177-8282-7084305839dd","target":"742b3e6a-9da8-45aa-888b-a5d611f801e8","value":1, "label":"input"}, +// {"source":"570fa370-fca9-4177-8282-7084305839dd","target":"ee419a4b-c8a1-4b51-98cf-8143bb5bde08","value":1, "label":"fault"}, +// {"source":"570fa370-fca9-4177-8282-7084305839dd","target":"cfbdf2ec-7542-48c2-b293-45a4da1227f3","value":1, "label":"fault"}, +// {"source":"570fa370-fca9-4177-8282-7084305839dd","target":"cfb722c3-0a9c-4f19-8139-3233aa9f3ce3","value":1, "label":"output"}, +// {"source":"5da48602-18bb-4ad2-99de-f5dd3dd6ff63","target":"8d6acb17-017c-4daa-a50a-9599693847f7","value":1, "label":"port"}, +// {"source":"8d6acb17-017c-4daa-a50a-9599693847f7","target":"a3aba4a7-2d7a-4b5b-8654-138139b04c6e","value":1, "label":"extension"}, +// {"source":"8d6acb17-017c-4daa-a50a-9599693847f7","target":"d17b273f-cb0f-4038-8acb-e94aa6f0892b","value":1, "label":"binding"}, +// {"source":"d17b273f-cb0f-4038-8acb-e94aa6f0892b","target":"8ef0a94b-c244-4ca9-813b-d9644dfd1e25","value":1, "label":"portType"}, +// {"source":"d17b273f-cb0f-4038-8acb-e94aa6f0892b","target":"af32846f-43ca-4662-84d3-a7baae0362d8","value":1, "label":"extension"}, +// {"source":"d17b273f-cb0f-4038-8acb-e94aa6f0892b","target":"570fa370-fca9-4177-8282-7084305839dd","value":1, "label":"bindingOperation"}, +// {"source":"8ef0a94b-c244-4ca9-813b-d9644dfd1e25","target":"8408eb37-ad25-4421-8d43-563042fe449c","value":1, "label":"operation"}, +// {"source":"8408eb37-ad25-4421-8d43-563042fe449c","target":"88f97011-89ff-4cf2-b25a-a3f717262554","value":1, "label":"input"}, +// {"source":"8408eb37-ad25-4421-8d43-563042fe449c","target":"4da06277-d2cf-4091-b338-16d86d54ce20","value":1, "label":"output"}, +// {"source":"8408eb37-ad25-4421-8d43-563042fe449c","target":"e749166b-3569-4874-a0f6-c48ac6f9c903","value":1, "label":"fault"}, +// {"source":"8408eb37-ad25-4421-8d43-563042fe449c","target":"f295ddde-d1b7-402a-9553-4f1fe6c62885","value":1, "label":"fault"}, +// {"source":"4da06277-d2cf-4091-b338-16d86d54ce20","target":"15092307-5663-440d-bd3f-15497c05232b","value":1, "label":"message"}, +// {"source":"15092307-5663-440d-bd3f-15497c05232b","target":"f5e94ff8-5486-44a7-852d-e065329960b8","value":1, "label":"part"}, +// {"source":"f5e94ff8-5486-44a7-852d-e065329960b8","target":"f61ba65d-6ac2-48cc-9cc2-f167edd1e694","value":1, "label":"type"} +//] +// +//buildRelationshipsGraph(); \ No newline at end of file diff --git a/ui/src/main/webapp/js/relationship-tree.js b/ui/src/main/webapp/js/relationship-tree.js new file mode 100644 index 000000000..9e78024bd --- /dev/null +++ b/ui/src/main/webapp/js/relationship-tree.js @@ -0,0 +1,159 @@ +// Originally based on http://charts.animateddata.co.uk/datavistree/, +// but *heavily* modified for Artificer (Brett Meyer). + +'use strict'; + +var m = [20, 100, 20, 100], + w = 3000 - m[1] - m[3], + h = 800 - m[0] - m[2], + i = 0, + root; + +var tree, diagonal, vis; + +function update(source) { + var duration = d3.event && d3.event.altKey ? 5000 : 500; + + // Compute the new tree layout. + var nodes = tree.nodes(root).reverse(); + + // Normalize for fixed-depth. + nodes.forEach(function(d) { d.y = d.depth * 180; }); + + // Update the nodes… + var node = vis.selectAll("g.node") + .data(nodes, function(d) { return d.id || (d.id = ++i); }); + + // Enter any new nodes at the parent's previous position. + var nodeEnter = node.enter().append("svg:g") + .attr("class", "node") + .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; }) + .on("click", function(d) { toggle(d); update(d); }); + + nodeEnter.append("svg:circle") + .attr("r", 1e-6) + .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; }); + + nodeEnter.append('a') + .attr('xlink:href', function(d) { + return d.url; + }) + .append("svg:text") + .attr("x", function(d) { return d.children || d._children ? -10 : 10; }) + .attr("dy", ".35em") + .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; }) + .text(function(d) { return d.name; }) + .style('fill', function(d) { + return d.free ? 'black' : '#999'; + }) + .style("fill-opacity", 1e-6); + + nodeEnter.append("svg:title") + .text(function(d) { + return d.description; + }); + + // Transition nodes to their new position. + var nodeUpdate = node.transition() + .duration(duration) + .attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; }); + + nodeUpdate.select("circle") + .attr("r", 6) + .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; }); + + nodeUpdate.select("text") + .style("fill-opacity", 1); + + // Transition exiting nodes to the parent's new position. + var nodeExit = node.exit().transition() + .duration(duration) + .attr("transform", function(d) { return "translate(" + source.y + "," + source.x + ")"; }) + .remove(); + + nodeExit.select("circle") + .attr("r", 1e-6); + + nodeExit.select("text") + .style("fill-opacity", 1e-6); + + // Update the links… + var link = vis.selectAll("path.link") + .data(tree.links(nodes), function(d) { return d.target.id; }); + + // Enter any new links at the parent's previous position. + link.enter().insert("svg:path", "g") + .attr("class", "link") + .attr("d", function(d) { + var o = {x: source.x0, y: source.y0}; + return diagonal({source: o, target: o}); + }) + .transition() + .duration(duration) + .attr("d", diagonal); + + // Transition links to their new position. + link.transition() + .duration(duration) + .attr("d", diagonal); + + // Transition exiting nodes to the parent's new position. + link.exit().transition() + .duration(duration) + .attr("d", function(d) { + var o = {x: source.x, y: source.y}; + return diagonal({source: o, target: o}); + }) + .remove(); + + // Stash the old positions for transition. + nodes.forEach(function(d) { + d.x0 = d.x; + d.y0 = d.y; + }); +} + +// Toggle children. +function toggle(d) { + if (d.children) { + d._children = d.children; + d.children = null; + } else { + d.children = d._children; + d._children = null; + } +} + +window.buildRelationshipsTree = function buildRelationshipsTree(t) { + tree = d3.layout.tree() + .size([h, w]); + + diagonal = d3.svg.diagonal() + .projection(function(d) { return [d.y, d.x]; }); + + vis = d3.select("#tree").append("svg:svg") + .attr("width", w + m[1] + m[3]) + .attr("height", h + m[0] + m[2]) + .append("svg:g") + .attr("transform", "translate(" + m[3] + "," + m[0] + ")"); + + root = t; + + root.x0 = h / 2; + root.y0 = 0; + + //function toggleAll(d) { + // if (d.children) { + // d.children.forEach(toggleAll); + // toggle(d); + // } + //} + // Initialize the display to show a few nodes. + // root.children.forEach(toggleAll); + // toggle(root.children[1]); + // toggle(root.children[1].children[2]); + // toggle(root.children[9]); + // toggle(root.children[9].children[0]); + + update(root); +};