Skip to content

Commit 4b8fee7

Browse files
tczaganytczagany
committed
intermediate commit
1 parent 7fcd05d commit 4b8fee7

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+2058
-141
lines changed

‎.gitattributes

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
* text=auto
2+

‎.gitignore

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
out
2+
node_modules
3+
.vscode-test/
4+
.VSCodeCounter/
5+
*.vsix
6+
package-lock*

‎.vscode/settings.json

+5-1
Original file line numberDiff line numberDiff line change
@@ -5,5 +5,9 @@
55
"search.exclude": {
66
"out": true
77
},
8-
"typescript.tsc.autoDetect": "off"
8+
"typescript.tsc.autoDetect": "off",
9+
"editor.defaultFormatter": "esbenp.prettier-vscode",
10+
"[typescript]": {
11+
"editor.defaultFormatter": "esbenp.prettier-vscode"
12+
}
913
}

‎README.md

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# Code Counter Vizualization
2+
3+
CC Vizzu extension: Code explorer with animated Vizzu charts
4+
5+
* [github](https://github.com/tczagany/ccvizzu)
6+
* [Marketplace](https://marketplace.visualstudio.com/items?itemName=tczagany.ccvizzu)
7+
8+
**Enjoy!**

‎media/animations/anim-0100-0110.js

+93
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
function anim_0100_0110(chart) {
2+
3+
return chart.animate({
4+
config: {
5+
channels: {
6+
y: { set: ['$count'], range: { min: '0%', max: '100%' } },
7+
x: { set: null },
8+
color: { set: null },
9+
label: { set: ['$count'] },
10+
},
11+
title: null, // '13 File count 2',
12+
legend: null
13+
},
14+
style: {
15+
plot: {
16+
paddingLeft: '9em',
17+
marker: { label: { position: 'center' } },
18+
xAxis: { label: { angle: -0.7 } }
19+
}
20+
}
21+
},
22+
{ duration: 0.1 }
23+
)
24+
25+
.then(chart => chart.animate({
26+
config: {
27+
channels: {
28+
y: { set: ['$count', 'Language', 'File name'], range: { min: '0%', max: '100%' } },
29+
x: { set: null },
30+
label: { set: null },
31+
color: { set: ['Language'] }
32+
},
33+
title: null, // '12 File count 1',
34+
legend: null
35+
},
36+
style: {
37+
plot: {
38+
paddingLeft: '9em',
39+
marker: { label: { position: 'center' } },
40+
xAxis: { label: { angle: -0.7 } }
41+
}
42+
}
43+
},
44+
{ duration: 0.5 }
45+
))
46+
47+
.then(chart => chart.animate({
48+
config: {
49+
channels: {
50+
y: { set: ['$count', 'File name'], range: { min: '0%', max: '110%' } },
51+
x: { set: ['Language'] },
52+
color: { set: ['Language'] }
53+
},
54+
title: null, // '9 File count + types 1',
55+
sort: 'byValue',
56+
legend: null,
57+
reverse: true,
58+
},
59+
style: {
60+
plot: {
61+
paddingLeft: '9em',
62+
marker: { label: { position: 'top' } },
63+
xAxis: { label: { angle: -0.7 } }
64+
}
65+
}
66+
},
67+
{ duration: 2 }
68+
))
69+
70+
.then(chart => chart.animate({
71+
config: {
72+
channels: {
73+
y: { set: ['$count'], range: { min: '0%', max: '110%' } },
74+
x: { set: ['Language'] },
75+
label: { set: ['$count'] },
76+
color: { set: ['Language'] }
77+
},
78+
title: null, // '10 File count + types 2',
79+
sort: 'byValue',
80+
legend: null,
81+
reverse: true,
82+
},
83+
style: {
84+
plot: {
85+
paddingLeft: '9em',
86+
marker: { label: { position: 'top' } },
87+
xAxis: { label: { angle: -0.7 } }
88+
}
89+
}
90+
},
91+
{ duration: 0.5 }
92+
));
93+
}

‎media/animations/anim-0100-1000.js

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
function anim_0100_1000(chart) {
2+
3+
return chart.animate({
4+
config: {
5+
channels: {
6+
y: { set: null, range: { min: '0%', max: '100%' } },
7+
x: { set: ['Line count'], range: { min: '0%', max: '100%' } },
8+
color: { set: null },
9+
label: { set: ['Line count'] },
10+
},
11+
title: null, //1 code 1
12+
},
13+
style: {
14+
legend: { paddingLeft: '5.789473684' },
15+
plot: {
16+
paddingLeft: '9em',
17+
marker: { label: { position: 'center' } },
18+
yAxis: { label: { paddingRight: '1.2em' } },
19+
xAxis: { label: { angle: 0 } }
20+
}
21+
}
22+
},
23+
{ duration: 2 }
24+
);
25+
}

‎media/animations/anim-0100-1001.js

+72
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
function anim_0100_1001(chart) {
2+
3+
return chart.animate({
4+
config: {
5+
channels: {
6+
y: { set: ['$count'], range: { min: '0%', max: '100%' } },
7+
x: { set: null },
8+
color: { set: null },
9+
label: { set: ['$count'] },
10+
},
11+
title: null, // '13 File count 2',
12+
legend: null
13+
},
14+
style: {
15+
plot: {
16+
paddingLeft: '9em',
17+
marker: { label: { position: 'center' } },
18+
xAxis: { label: { angle: 0 } }
19+
}
20+
}
21+
},
22+
{ duration: 0.2 }
23+
)
24+
25+
.then(chart => chart.animate({
26+
config: {
27+
channels: {
28+
y: { set: ['$count', 'File name', 'Language'], range: { min: '0%', max: '100%' } },
29+
x: { set: null },
30+
color: { detach: ['Language'] },
31+
label: { set: null }
32+
},
33+
title: null, // '7 code + Files 1',
34+
sort: 'byValue',
35+
legend: null,
36+
reverse: false,
37+
},
38+
style: {
39+
plot: {
40+
paddingLeft: '9em',
41+
yAxis: { label: { fontSize: 0 } },
42+
xAxis: { label: { angle: 0 } }
43+
}
44+
}
45+
},
46+
{ duration: 0.2 }
47+
))
48+
49+
.then(chart => chart.animate({
50+
config: {
51+
channels: {
52+
y: { set: ['File name', 'Language'], range: { min: '0%', max: '100%' } },
53+
x: { set: ['Line count'] },
54+
color: { detach: ['Language'] },
55+
label: { set: null }
56+
},
57+
title: null, // '7 code + Files 1',
58+
sort: 'byValue',
59+
legend: null,
60+
reverse: false,
61+
},
62+
style: {
63+
plot: {
64+
paddingLeft: '9em',
65+
yAxis: { label: { fontSize: 0 } },
66+
xAxis: { label: { angle: 0 } }
67+
}
68+
}
69+
},
70+
{ duration: 1.8 }
71+
));
72+
}

‎media/animations/anim-0110-0100.js

+94
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
function anim_0110_0100(chart) {
2+
3+
return chart.animate({
4+
config: {
5+
channels: {
6+
y: { set: ['$count'], range: { min: '0%', max: '110%' } },
7+
x: { set: ['Language'] },
8+
label: { set: ['$count'] },
9+
color: { set: ['Language'] }
10+
},
11+
title: null, // '10 File count + types 2',
12+
sort: 'byValue',
13+
legend: null,
14+
reverse: true,
15+
},
16+
style: {
17+
plot: {
18+
paddingLeft: '9em',
19+
marker: { label: { position: 'top' } },
20+
xAxis: { label: { angle: -0.7 } }
21+
}
22+
}
23+
},
24+
{ duration: 0.1 }
25+
)
26+
27+
.then(chart => chart.animate({
28+
config: {
29+
channels: {
30+
y: { set: ['$count', 'File name'], range: { min: '0%', max: '110%' } },
31+
x: { set: ['Language'] },
32+
color: { set: ['Language'] },
33+
label: { set: null },
34+
},
35+
title: null, // '11 File count + type 3',
36+
sort: 'byValue',
37+
legend: null,
38+
reverse: true,
39+
},
40+
style: {
41+
plot: {
42+
paddingLeft: '9em',
43+
marker: { label: { position: 'top' } },
44+
xAxis: { label: { angle: -0.7 } }
45+
}
46+
}
47+
},
48+
{ duration: 0.5 }
49+
))
50+
51+
.then(chart => chart.animate({
52+
config: {
53+
channels: {
54+
y: { set: ['$count', 'Language', 'File name'], range: { min: '0%', max: '100%' } },
55+
x: { set: null },
56+
label: { set: null },
57+
color: { set: ['Language'] }
58+
},
59+
title: null, // '12 File count 1',
60+
legend: null
61+
},
62+
style: {
63+
plot: {
64+
paddingLeft: '9em',
65+
marker: { label: { position: 'center' } },
66+
xAxis: { label: { angle: -0.7 } }
67+
}
68+
}
69+
},
70+
{ duration: 2 }
71+
))
72+
73+
.then(chart => chart.animate({
74+
config: {
75+
channels: {
76+
y: { set: ['$count'], range: { min: '0%', max: '100%' } },
77+
x: { set: null },
78+
color: { set: null },
79+
label: { set: ['$count'] },
80+
},
81+
title: null, // '13 File count 2',
82+
legend: null
83+
},
84+
style: {
85+
plot: {
86+
paddingLeft: '9em',
87+
marker: { label: { position: 'center' } },
88+
xAxis: { label: { angle: -0.7 } }
89+
}
90+
}
91+
},
92+
{ duration: 0.5 }
93+
));
94+
}

0 commit comments

Comments
 (0)