Skip to content

Instantly share code, notes, and snippets.

@JulianKingman

JulianKingman/circlechart.json

Created February 2, 2018 22:37
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save JulianKingman/8b3ab0bcc689f9efa08c0bd0cb7258b2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save JulianKingman/8b3ab0bcc689f9efa08c0bd0cb7258b2 to your computer and use it in GitHub Desktop.
Download ZIP
Circular chart made with lottie
Raw
circlechart.json
{
"v": "4.10.2",
"fr": 30,
"ip": 0,
"op": 150,
"w": 500,
"h": 500,
"nm": "Gradient",
"ddd": 0,
"assets": [],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 4,
"nm": "mask",
"td": 1,
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
250,
250,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100,
100
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"d": 1,
"ty": "el",
"s": {
"a": 0,
"k": [
309.789,
309.789
],
"ix": 2
},
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 3
},
"nm": "Ellipse Path 1",
"mn": "ADBE Vector Shape - Ellipse",
"hd": false
},
{
"ty": "st",
"c": {
"a": 0,
"k": [
1,
1,
1,
1
],
"ix": 3
},
"o": {
"a": 0,
"k": 100,
"ix": 4
},
"w": {
"a": 0,
"k": 24,
"ix": 5
},
"lc": 2,
"lj": 1,
"ml": 4,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke",
"hd": false
},
{
"ty": "tm",
"s": {
"a": 0,
"k": 1.4,
"ix": 1
},
"e": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"n": [
"0p833_0p833_0p167_0p167"
],
"t": 0,
"s": [
1.5
],
"e": [
98.5
]
},
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"n": [
"0p833_0p833_0p167_0p167"
],
"t": 149,
"s": [
98.5
],
"e": [
98.5
]
},
{
"t": 298
}
],
"ix": 2
},
"o": {
"a": 0,
"k": 0,
"ix": 3
},
"m": 1,
"ix": 3,
"nm": "Trim Paths 1",
"mn": "ADBE Vector Filter - Trim",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
-0.5,
-0.227
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
99.165,
99.165
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Ellipse 1",
"np": 3,
"cix": 2,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 150,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 2,
"ty": 4,
"nm": "slice gradients",
"tt": 1,
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
250,
250,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100,
100
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
-17.179,
-0.004
],
[
-28.365,
20.572
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
-17.222,
-5.596
]
],
"o": [
[
35.786,
0.007
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
13.9,
10.095
],
[
17.222,
5.596
]
],
"v": [
[
0.51,
84.442
],
[
99.174,
52.351
],
[
0.51,
-83.449
],
[
0.51,
-83.449
],
[
-98.174,
52.378
],
[
-51.362,
76.194
]
],
"c": true
},
"ix": 2
},
"nm": "Mask 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "gf",
"o": {
"a": 0,
"k": 100,
"ix": 10
},
"r": 1,
"g": {
"p": 3,
"k": {
"a": 0,
"k": [
0,
0.773,
0.141,
0.176,
0.5,
0.886,
0.337,
0.367,
1,
1,
0.533,
0.557
],
"ix": 9
}
},
"s": {
"a": 0,
"k": [
-56.174,
45.364
],
"ix": 5
},
"e": {
"a": 0,
"k": [
70,
47.226
],
"ix": 6
},
"t": 1,
"nm": "Gradient Fill 1",
"mn": "ADBE Vector Graphic - G-Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
-83
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": 144,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Group 5",
"np": 2,
"cix": 2,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
-17.179,
-0.004
],
[
-28.365,
20.572
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
-17.222,
-5.596
]
],
"o": [
[
35.786,
0.007
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
13.9,
10.095
],
[
17.222,
5.596
]
],
"v": [
[
0.51,
84.442
],
[
99.174,
52.351
],
[
0.51,
-83.449
],
[
0.51,
-83.449
],
[
-98.174,
52.378
],
[
-51.362,
76.194
]
],
"c": true
},
"ix": 2
},
"nm": "Mask 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "gf",
"o": {
"a": 0,
"k": 100,
"ix": 10
},
"r": 1,
"g": {
"p": 3,
"k": {
"a": 0,
"k": [
0,
1,
0.533,
0.557,
0.5,
0.988,
0.569,
0.506,
1,
0.976,
0.604,
0.455
],
"ix": 9
}
},
"s": {
"a": 0,
"k": [
-63.7,
46.165
],
"ix": 5
},
"e": {
"a": 0,
"k": [
66.61,
46.172
],
"ix": 6
},
"t": 1,
"nm": "Gradient Fill 1",
"mn": "ADBE Vector Graphic - G-Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
-83
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": 72,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Group 4",
"np": 2,
"cix": 2,
"ix": 2,
"mn": "ADBE Vector Group",
"hd": false
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
-17.179,
-0.004
],
[
-28.365,
20.572
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
-17.222,
-5.596
]
],
"o": [
[
35.786,
0.007
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
13.9,
10.095
],
[
17.222,
5.596
]
],
"v": [
[
0.51,
84.442
],
[
99.174,
52.351
],
[
0.51,
-83.449
],
[
0.51,
-83.449
],
[
-98.174,
52.378
],
[
-51.362,
76.194
]
],
"c": true
},
"ix": 2
},
"nm": "Mask 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "gf",
"o": {
"a": 0,
"k": 100,
"ix": 10
},
"r": 1,
"g": {
"p": 3,
"k": {
"a": 0,
"k": [
0,
0.976,
0.604,
0.455,
0.5,
0.976,
0.757,
0.455,
1,
0.976,
0.91,
0.455
],
"ix": 9
}
},
"s": {
"a": 0,
"k": [
-66.176,
45.723
],
"ix": 5
},
"e": {
"a": 0,
"k": [
65.016,
43.547
],
"ix": 6
},
"t": 1,
"nm": "Gradient Fill 1",
"mn": "ADBE Vector Graphic - G-Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
-83
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Group 3",
"np": 2,
"cix": 2,
"ix": 3,
"mn": "ADBE Vector Group",
"hd": false
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
-17.179,
-0.004
],
[
-28.365,
20.572
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
-17.222,
-5.596
]
],
"o": [
[
35.786,
0.007
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
13.9,
10.095
],
[
17.222,
5.596
]
],
"v": [
[
0.51,
84.442
],
[
99.174,
52.351
],
[
0.51,
-83.449
],
[
0.51,
-83.449
],
[
-98.174,
52.378
],
[
-51.362,
76.194
]
],
"c": true
},
"ix": 2
},
"nm": "Mask 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "gf",
"o": {
"a": 0,
"k": 100,
"ix": 10
},
"r": 1,
"g": {
"p": 3,
"k": {
"a": 0,
"k": [
0,
0.976,
0.91,
0.455,
0.5,
0.794,
0.886,
0.667,
1,
0.612,
0.863,
0.878
],
"ix": 9
}
},
"s": {
"a": 0,
"k": [
-61.211,
35.455
],
"ix": 5
},
"e": {
"a": 0,
"k": [
65.322,
36.404
],
"ix": 6
},
"t": 1,
"nm": "Gradient Fill 1",
"mn": "ADBE Vector Graphic - G-Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
-83
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": -72,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Group 2",
"np": 2,
"cix": 2,
"ix": 4,
"mn": "ADBE Vector Group",
"hd": false
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
-17.179,
-0.004
],
[
-28.365,
20.572
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
-17.222,
-5.596
]
],
"o": [
[
35.786,
0.007
],
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
13.9,
10.095
],
[
17.222,
5.596
]
],
"v": [
[
0.51,
84.442
],
[
99.174,
52.351
],
[
0.51,
-83.449
],
[
0.51,
-83.449
],
[
-98.174,
52.378
],
[
-51.362,
76.194
]
],
"c": true
},
"ix": 2
},
"nm": "Mask 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "gf",
"o": {
"a": 0,
"k": 100,
"ix": 10
},
"r": 1,
"g": {
"p": 3,
"k": {
"a": 0,
"k": [
0,
0.612,
0.863,
0.878,
0.5,
0.312,
0.431,
0.439,
1,
0.012,
0,
0
],
"ix": 9
}
},
"s": {
"a": 0,
"k": [
-66.518,
33.93
],
"ix": 5
},
"e": {
"a": 0,
"k": [
75.524,
47.357
],
"ix": 6
},
"t": 1,
"nm": "Gradient Fill 1",
"mn": "ADBE Vector Graphic - G-Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
-83
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": -144,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Group 1",
"np": 2,
"cix": 2,
"ix": 5,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 150,
"st": 0,
"bm": 0
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment