-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
80 lines (66 loc) · 5.53 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!doctype html>
<meta charset="utf-8">
<script src="//d3plus.org/js/d3.js"></script>
<script src="//d3plus.org/js/d3plus.js"></script>
<div id="viz"></div>
<script>
var sample_data = [
{"day": "5-nov-2016", "name":"Words Count", "value": 20, "link": "https://fsitios.github.io/wordcount.html"},
{"day": "5-nov-2016", "name":"Words Tree Map", "value": 20, "link": "https://fsitios.github.io/treemap.html"},
{"day": "5-nov-2016", "name":"Databriks", "value": 3, "link": "https://databricks.com/try-databricks"},
{"day": "5-nov-2016", "name":"Tabula", "value": 3, "link": "http://tabula.technology/"},
{"day": "5-nov-2016", "name":"Tableu", "value": 3, "link": "https://www.tableau.com/learn/training"},
{"day": "5-nov-2016", "name":"Edward Tufte", "value": 3, "link": "https://www.edwardtufte.com/tufte/"},
{"day": "5-nov-2016", "name":"Gobierno Cordoba", "value": 3, "link": "https://gobiernoabierto.cordoba.gob.ar/visualizaciones/lista"},
{"day": "5-nov-2016", "name":"InfoVis", "value": 3, "link": "http://www.infovis-wiki.net/index.php?title=Information_Visualization"},
{"day": "5-nov-2016", "name":"JsBin", "value": 3, "link": "http://jsbin.com/"},
{"day": "5-nov-2016", "name":"Excel de la clase", "value": 5, "link": "https://docs.google.com/spreadsheets/d/1cZD5mv-kVQRyYxETCaZYs56up_D5PDalZoUplHTPIVw/edit?usp=sharing"},
{"day": "11-nov-2016", "name":"Demo Barras", "value": 60, "link": "https://fsitios.github.io/barras.html"},
{"day": "11-nov-2016", "name":"Demo Donut", "value": 40, "link": "https://fsitios.github.io/donutchart.html"},
{"day": "11-nov-2016", "name":"raw density design", "value": 3, "link": "http://app.raw.densitydesign.org/"},
{"day": "11-nov-2016", "name":"fivethirtyeight", "value": 3, "link": "http://fivethirtyeight.com"},
{"day": "11-nov-2016", "name":"Cartografia", "value": 3, "link": "http://cippec.org/data/#pob/2010"},
{"day": "11-nov-2016", "name":"Andy Tow", "value": 3, "link": "http://www.andytow.com/blog/"},
{"day": "11-nov-2016", "name":"Amanda Cox", "value": 3, "link": "http://www.nytimes.com/by/amanda-cox"},
{"day": "11-nov-2016", "name":"USA Presidential Elections 2016", "value": 3, "link": "http://www.nytimes.com/elections/results/president"},
{"day": "12-nov-2016", "name":"Graficos elecciones ee.uu.", "value": 3, "link": "https://www.washingtonpost.com/graphics/politics/2016-election/exit-polls/"},
{"day": "12-nov-2016", "name":"One Dot per Person", "value": 3, "link": "http://demographics.coopercenter.org/DotMap/"},
{"day": "12-nov-2016", "name":"Graphics with a Cause", "value": 3, "link": "https://youtu.be/Ys1F1xbS0vs"},
{"day": "18-nov-2016", "name":"datastori.es", "value": 3, "link": "http://datastori.es"},
{"day": "18-nov-2016", "name":"Data Latam", "value": 3, "link": "http://www.datalatam.com/"},
{"day": "18-nov-2016", "name":"Ed. Chi Taxonomy", "value": 3, "link": "http://www-users.cs.umn.edu/~echi/papers/infovis00/Chi-TaxonomyVisualization.pdf"},
{"day": "18-nov-2016", "name":"cippec (tsv)", "value": 3, "link": "https://github.com/aaizemberg/geo-data/blob/master/ar/cippec/cippec.tsv"},
{"day": "18-nov-2016", "name":"R Cluster Analysis", "value": 3, "link": "http://www.statmethods.net/advstats/cluster.html"},
{"day": "19-nov-2016", "name":"Visualizing Data - Ben Fry", "value": 3, "link": "http://dbmanagement.info/Books/Others/Visualizing_Data_Jan_2008.pdf"},
{"day": "19-nov-2016", "name":"Fathom Information - Ben Fry", "value": 3, "link": "https://fathom.info/"},
{"day": "19-nov-2016", "name":"Processing 3", "value": 3, "link": "https://processing.org/"},
{"day": "25-nov-2016", "name":"Voronoi / Delanuay", "value": 4, "link": "http://www.visualcinnamon.com/2015/07/voronoi.html"},
{"day": "25-nov-2016", "name":"Using a D3 Voronoi grid to improve a chart's interactive experience", "value": 3, "link": "http://www.visualcinnamon.com/2015/07/voronoi.html"},
{"day": "25-nov-2016", "name":"Visualising Supermarkets with a Voronoi Diagram", "value": 3, "link": "https://chriszetter.com/blog/2014/06/14/visualising-supermarkets-with-a-voronoi-diagram/"},
{"day": "25-nov-2016", "name":"Multi-Line Voronoi", "value": 3, "link": "https://bl.ocks.org/mbostock/8033015"},
{"day": "25-nov-2016", "name":"Piktochart", "value": 3, "link": "https://piktochart.com/"},
{"day": "25-nov-2016", "name":"Canva", "value": 3, "link": "https://www.canva.com/"},
{"day": "26-nov-2016", "name":"D3 circle Scaling", "value": 4, "link": "https://fsitios.github.io/d3/circlescale.html"},
{"day": "26-nov-2016", "name":"corporate taxes", "value": 3, "link": "http://www.nytimes.com/interactive/2013/05/25/sunday-review/corporate-taxes.html?_r=0"},
{"day": "26-nov-2016", "name":"darkhorseanalytics", "value": 3, "link": "http://www.darkhorseanalytics.com/blog/clear-off-the-table"},
{"day": "28-nov-2016", "name":" ", "value": 3, "link": ""}
]
var visualization = d3plus.viz()
.container("#viz")
.data(sample_data)
.type("tree_map")
.id("name")
.size("value")
.mouse({
"click": function(sample_data, viz) {
if (typeof sample_data.link != "undefined"){
window.open(sample_data.link,'_blank');
//window.location.href = sample_data.link;
// console.log("clicked!" + sample_data.link);
}
}
})
.tooltip(["name", "day"])
.time({"value": "day", "solo": "5-nov-2016"})
.draw()
</script>