Skip to content

Instantly share code, notes, and snippets.

@7rulnik

7rulnik/.block

Forked from kerryrodden/.block
Last active January 23, 2018 22:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 7rulnik/51b3376d68fa5eb95a1ba114a3493b4b to your computer and use it in GitHub Desktop.
Save 7rulnik/51b3376d68fa5eb95a1ba114a3493b4b to your computer and use it in GitHub Desktop.
Download ZIP
Sequences sunburst (d3 v4)
Raw
.block
license: apache-2.0
Raw
README.md

(This is a minimal update of my original Sequences sunburst block, to work correctly with d3 v4.)

This example shows how it is possible to use a D3 sunburst visualization (partition layout) with data that describes sequences of events.

A good use case is to summarize navigation paths through a web site, as in the sample synthetic data file (visit_sequences.csv). The visualization makes it easy to understand visits that start directly on a product page (e.g. after landing there from a search engine), compared to visits where users arrive on the site's home page and navigate from there. Where a funnel lets you understand a single pre-selected path, this allows you to see all possible paths.

Features:

  • works with data that is in a CSV format (you don't need to pre-generate a hierarchical JSON file, unless your data file is very large)
  • interactive breadcrumb trail helps to emphasize the sequence, so that it is easy for a first-time user to understand what they are seeing
  • percentages are shown explicitly, to help overcome the distortion of the data that occurs when using a radial presentation

If you want to simply reuse this with your own data, here are some tips for generating the CSV file:

  • no header is required (but it's OK if one is present)
  • use a hyphen to separate the steps in the sequence
  • the step names should be one word only, and ideally should be kept short. Non-alphanumeric characters will probably cause problems (I haven't tested this).
  • every sequence should have an "end" marker as the last element, unless it has been truncated because it is longer than the maximum sequence length (6, in the example). The purpose of the "end" marker is to distinguish a true end point (e.g. the user left the site) from an end point that has been forced by truncation.
  • each line should be a complete path from root to leaf - don't include counts for intermediate steps. For example, include "home-search-end" and "home-search-product-end" but not "home-search" - the latter is computed by the partition layout, by adding up the counts of all the sequences with that prefix.
  • to keep the number of permutations low, use a small number of unique step names, and a small maximum sequence length. Larger numbers of either of these will lead to a very large CSV that will be slow to process (and therefore require pre-processing into hierarchical JSON).

I created this example in my work at Google, but it is not part of any Google product. It is covered by the Apache license (see the LICENSE file).

Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sequences sunburst</title>
<script src="//d3js.org/d3.v4.min.js"></script>
<link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css?family=Open+Sans:400,600">
<link rel="stylesheet" type="text/css" href="sequences.css"/>
</head>
<body>
<div id="main">
<div id="sequence"></div>
<div id="chart">
<div id="explanation" style="visibility: hidden;">
<span id="percentage"></span><br/>
of visits begin with this sequence of pages
</div>
</div>
</div>
<div id="sidebar">
<input type="checkbox" id="togglelegend"> Legend<br/>
<div id="legend" style="visibility: hidden;"></div>
</div>
<script type="text/javascript" src="sequences.js"></script>
<script type="text/javascript">
// Hack to make this example display correctly in an iframe on bl.ocks.org
d3.select(self.frameElement).style("height", "700px");
</script>
</body>
</html>
Raw
LICENSE
Copyright 2013 Google Inc. All Rights Reserved.
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.
Raw
sequences.css
body {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
background-color: #fff;
width: 960px;
height: 700px;
margin-top: 10px;
}
#main {
float: left;
width: 750px;
}
#sidebar {
float: right;
width: 100px;
}
#sequence {
width: 600px;
height: 70px;
}
#legend {
padding: 10px 0 0 3px;
}
#sequence text, #legend text {
font-weight: 600;
fill: #fff;
}
#chart {
position: relative;
}
#chart path {
stroke: #fff;
}
#explanation {
position: absolute;
top: 260px;
left: 305px;
width: 140px;
text-align: center;
color: #666;
z-index: -1;
}
#percentage {
font-size: 2.5em;
}
Raw
sequences.js
// Dimensions of sunburst.
var width = 750;
var height = 600;
var radius = Math.min(width, height) / 2;
// Breadcrumb dimensions: width, height, spacing, width of tip/tail.
var b = {
w: 75, h: 30, s: 3, t: 10
};
// Mapping of step names to colors.
var colors = {
"kup747": "#5687d1",
"ghe056": "#7b615c",
"admitad": "#de783b",
"sky001": "#6ab975",
"mom76gh": "#a173d1",
"buy": "#bbbbbb"
};
// Total size of all segments; we set this later, after loading the data.
var totalSize = 0;
var vis = d3.select("#chart").append("svg:svg")
.attr("width", width)
.attr("height", height)
.append("svg:g")
.attr("id", "container")
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
var partition = d3.partition()
.size([2 * Math.PI, radius * radius]);
var arc = d3.arc()
.startAngle(function(d) { return d.x0; })
.endAngle(function(d) { return d.x1; })
.innerRadius(function(d) { return Math.sqrt(d.y0); })
.outerRadius(function(d) { return Math.sqrt(d.y1); });
// Use d3.text and d3.csvParseRows so that we do not need to have a header
// row, and can receive the csv as an array of arrays.
d3.text("visit-sequences.csv", function(text) {
var csv = d3.csvParseRows(text);
var json = buildHierarchy(csv);
createVisualization(json);
});
// Main function to draw and set up the visualization, once we have the data.
function createVisualization(json) {
// Basic setup of page elements.
initializeBreadcrumbTrail();
drawLegend();
d3.select("#togglelegend").on("click", toggleLegend);
// Bounding circle underneath the sunburst, to make it easier to detect
// when the mouse leaves the parent g.
vis.append("svg:circle")
.attr("r", radius)
.style("opacity", 0);
// Turn the data into a d3 hierarchy and calculate the sums.
var root = d3.hierarchy(json)
.sum(function(d) { return d.size; })
.sort(function(a, b) { return b.value - a.value; });
// For efficiency, filter nodes to keep only those large enough to see.
var nodes = partition(root).descendants()
.filter(function(d) {
return (d.x1 - d.x0 > 0.005); // 0.005 radians = 0.29 degrees
});
var path = vis.data([json]).selectAll("path")
.data(nodes)
.enter().append("svg:path")
.attr("display", function(d) { return d.depth ? null : "none"; })
.attr("d", arc)
.attr("fill-rule", "evenodd")
.style("fill", function(d) { return colors[d.data.name]; })
.style("opacity", 1)
.on("mouseover", mouseover);
// Add the mouseleave handler to the bounding circle.
d3.select("#container").on("mouseleave", mouseleave);
// Get total size of the tree = value of root node from partition.
totalSize = path.datum().value;
};
// Fade all but the current sequence, and show it in the breadcrumb trail.
function mouseover(d) {
var percentage = (100 * d.value / totalSize).toPrecision(3);
var percentageString = percentage + "%";
if (percentage < 0.1) {
percentageString = "< 0.1%";
}
d3.select("#percentage")
.text(percentageString);
d3.select("#explanation")
.style("visibility", "");
var sequenceArray = d.ancestors().reverse();
sequenceArray.shift(); // remove root node from the array
updateBreadcrumbs(sequenceArray, percentageString);
// Fade all the segments.
d3.selectAll("path")
.style("opacity", 0.3);
// Then highlight only those that are an ancestor of the current segment.
vis.selectAll("path")
.filter(function(node) {
return (sequenceArray.indexOf(node) >= 0);
})
.style("opacity", 1);
}
// Restore everything to full opacity when moving off the visualization.
function mouseleave(d) {
// Hide the breadcrumb trail
d3.select("#trail")
.style("visibility", "hidden");
// Deactivate all segments during transition.
d3.selectAll("path").on("mouseover", null);
// Transition each segment to full opacity and then reactivate it.
d3.selectAll("path")
.transition()
.duration(1000)
.style("opacity", 1)
.on("end", function() {
d3.select(this).on("mouseover", mouseover);
});
d3.select("#explanation")
.style("visibility", "hidden");
}
function initializeBreadcrumbTrail() {
// Add the svg area.
var trail = d3.select("#sequence").append("svg:svg")
.attr("width", width)
.attr("height", 50)
.attr("id", "trail");
// Add the label at the end, for the percentage.
trail.append("svg:text")
.attr("id", "endlabel")
.style("fill", "#000");
}
// Generate a string that describes the points of a breadcrumb polygon.
function breadcrumbPoints(d, i) {
var points = [];
points.push("0,0");
points.push(b.w + ",0");
points.push(b.w + b.t + "," + (b.h / 2));
points.push(b.w + "," + b.h);
points.push("0," + b.h);
if (i > 0) { // Leftmost breadcrumb; don't include 6th vertex.
points.push(b.t + "," + (b.h / 2));
}
return points.join(" ");
}
// Update the breadcrumb trail to show the current sequence and percentage.
function updateBreadcrumbs(nodeArray, percentageString) {
// Data join; key function combines name and depth (= position in sequence).
var trail = d3.select("#trail")
.selectAll("g")
.data(nodeArray, function(d) { return d.data.name + d.depth; });
// Remove exiting nodes.
trail.exit().remove();
// Add breadcrumb and label for entering nodes.
var entering = trail.enter().append("svg:g");
entering.append("svg:polygon")
.attr("points", breadcrumbPoints)
.style("fill", function(d) { return colors[d.data.name]; });
entering.append("svg:text")
.attr("x", (b.w + b.t) / 2)
.attr("y", b.h / 2)
.attr("dy", "0.35em")
.attr("text-anchor", "middle")
.text(function(d) { return d.data.name; });
// Merge enter and update selections; set position for all nodes.
entering.merge(trail).attr("transform", function(d, i) {
return "translate(" + i * (b.w + b.s) + ", 0)";
});
// Now move and update the percentage at the end.
d3.select("#trail").select("#endlabel")
.attr("x", (nodeArray.length + 0.5) * (b.w + b.s))
.attr("y", b.h / 2)
.attr("dy", "0.35em")
.attr("text-anchor", "middle")
.text(percentageString);
// Make the breadcrumb trail visible, if it's hidden.
d3.select("#trail")
.style("visibility", "");
}
function drawLegend() {
// Dimensions of legend item: width, height, spacing, radius of rounded rect.
var li = {
w: 75, h: 30, s: 3, r: 3
};
var legend = d3.select("#legend").append("svg:svg")
.attr("width", li.w)
.attr("height", d3.keys(colors).length * (li.h + li.s));
var g = legend.selectAll("g")
.data(d3.entries(colors))
.enter().append("svg:g")
.attr("transform", function(d, i) {
return "translate(0," + i * (li.h + li.s) + ")";
});
g.append("svg:rect")
.attr("rx", li.r)
.attr("ry", li.r)
.attr("width", li.w)
.attr("height", li.h)
.style("fill", function(d) { return d.value; });
g.append("svg:text")
.attr("x", li.w / 2)
.attr("y", li.h / 2)
.attr("dy", "0.35em")
.attr("text-anchor", "middle")
.text(function(d) { return d.key; });
}
function toggleLegend() {
var legend = d3.select("#legend");
if (legend.style("visibility") == "hidden") {
legend.style("visibility", "");
} else {
legend.style("visibility", "hidden");
}
}
// Take a 2-column CSV and transform it into a hierarchical structure suitable
// for a partition layout. The first column is a sequence of step names, from
// root to leaf, separated by hyphens. The second column is a count of how
// often that sequence occurred.
function buildHierarchy(csv) {
var root = {"name": "root", "children": []};
for (var i = 0; i < csv.length; i++) {
var sequence = csv[i][0];
var size = +csv[i][1];
if (isNaN(size)) { // e.g. if this is a header row
continue;
}
var parts = sequence.split("-");
var currentNode = root;
for (var j = 0; j < parts.length; j++) {
var children = currentNode["children"];
var nodeName = parts[j];
var childNode;
if (j + 1 < parts.length) {
// Not yet at the end of the sequence; move down the tree.
var foundChild = false;
for (var k = 0; k < children.length; k++) {
if (children[k]["name"] == nodeName) {
childNode = children[k];
foundChild = true;
break;
}
}
// If we don't already have a child node for this branch, create it.
if (!foundChild) {
childNode = {"name": nodeName, "children": []};
children.push(childNode);
}
currentNode = childNode;
} else {
// Reached the end of the sequence; create a leaf node.
childNode = {"name": nodeName, "size": size};
children.push(childNode);
}
}
}
return root;
};
Raw
visit-sequences.csv
crt731-sky001-buy 28
mom76gh-cityads-buy 25
kup747-crt731-buy 33
ghe056-sky001-buy 155
sky001-kup747-sky001-buy 25
kup747-mom76gh-buy 38
crt731-ghe056-buy 113
sky001-cityads-buy 32
sky001-cityads-actionpay-buy 3
crt731-ghe056-crt731-ghe056-buy 4
ghe056-Kb8hS07l-buy 18
cityads-Kb8hS07l-buy 2
cityads-mom76gh-cityads-buy 1
kup747-cityads-buy 22
ghe056-sky001-ghe056-buy 30
ghe056-cityads-buy 225
kup747-actionpay-kup747-buy 2
ghe056-admitad-buy 376
ghe056-actionpay-buy 98
ghe056-ya2678-ghe056-buy 14
ghe056-kup747-ghe056-buy 43
admitad-ghe056-buy 42
cityads-ghe056-cityads-buy 3
kup747-ghe056-buy 222
sky001-ghe056-buy 144
ghe056-sky001-kup747-buy 5
kup747-admitad-buy 39
ghe056-kup747-buy 281
mom76gh-kup747-buy 58
ghe056-ya2678-buy 33
ghe056-mom76gh-buy 58
sky001-cityads-sky001-buy 16
admitad-kup747-buy 44
cityads-sky001-cityads-sky001-buy 1
kup747-ghe056-kup747-buy 27
crt731-kup747-buy 73
sky001-mom76gh-buy 18
mom76gh-crt731-sky001-mom76gh-buy 1
epn-ghe056-buy 8
crt731-kup747-crt731-kup747-buy 9
admitad-crt731-admitad-kup747-buy 1
kup747-sky001-buy 73
ya2678-mom76gh-ghe056-buy 1
actionpay-kup747-buy 2
sky001-kup747-buy 96
admitad-sky001-buy 10
1338-sky001-buy 1
ya2678-sky001-buy 15
ghe056-crt731-ghe056-buy 42
admitad-ghe056-admitad-buy 6
ghe056-cityads-ghe056-buy 134
kup747-crt731-kup747-buy 42
sky001-ghe056-sky001-buy 16
ghe056-actionpay-ghe056-admitad-buy 1
ghe056-actionpay-ghe056-buy 64
cityads-ghe056-buy 57
mom76gh-sky001-buy 43
ya2678-ghe056-buy 60
mom76gh-ghe056-buy 113
ghe056-cityads-ghe056-cityads-buy 14
ghe056-kup747-admitad-kup747-buy 1
ghe056-admitad-Kb8hS07l-admitad-buy 1
ya2678-admitad-buy 20
ya2678-ghe056-admitad-buy 1
brk073-cityads-kup747-buy 1
ya2678-cityads-buy 13
sky001-mom76gh-sky001-buy 5
cityads-Kb8hS07l-cityads-buy 1
ghe056-mom76gh-ya2678-buy 1
kup747-admitad-kup747-buy 8
crt731-kup747-crt731-buy 9
ghe056-sky001-ghe056-sky001-buy 3
crt731-kup747-ghe056-buy 4
ghe056-epn-ghe056-epn-buy 7
sky001-kup747-sky001-kup747-buy 4
sky001-cityads-admitad-buy 1
ya2678-crt731-buy 3
crt731-admitad-buy 6
sky001-actionpay-buy 24
cityads-admitad-sky001-admitad-buy 1
crt731-sky001-kup747-buy 1
Kb8hS07l-ghe056-buy 1
crt731-actionpay-buy 2
ya2678-kup747-ya2678-kup747-buy 3
ya2678-kup747-buy 20
mom76gh-ya2678-buy 12
cityads-actionpay-buy 7
kup747-sky001-kup747-buy 4
ghe056-sky001-admitad-sky001-buy 1
cityads-sky001-buy 16
ghe056-admitad-ghe056-admitad-buy 36
admitad-mom76gh-buy 9
mom76gh-kup747-admitad-buy 1
kup747-actionpay-buy 19
ghe056-cityads-actionpay-ghe056-buy 8
actionpay-cityads-actionpay-buy 3
mom76gh-admitad-crt731-buy 1
kup747-crt731-kup747-crt731-buy 3
crt731-mom76gh-buy 12
kup747-crt731-ghe056-kup747-buy 2
ghe056-kup747-ghe056-kup747-buy 5
ghe056-epn-buy 16
ghe056-fly490-buy 2
cityads-actionpay-Kb8hS07l-buy 1
cityads-kup747-buy 20
ya2678-kup747-ghe056-kup747-buy 1
kup747-sky001-ya2678-buy 1
mom76gh-admitad-buy 36
sky001-ghe056-sky001-ghe056-buy 4
ya2678-kup747-FOa1JqPL-kup747-buy 1
sky001-admitad-sky001-admitad-buy 6
ghe056-crt731-buy 35
crt731-ghe056-crt731-buy 1
sky001-admitad-buy 40
cityads-Kb8hS07l-admitad-Kb8hS07l-buy 1
cityads-admitad-buy 5
ya2678-kup747-cityads-buy 1
sky001-mom76gh-sky001-kup747-buy 2
kup747-crt731-kup747-ghe056-buy 3
kup747-epn-kup747-buy 2
kup747-actionpay-cityads-actionpay-buy 1
ya2678-ghe056-kup747-ya2678-buy 1
ghe056-epn-ghe056-buy 4
7offers-ghe056-mom76gh-buy 1
ghe056-btp012-buy 8
ghe056-mom76gh-kup747-ghe056-buy 1
sky001-kup747-ghe056-buy 5
crt731-ghe056-sky001-ghe056-buy 1
sky001-ghe056-mom76gh-ghe056-buy 1
epn-ghe056-epn-buy 1
epn-admitad-epn-ghe056-buy 1
epn-admitad-epn-buy 1
epn-mom76gh-buy 3
crt731-ghe056-cityads-buy 1
ya2678-ghe056-kup747-sky001-buy 1
admitad-ya2678-ghe056-buy 1
epn-btp012-epn-buy 1
brk073-cityads-brk073-admitad-buy 1
cityads-ghe056-ya2678-admitad-buy 1
crt731-actionpay-kup747-actionpay-buy 1
actionpay-crt731-actionpay-buy 1
mom76gh-crt731-mom76gh-buy 4
ghe056-actionpay-cityads-admitad-buy 1
mom76gh-epn-mom76gh-buy 1
ghe056-crt731-kup747-buy 2
admitad-crt731-admitad-buy 2
ghe056-sky001-ghe056-admitad-buy 2
sky001-crt731-kup747-crt731-buy 1
kup747-crt731-ghe056-buy 16
kma-crt731-kma-buy 1
mom76gh-crt731-kup747-buy 1
ghe056-cityads-Kb8hS07l-ghe056-buy 2
mom76gh-kup747-mom76gh-buy 8
crt731-kup747-admitad-buy 1
ghe056-crt731-mom76gh-ghe056-buy 1
kup747-admitad-kup747-admitad-buy 2
admitad-mom76gh-admitad-buy 1
actionpay-kup747-actionpay-buy 1
ghe056-cityads-Kb8hS07l-buy 10
admitad-cityads-buy 5
admitad-kup747-admitad-buy 5
kup747-sky001-ghe056-buy 1
sky001-crt731-sky001-buy 6
admitad-actionpay-buy 4
aviasov-sky001-buy 2
kup747-mom76gh-kup747-cityads-buy 1
sky001-ghe056-admitad-buy 3
kup747-1338-ghe056-buy 1
ghe056-mom76gh-ghe056-buy 18
sky001-cityads-Kb8hS07l-buy 2
ghe056-admitad-cityads-buy 8
ghe056-cityads-crt731-ghe056-buy 1
cityads-mom76gh-buy 7
mom76gh-Kb8hS07l-buy 1
admitad-cityads-ghe056-buy 2
kup747-cityads-kup747-buy 7
sky001-kup747-admitad-sky001-buy 1
kup747-brk073-buy 2
ghe056-mom76gh-kup747-buy 3
mom76gh-sky001-mom76gh-buy 3
ghe056-kup747-ghe056-sky001-buy 1
sky001-crt731-buy 7
sky001-ghe056-kup747-buy 5
brk073-ghe056-buy 6
crt731-sky001-mom76gh-buy 1
crt731-admitad-crt731-buy 1
sky001-ghe056-mom76gh-buy 1
kup747-cityads-kup747-cityads-buy 3
crt731-btp012-buy 1
kup747-ghe056-mom76gh-buy 1
sky001-kup747-ghe056-sky001-buy 2
kup747-ghe056-admitad-buy 3
crt731-ghe056-kup747-buy 1
admitad-ghe056-actionpay-buy 1
kup747-crt731-mom76gh-ghe056-buy 1
mom76gh-ghe056-admitad-buy 3
actionpay-ghe056-actionpay-buy 4
ghe056-kup747-cityads-buy 3
actionpay-cityads-buy 5
mom76gh-ghe056-brk073-buy 1
Kb8hS07l-kup747-buy 1
ghe056-actionpay-ghe056-actionpay-buy 3
admitad-kup747-crt731-buy 1
ghe056-cityads-ghe056-mom76gh-buy 2
mom76gh-cityads-mom76gh-cityads-buy 2
ghe056-admitad-ghe056-buy 44
ghe056-crt731-kup747-crt731-buy 2
actionpay-ghe056-buy 11
sky001-admitad-ghe056-buy 1
kup747-FOa1JqPL-buy 2
crt731-1338-buy 1
crt731-kup747-crt731-ghe056-buy 1
crt731-ya2678-actionpay-buy 1
mom76gh-crt731-buy 10
admitad-kup747-actionpay-admitad-buy 1
ghe056-mom76gh-sky001-buy 2
brk073-sky001-brk073-buy 1
sky001-brk073-sky001-buy 1
actionpay-sky001-actionpay-buy 1
kup747-crt731-kup747-mom76gh-buy 1
crt731-admitad-crt731-admitad-buy 1
kup747-mom76gh-ghe056-kup747-buy 1
mom76gh-kup747-mom76gh-kup747-buy 1
kup747-brk073-kup747-buy 2
kup747-crt731-sky001-buy 4
crt731-mom76gh-sky001-buy 1
sky001-ya2678-buy 6
mom76gh-ghe056-cityads-buy 1
mom76gh-actionpay-mom76gh-cityads-buy 1
kup747-admitad-kup747-crt731-buy 1
kup747-ghe056-kup747-ghe056-buy 5
sky001-admitad-sky001-buy 9
cityads-ghe056-cityads-ghe056-buy 7
crt731-mom76gh-sky001-ghe056-buy 1
sky001-Kb8hS07l-buy 5
ghe056-cityads-sky001-mom76gh-buy 1
mom76gh-cityads-mom76gh-buy 7
ghe056-aviasov-ghe056-buy 1
admitad-sky001-kup747-buy 1
ghe056-cityads-actionpay-admitad-buy 1
ghe056-aviasov-buy 2
crt731-mom76gh-crt731-kup747-buy 1
ghe056-actionpay-admitad-buy 5
kup747-mom76gh-kup747-buy 2
cityads-sky001-kup747-cityads-buy 1
mom76gh-brk073-sky001-buy 1
cityads-mom76gh-ghe056-buy 1
kup747-crt731-aviasov-buy 1
kup747-cityads-sky001-buy 1
admitad-crt731-ghe056-buy 1
crt731-cityads-buy 1
mom76gh-ghe056-mom76gh-buy 9
sky001-actionpay-sky001-buy 12
admitad-epn-admitad-buy 1
ghe056-actionpay-cityads-buy 6
ghe056-mom76gh-ghe056-sky001-buy 1
ghe056-admitad-actionpay-admitad-buy 2
aviasov-ghe056-buy 2
mom76gh-actionpay-buy 11
sky001-aviasov-sky001-buy 1
mom76gh-ya2678-mom76gh-buy 1
ghe056-cityads-actionpay-buy 11
ghe056-Kb8hS07l-ghe056-buy 2
crt731-epn-kup747-buy 1
ghe056-crt731-ghe056-sky001-buy 1
brk073-kup747-buy 8
ghe056-actionpay-mom76gh-buy 2
actionpay-admitad-actionpay-buy 3
sky001-cityads-ghe056-buy 1
ghe056-1338-crt731-1338-buy 1
aviasov-fly490-buy 1
fly490-sky001-ghe056-buy 1
mom76gh-kup747-sky001-kup747-buy 1
ghe056-crt731-ghe056-kup747-buy 2
admitad-cityads-admitad-cityads-buy 1
sky001-Kb8hS07l-cityads-buy 1
sky001-ghe056-crt731-sky001-buy 1
admitad-crt731-buy 5
mom76gh-ghe056-sky001-buy 1
sky001-kup747-sky001-crt731-buy 1
sky001-Kb8hS07l-ghe056-buy 1
kup747-mom76gh-crt731-buy 2
mom76gh-ghe056-kup747-buy 1
air115-ghe056-buy 1
brk073-crt731-brk073-buy 1
ghe056-mom76gh-actionpay-buy 1
crt731-ghe056-mom76gh-buy 1
sky001-mom76gh-kup747-buy 2
crt731-ya2678-buy 6
mom76gh-admitad-mom76gh-admitad-buy 2
ghe056-admitad-cityads-admitad-buy 3
mom76gh-admitad-mom76gh-buy 2
brk073-sky001-buy 1
ghe056-cityads-Kb8hS07l-actionpay-buy 2
admitad-sky001-admitad-buy 1
kup747-ghe056-crt731-ya2678-buy 1
brk073-kup747-ghe056-buy 1
mom76gh-ya2678-mom76gh-ya2678-buy 1
mom76gh-cityads-admitad-buy 1
kup747-admitad-ghe056-buy 1
mom76gh-ghe056-kup747-admitad-buy 1
sky001-aviasov-buy 1
my216-sky001-buy 1
kup747-cityads-ghe056-buy 1
ya2678-sky001-ya2678-buy 1
crt731-ghe056-admitad-buy 1
sky001-btp012-sky001-buy 1
mom76gh-epn-buy 5
sky001-epn-buy 4
cityads-kup747-cityads-buy 4
ghe056-brk073-bil224-ghe056-buy 1
ghe056-kup747-ghe056-admitad-buy 1
eur812-ghe056-buy 1
ghe056-actionpay-cityads-ghe056-buy 6
FOa1JqPL-cityads-buy 1
dohop0-sky001-buy 1
ghe056-cityads-admitad-ghe056-buy 3
aviasov-sky001-ya2678-buy 1
mom76gh-actionpay-mom76gh-buy 2
brk073-cityads-buy 1
ghe056-mom76gh-cityads-mom76gh-buy 1
7offers-cityads-buy 2
kup747-epn-buy 2
sky001-ghe056-sky001-kup747-buy 3
actionpay-cityads-ghe056-buy 2
kup747-sky001-ghe056-sky001-buy 1
crt731-admitad-actionpay-buy 1
fly490-admitad-fly490-buy 1
cityads-actionpay-ghe056-actionpay-buy 1
ghe056-kup747-crt731-sky001-buy 1
ghe056-admitad-cityads-actionpay-buy 1
sky001-Kb8hS07l-brk073-buy 1
sky001-kup747-crt731-kup747-buy 1
mom76gh-sky001-ghe056-sky001-buy 1
mom76gh-ghe056-kup747-ghe056-buy 1
btp012-sky001-buy 1
actionpay-crt731-ghe056-buy 1
sky001-cityads-Kb8hS07l-sky001-buy 2
ghe056-Kb8hS07l-cityads-buy 2
kup747-sky001-mom76gh-buy 2
btp012-sky001-admitad-buy 1
crt731-admitad-kup747-buy 1
admitad-cityads-admitad-buy 1
btp012-kup747-crt731-btp012-buy 1
cityads-crt731-buy 2
sky001-bil224-buy 1
sky001-btp012-ghe056-buy 1
admitad-mom76gh-admitad-kup747-buy 1
mom76gh-cityads-actionpay-buy 1
ghe056-Kb8hS07l-admitad-buy 3
kup747-actionpay-crt731-ghe056-buy 1
ghe056-kup747-crt731-buy 1
mom76gh-actionpay-mom76gh-actionpay-buy 1
cityads-actionpay-cityads-actionpay-buy 2
1338-kup747-buy 1
ghe056-Kb8hS07l-actionpay-buy 3
ghe056-cityads-Kb8hS07l-admitad-buy 1
mom76gh-admitad-cityads-admitad-buy 1
kup747-Kb8hS07l-buy 2
kup747-ya2678-buy 6
sky001-btp012-buy 1
crt731-kup747-ghe056-kup747-buy 2
kup747-actionpay-ya2678-kup747-buy 1
ghe056-admitad-mom76gh-admitad-buy 1
fly490-kup747-buy 2
kup747-mom76gh-ghe056-buy 1
btp012-mom76gh-ghe056-buy 1
mom76gh-ghe056-sky001-crt731-buy 1
ghe056-cityads-admitad-cityads-buy 1
kup747-ghe056-actionpay-ghe056-buy 1
mom76gh-kup747-sky001-buy 1
ghe056-btp012-crt731-ya2678-buy 1
ghe056-cityads-kup747-buy 4
actionpay-ghe056-cityads-buy 1
aviasov-admitad-kup747-admitad-buy 1
sky001-brk073-buy 1
kup747-cityads-ghe056-cityads-buy 2
ghe056-ya2678-sky001-buy 1
ghe056-kup747-crt731-ghe056-buy 2
ghe056-sky001-btp012-buy 1
sky001-cityads-actionpay-sky001-buy 2
kup747-ghe056-mom76gh-kup747-buy 1
btp012-ghe056-buy 9
ghe056-actionpay-admitad-ghe056-buy 2
ghe056-kup747-Kb8hS07l-cityads-buy 1
cityads-actionpay-kup747-buy 1
ghe056-kup747-sky001-buy 2
ghe056-crt731-ghe056-actionpay-buy 1
btp012-kup747-ghe056-buy 1
epn-sky001-buy 2
kup747-sky001-epn-buy 1
1338-kup747-btp012-buy 1
kup747-epn-kup747-epn-buy 1
sky001-crt731-kup747-sky001-buy 1
mom76gh-brk073-buy 2
ya2678-actionpay-buy 6
ghe056-cityads-admitad-buy 5
kbg6RtLL-sky001-buy 1
ya2678-cityads-ya2678-buy 9
ya2678-cityads-ya2678-actionpay-buy 1
ya2678-actionpay-ghe056-buy 1
epn-ya2678-buy 3
admitad-actionpay-ghe056-actionpay-buy 1
mom76gh-brk073-admitad-buy 1
kup747-actionpay-kup747-actionpay-buy 1
actionpay-mom76gh-buy 1
sky001-epn-sky001-epn-buy 1
ghe056-ya2678-cityads-buy 1
ya2678-admitad-ya2678-buy 2
ya2678-mom76gh-buy 8
ghe056-actionpay-cityads-actionpay-buy 1
ya2678-kup747-ya2678-buy 4
ghe056-kup747-mom76gh-buy 2
admitad-ghe056-admitad-ghe056-buy 1
admitad-cityads-kup747-buy 2
aviatut-cityads-buy 1
ghe056-admitad-ghe056-sky001-buy 1
actionpay-Kb8hS07l-admitad-buy 1
ghe056-cityads-kup747-cityads-buy 1
ghe056-sky001-admitad-buy 3
fly490-ghe056-buy 1
btp012-ya2678-buy 2
sky001-Kb8hS07l-actionpay-buy 1
ya2678-actionpay-ya2678-buy 2
ghe056-kup747-crt731-kup747-buy 2
ghe056-ya2678-ghe056-kup747-buy 1
ghe056-admitad-cityads-crt731-buy 1
ya2678-ghe056-ya2678-ghe056-buy 1
ghe056-sky001-crt731-buy 1
cityads-ya2678-buy 2
cityads-actionpay-cityads-buy 1
actionpay-epn-actionpay-buy 1
kup747-cityads-crt731-ghe056-buy 1
sky001-admitad-actionpay-admitad-buy 1
admitad-kup747-crt731-ghe056-buy 1
aviasov-crt731-buy 1
sky001-admitad-kup747-buy 1
ya2678-mom76gh-crt731-mom76gh-buy 1
kup747-actionpay-ghe056-actionpay-buy 1
sky001-kup747-aviasov-buy 1
kup747-sky001-kup747-sky001-buy 2
kup747-admitad-epn-buy 1
ghe056-admitad-crt731-ghe056-buy 1
sky001-ghe056-kup747-ghe056-buy 1
ghe056-kup747-actionpay-buy 1
mom76gh-admitad-cityads-buy 1
epn-ya2678-ghe056-ya2678-buy 1
kup747-admitad-cityads-kup747-buy 1
kup747-actionpay-admitad-buy 1
ghe056-kup747-cityads-ghe056-buy 1
kup747-ghe056-actionpay-buy 1
sky001-actionpay-cityads-epn-buy 1
kup747-crt731-mom76gh-buy 1
btp012-crt731-buy 1
admitad-actionpay-ghe056-buy 1
bil224-crt731-kup747-buy 1
ghe056-crt731-mom76gh-buy 1
ghe056-admitad-kup747-admitad-buy 2
brk073-admitad-buy 2
btp012-kup747-mom76gh-buy 1
ya2678-crt731-ya2678-buy 2
btp012-cityads-buy 1
ghe056-admitad-actionpay-cityads-buy 1
sky001-crt731-ghe056-buy 3
ya2678-mom76gh-ya2678-buy 2
brk073-mom76gh-brk073-buy 1
ya2678-epn-buy 2
sky001-mom76gh-1491-buy 1
mom76gh-ghe056-mom76gh-ghe056-buy 2
ya2678-kup747-crt731-kup747-buy 1
ghe056-kup747-admitad-buy 1
sky001-mom76gh-ghe056-buy 1
ya2678-admitad-actionpay-admitad-buy 2
kup747-cityads-actionpay-buy 1
actionpay-sky001-buy 1
ghe056-actionpay-ya2678-actionpay-buy 1
ya2678-epn-ya2678-buy 1
ya2678-crt731-ghe056-buy 1
ya2678-sky001-admitad-buy 1
mom76gh-Kb8hS07l-mom76gh-buy 1
ya2678-ghe056-mom76gh-buy 1
ghe056-kup747-cityads-actionpay-buy 1
mom76gh-cityads-ghe056-cityads-buy 1
ya2678-cityads-sky001-cityads-buy 1
admitad-Kb8hS07l-admitad-buy 1
epn-cityads-buy 1
ghe056-cityads-mom76gh-buy 1
ghe056-admitad-actionpay-buy 1
ghe056-crt731-brk073-buy 1
actionpay-ghe056-actionpay-ghe056-buy 1
kup747-admitad-cityads-admitad-buy 1
ya2678-mom76gh-actionpay-buy 1
ghe056-admitad-Kb8hS07l-buy 1
ghe056-ya2678-kup747-buy 2
ya2678-Kb8hS07l-buy 1
brk073-ghe056-brk073-buy 1
ya2678-btp012-buy 1
ghe056-admitad-kup747-buy 1
cityads-my216-cityads-buy 1
ghe056-sky001-crt731-sky001-buy 1
mom76gh-cityads-mom76gh-actionpay-buy 1
mom76gh-crt731-ghe056-buy 1
ya2678-admitad-Kb8hS07l-admitad-buy 1
ya2678-admitad-cityads-buy 1
bil224-ghe056-buy 1
btp012-crt731-btp012-buy 1
ghe056-Kb8hS07l-admitad-cityads-buy 1
sky001-admitad-cityads-buy 1
ghe056-cityads-ghe056-actionpay-buy 2
ya2678-cityads-admitad-ya2678-buy 2
ghe056-Kb8hS07l-cityads-admitad-buy 1
brk073-mom76gh-buy 1
ya2678-actionpay-ya2678-actionpay-buy 2
ya2678-crt731-ya2678-ghe056-buy 1
sky001-ya2678-sky001-buy 1
sky001-crt731-cityads-buy 1
sky001-Kb8hS07l-sky001-buy 1
admitad-actionpay-admitad-buy 1
ghe056-crt731-ghe056-crt731-buy 1
sky001-actionpay-cityads-buy 1
mom76gh-ya2678-kup747-buy 1
ya2678-ghe056-ya2678-buy 2
admitad-ghe056-sky001-buy 1
ghe056-brk073-kup747-buy 1
ya2678-mom76gh-admitad-buy 1
sky001-kup747-ghe056-kup747-buy 1
my216-mom76gh-buy 1
ghe056-brk073-buy 1
sky001-actionpay-kup747-buy 1
ghe056-mom76gh-sky001-mom76gh-buy 1
ghe056-Kb8hS07l-actionpay-ghe056-buy 1
sky001-admitad-cityads-admitad-buy 1
actionpay-sky001-mom76gh-buy 1
btp012-Kb8hS07l-buy 1
crt731-mom76gh-kup747-buy 1
ghe056-Kb8hS07l-actionpay-admitad-buy 1
ghe056-cityads-sky001-buy 1
btp012-ghe056-btp012-buy 1
aviasov-mom76gh-buy 1
ghe056-cityads-Kb8hS07l-cityads-buy 1
FOa1JqPL-mom76gh-btp012-buy 1
sky001-ghe056-admitad-ghe056-buy 1
ya2678-sky001-mom76gh-buy 1
mom76gh-actionpay-kup747-buy 1
btp012-kup747-buy 1
admitad-brk073-buy 1
btp012-mom76gh-buy 1
aviasov-actionpay-aviasov-buy 1
ya2678-aviasov-ya2678-buy 1
ghe056-cityads-actionpay-Kb8hS07l-buy 1
ghe056-Kb8hS07l-actionpay-cityads-buy 1
cityads-btp012-buy 1
ya2678-cityads-ya2678-ghe056-buy 1
epn-crt731-epn-buy 1
aviasov-cityads-aviasov-buy 1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment