forked from romainsacchi/d3blocks
-
Notifications
You must be signed in to change notification settings - Fork 0
/
idea_blocks.txt
148 lines (124 loc) · 4.95 KB
/
idea_blocks.txt
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
# NEW BLOCKS
#
# 1. Treemap
# https://bl.ocks.org/ganezasan/52fced34d2182483995f0ca3960fe228
#
# 2. Map.
# https://d3-graph-gallery.com/graph/bubblemap_buttonControl.html
# https://observablehq.com/@ncastaldo/gas-stations-italy
# https://github.com/citrusvanilla/manhattanpopulationexplorer
#
# 3. Network graph in 3D.
# Mogelijkheid tot 3d plot maken
# https://vasturiano.github.io/3d-force-graph/example/text-links/
#
# 4. Delaunay plot
# https://observablehq.com/@observablehq/plot-delaunay
#
# 5. Scatterplot in 3D.
# Mogelijkheid tot 3d plot maken
# d3blocks\demo\scatter_3d\scatter_3d.html
#
#
# BUGS
#
# 1. TimeSeries
# [x] Getallen zijn te breed in de grafiek. Afronden op 3 decimalen oid?
#
# 2. MovingBubbles
# [x] Overlap van namen in de circle. Ik dacht dat we dit al opgelost hadden?
#
#
## FEATURES
#
# 1. Sankey
# https://observablehq.com/@d3/sankey
# [x] Link color selectiebox om het interactief te maken.
# [x] Node alignment selectiebox om het interactief te maken.
#
# 2. Chord
# [x] Change the node color and opacity.
# [x] Change the Link/edge color and opacity.
# [ ] Highlight the edges/links when hovering.
#
# 3. d3graph
# [x] Uiteinden vd lijn kunnen wijzingen en kleuren
#
# 4. Scatter
# [x] Tooltips toevoegen.
# [x] size kunnen wijzigen.
# [x] color kunnen wijzigen.
# [x] edge-color kunnen wijzigen.
# [x] color gradient op class labels.
# [ ] Zwart (of kleur optioneel) Axis lijnen toevoegen: https://bl.ocks.org/EfratVil/d956f19f2e56a05c31fb6583beccfda7
# [ ] Lichtgrijs Grid toevoegen (optioneel maken).
# [ ] Dots kunnen laten sliden van punt A (x1, y1) naar punt B (x2, y2). https://stackoverflow.com/questions/38595719/javascript-d3-js-multiple-transitions-of-points-on-a-scatter-plot
# [ ] Selectiebox toevoegen zoals: http://pancancer-map.ewi.tudelft.nl/
#
# 5. Heatmap
# Update heatmap met de onderstaande want deze heeft tooltips:
# http://bl.ocks.org/ianyfchang/8119685
# https://github.com/d3/d3/wiki/Gallery
# https://bl.ocks.org/Niekes/1c15016ae5b5f11508f92852057136b5
# https://observablehq.com/@d3/brushable-scatterplot-matrix
# https://medium.com/@xoor/brush-and-zoom-with-d3-js-and-canvas-71859cd28832
#
# 6. Network
# https://bl.ocks.org/GerHobbelt/3104394
# http://bl.ocks.org/GerHobbelt/3071239
#
#
### Wind
http://bl.ocks.org/FrissAnalytics/8360ffae9194ed726f42e850eac3239e
### Gauge
http://bl.ocks.org/FrissAnalytics/e5348c6b954f038f40129419a8e8b51b
http://bl.ocks.org/msqr/3202712
https://carbondesignsystem.com/data-visualization/simple-charts/
# Some cool blocks from Herman Sontrop’s
https://bl.ocks.org/FrissAnalytics
https://bl.ocks.org/FrissAnalytics/80d3b7e5494b4095ca52544a34167095
http://bl.ocks.org/FrissAnalytics/8360ffae9194ed726f42e850eac3239e
https://bl.ocks.org/FrissAnalytics/eb7870ff69569900ea55018e2256d6fd
https://bl.ocks.org/FrissAnalytics/718c37311728ad539c968e457a09afb4
http://bl.ocks.org/FrissAnalytics/e5348c6b954f038f40129419a8e8b51b
# Timeseries
http://bl.ocks.org/DStruths/9c042e3a6b66048b5bd4
https://observablehq.com/@d3/line-with-tooltip
https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172
https://bl.ocks.org/mbostock/raw/34f08d5e11952a80609169b7917d4172/?raw=true
### Network
https://bl.ocks.org/GerHobbelt/3104394
http://bl.ocks.org/GerHobbelt/3071239
https://bl.ocks.org/steveharoz/8c3e2524079a8c440df60c1ab72b5d03
http://bl.ocks.org/FrissAnalytics/8348e53e720ca275714fbc041d2912e3
# particlevest
http://bl.ocks.org/enjalot/f973a941606aa38fed321fbce0c8bd7f
http://bl.ocks.org/FrissAnalytics/8fcd0a2cdde9fad911ddfcf35abe22df
## TODO
### SCATTER
https://observablehq.com/@observablehq/plot-delaunay
### Chord
http://bl.ocks.org/nbremer/94db779237655907b907
https://observablehq.com/@d3/hierarchical-edge-bundling
https://observablehq.com/@d3/directed-chord-diagram
https://www.visualcinnamon.com/2016/06/orientation-gradient-d3-chord-diagram/
### Network time-graph
http://www.claudiobellei.com/2017/02/04/viznetworks/
http://www.claudiobellei.com/2017/02/04/viznetworks/vizgraph.html
### Treemap
https://observablehq.com/@d3/treemap
https://bl.ocks.org/ganezasan/52fced34d2182483995f0ca3960fe228
### Cool stuff
https://pair-code.github.io/understanding-umap/
### Bubblegraph
https://observablehq.com/@mbostock/the-wealth-health-of-nations
### Movingbubbles
https://flowingdata.com/2017/05/17/american-workday/
https://flowingdata.com/2015/12/15/a-day-in-the-life-of-americans/
https://carbondesignsystem.com/data-visualization/simple-charts/
### Algemeen
selectionbox: https://d3-graph-gallery.com/graph/interactivity_button.html#buildWithD3
multitouch: https://observablehq.com/@d3/multitouch
Tooltips: https://bl.ocks.org/d3noob/a22c42db65eb00d4e369
transition: https://stackoverflow.com/questions/38595719/javascript-d3-js-multiple-transitions-of-points-on-a-scatter-plot
https://www.youtube.com/watch?v=EpeOzq8eDYk