forked from algenty/grafana-flowcharting
-
Notifications
You must be signed in to change notification settings - Fork 0
/
blocknote.txt
81 lines (66 loc) · 2.39 KB
/
blocknote.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
# before Publish
git remote add upstream https://github.com/some_user/some_repo
git fetch upstream
git checkout master
git reset --hard upstream/master
git push origin master --force
# For animation
STYLE_STROKEWIDTH Epaisseur ligne
STYLE_STROKEWIDTH: 'strokeWidth'
Defines the key for the strokeWidth style. The type of the value is numeric and the possible range is any non-negative value larger or equal to 1. The value defines the stroke width in pixels. Note: To hide a stroke use strokeColor none. Value is “strokeWidth”.
STYLE_NOLABEL
STYLE_NOLABEL: 'noLabel'
Defines the key for the noLabel style. If this is true then no label is visible for a given cell. Possible values are true or false (1 or 0). Default is false. Value is “noLabel”.
STYLE_DASHED Pointillé
STYLE_DASHED: 'dashed'
Defines the key for the dashed style. Use 0 (default) for non-dashed or 1 for dashed. Value is “dashed”.
to front
to back
Zoom/unzoom
Add text to tooltip
# Links
https://jgraph.github.io/mxgraph/docs/manual.html
# Colors
https://gka.github.io/chroma.js/
# Chartist gradient
https://codepen.io/junglist/pen/MbPgXd
https://fvsch.com/svg-gradient-fill/
# Animation class
Pour changer de flowchart :
https://codepen.io/djdabe/pen/QMoRrW
https://www.minimamente.com/project/magic/
https://animista.net/
https://www.draw.io/?lightbox=1&highlight=0000ff&edit=_blank&layers=1&nav=1&title=connectors-in-draw.io.html&p=flow#Uhttps%3A%2F%2Fdrive.google.com%2Fa%2Fseibert-media.net%2Fuc%3Fid%3D1kgy30z0qgXFuMkz7SiQfh_Y99RELgWHa%26export%3Ddownload
.mxEdgeFlow {
animation: mxEdgeFlow 0.5s linear;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: mxEdgeFlow;
animation-iteration-count: infinite;
}
https://jgraph.github.io/mxgraph/javascript/examples/animation.html
.mxEdgeFlow {
animation: mxEdgeFlow 0.5s linear;
animation-iteration-count: infinite;
}
@keyframes mxEdgeFlow {
to {
stroke-dashoffset: -16;
}
}
# TODO :
Fix CSV save : Done
FIX Middle CSV : Done
FIX Red for null value : DONE
FIX When data is for null value : Done
UPDATE CSS LIGHT
Anonimizer
# Base64 converter svg to base64 :
https://yoksel.github.io/url-encoder/
https://base64.guru/converter/encode/text
<img src="data:image/svg+xml;base64,TEXT"