Skip to content

Instantly share code, notes, and snippets.

@qpliu

qpliu/20240301.svg

Last active March 3, 2024 01:10
Show Gist options
  • Save qpliu/629d2c8c5f7a2943f78db082bcfd1c6f to your computer and use it in GitHub Desktop.
Save qpliu/629d2c8c5f7a2943f78db082bcfd1c6f to your computer and use it in GitHub Desktop.
Download ZIP
Display the source blob
Display the rendered blob
Raw
20240301.svg
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="300" height="150" viewBox="-10.5 -5.5 21 11">
<rect width="20" height="10" x="-10" y="-5" fill="none" stroke="black" stroke-width="0.1"/>
<polygon points="0.0,1.666666666666667
-0.24934383202099752,1.5748031496062982
-0.4945054945054945,1.4652014652014653
-0.7306590257879648,1.337153772683858
-0.9523809523809526,1.1904761904761907
-1.1538461538461533,1.0256410256410255
-1.3291139240506329,0.8438818565400839
-1.4724919093851128,0.6472491909385116
-1.578947368421053,0.4385964912280702
-1.6445182724252483,0.22148394241417524
-1.666666666666666,0.0
-1.6445182724252483,-0.22148394241417524
-1.578947368421053,-0.4385964912280702
-1.4724919093851128,-0.6472491909385116
-1.3291139240506329,-0.8438818565400839
-1.1538461538461533,-1.025641025641026
-0.9523809523809526,-1.1904761904761902
-0.7306590257879648,-1.337153772683859
-0.4945054945054945,-1.4652014652014649
-0.24934383202099752,-1.574803149606299
0.0,-1.6666666666666665
0.24934383202099752,-1.574803149606299
0.4945054945054945,-1.4652014652014649
0.7306590257879648,-1.337153772683859
0.9523809523809526,-1.1904761904761902
1.1538461538461533,-1.025641025641026
1.3291139240506329,-0.8438818565400839
1.4724919093851128,-0.6472491909385116
1.578947368421053,-0.4385964912280702
1.6445182724252483,-0.22148394241417524
1.666666666666666,0.0
1.6445182724252483,0.22148394241417524
1.578947368421053,0.4385964912280702
1.4724919093851128,0.6472491909385116
1.3291139240506329,0.8438818565400839
1.1538461538461533,1.0256410256410255
0.9523809523809526,1.1904761904761907
0.7306590257879648,1.337153772683858
0.4945054945054945,1.4652014652014653
0.24934383202099752,1.5748031496062982
0.0,1.666666666666667"
fill="none" stroke="black" stroke-width="0.15"/>
<line stroke="red" stroke-width="0.1">
<animate attributeName="x1" dur="5s" repeatCount="indefinite"
values="0;0.5;1;1.5;2;2.5;3;3.5;4;4.5;5;5.5;6;6.5;7;7.5;8;8.5;9;9.5;
10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;
10;9.5;9;8.5;8;7.5;7;6.5;6;5.5;5;4.5;4;3.5;3;2.5;2;1.5;1;0.5;0;
-0.5;-1;-1.5;-2;-2.5;-3;-3.5;-4;-4.5;-5;-5.5;-6;-6.5;-7;-7.5;-8;-8.5;-9;-9.5;-10;
-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;
-10;-9.5;-9;-8.5;-8;-7.5;-7;-6.5;-6;-5.5;-5;-4.5;-4;-3.5;-3;-2.5;-2;-1.5;-1;-0.5;
0"/>
<animate attributeName="y1" dur="5s" repeatCount="indefinite"
values="5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;
4.5;4;3.5;3;2.5;2;1.5;1;0.5;0;-0.5;-1;-1.5;-2;-2.5;-3;-3.5;-4;-4.5;
-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;
-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;
-4.5;-4;-3.5;-3;-2.5;-2;-1.5;-1;-0.5;0;0.5;1;1.5;2;2.5;3;3.5;4;4.5;
5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;
5"/>
<animate attributeName="x2" dur="5s" repeatCount="indefinite"
values="0.0;
-0.24934383202099752;
-0.4945054945054945;
-0.7306590257879648;
-0.9523809523809526;
-1.1538461538461533;
-1.3291139240506329;
-1.4724919093851128;
-1.578947368421053;
-1.6445182724252483;
-1.666666666666666;
-1.6445182724252483;
-1.578947368421053;
-1.4724919093851128;
-1.3291139240506329;
-1.1538461538461533;
-0.9523809523809526;
-0.7306590257879648;
-0.4945054945054945;
-0.24934383202099752;
0.0;
0.24934383202099752;
0.4945054945054945;
0.7306590257879648;
0.9523809523809526;
1.1538461538461533;
1.3291139240506329;
1.4724919093851128;
1.578947368421053;
1.6445182724252483;
1.666666666666666;
1.6445182724252483;
1.578947368421053;
1.4724919093851128;
1.3291139240506329;
1.1538461538461533;
0.9523809523809526;
0.7306590257879648;
0.4945054945054945;
0.24934383202099752;
0.0"/>
<animate attributeName="y2" dur="5s" repeatCount="indefinite"
values="1.666666666666667;
1.5748031496062982;
1.4652014652014653;
1.337153772683858;
1.1904761904761907;
1.0256410256410255;
0.8438818565400839;
0.6472491909385116;
0.4385964912280702;
0.22148394241417524;
0.0;
-0.22148394241417524;
-0.4385964912280702;
-0.6472491909385116;
-0.8438818565400839;
-1.025641025641026;
-1.1904761904761902;
-1.337153772683859;
-1.4652014652014649;
-1.574803149606299;
-1.6666666666666665;
-1.574803149606299;
-1.4652014652014649;
-1.337153772683859;
-1.1904761904761902;
-1.025641025641026;
-0.8438818565400839;
-0.6472491909385116;
-0.4385964912280702;
-0.22148394241417524;
0.0;
0.22148394241417524;
0.4385964912280702;
0.6472491909385116;
0.8438818565400839;
1.0256410256410255;
1.1904761904761907;
1.337153772683858;
1.4652014652014653;
1.5748031496062982;
1.666666666666667"/>
</line>
<line stroke="green" stroke-width="0.1">
<animate attributeName="x1" dur="5s" repeatCount="indefinite"
values="
-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;
-10;-9.5;-9;-8.5;-8;-7.5;-7;-6.5;-6;-5.5;-5;-4.5;-4;-3.5;-3;-2.5;-2;-1.5;-1;-0.5;
0;0.5;1;1.5;2;2.5;3;3.5;4;4.5;5;5.5;6;6.5;7;7.5;8;8.5;9;9.5;
10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;
10;9.5;9;8.5;8;7.5;7;6.5;6;5.5;5;4.5;4;3.5;3;2.5;2;1.5;1;0.5;
0;-0.5;-1;-1.5;-2;-2.5;-3;-3.5;-4;-4.5;-5;-5.5;-6;-6.5;-7;-7.5;-8;-8.5;-9;-9.5;
-10"/>
<animate attributeName="y1" dur="5s" repeatCount="indefinite"
values="
-5;-4.5;-4;-3.5;-3;-2.5;-2;-1.5;-1;-0.5;0;0.5;1;1.5;2;2.5;3;3.5;4;4.5;
5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;
5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;
4.5;4;3.5;3;2.5;2;1.5;1;0.5;0;-0.5;-1;-1.5;-2;-2.5;-3;-3.5;-4;-4.5;
-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;
-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;
-5"/>
<animate attributeName="x2" dur="5s" repeatCount="indefinite"
values="0.0;
-0.24934383202099752;
-0.4945054945054945;
-0.7306590257879648;
-0.9523809523809526;
-1.1538461538461533;
-1.3291139240506329;
-1.4724919093851128;
-1.578947368421053;
-1.6445182724252483;
-1.666666666666666;
-1.6445182724252483;
-1.578947368421053;
-1.4724919093851128;
-1.3291139240506329;
-1.1538461538461533;
-0.9523809523809526;
-0.7306590257879648;
-0.4945054945054945;
-0.24934383202099752;
0.0;
0.24934383202099752;
0.4945054945054945;
0.7306590257879648;
0.9523809523809526;
1.1538461538461533;
1.3291139240506329;
1.4724919093851128;
1.578947368421053;
1.6445182724252483;
1.666666666666666;
1.6445182724252483;
1.578947368421053;
1.4724919093851128;
1.3291139240506329;
1.1538461538461533;
0.9523809523809526;
0.7306590257879648;
0.4945054945054945;
0.24934383202099752;
0.0"/>
<animate attributeName="y2" dur="5s" repeatCount="indefinite"
values="1.666666666666667;
1.5748031496062982;
1.4652014652014653;
1.337153772683858;
1.1904761904761907;
1.0256410256410255;
0.8438818565400839;
0.6472491909385116;
0.4385964912280702;
0.22148394241417524;
0.0;
-0.22148394241417524;
-0.4385964912280702;
-0.6472491909385116;
-0.8438818565400839;
-1.025641025641026;
-1.1904761904761902;
-1.337153772683859;
-1.4652014652014649;
-1.574803149606299;
-1.6666666666666665;
-1.574803149606299;
-1.4652014652014649;
-1.337153772683859;
-1.1904761904761902;
-1.025641025641026;
-0.8438818565400839;
-0.6472491909385116;
-0.4385964912280702;
-0.22148394241417524;
0.0;
0.22148394241417524;
0.4385964912280702;
0.6472491909385116;
0.8438818565400839;
1.0256410256410255;
1.1904761904761907;
1.337153772683858;
1.4652014652014653;
1.5748031496062982;
1.666666666666667"/>
</line>
<line stroke="blue" stroke-width="0.1">
<animate attributeName="x1" dur="5s" repeatCount="indefinite"
values="
10;9.5;9;8.5;8;7.5;7;6.5;6;5.5;5;4.5;4;3.5;3;2.5;2;1.5;1;0.5;
0;-0.5;-1;-1.5;-2;-2.5;-3;-3.5;-4;-4.5;-5;-5.5;-6;-6.5;-7;-7.5;-8;-8.5;-9;-9.5;
-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;
-10;-9.5;-9;-8.5;-8;-7.5;-7;-6.5;-6;-5.5;-5;-4.5;-4;-3.5;-3;-2.5;-2;-1.5;-1;-0.5;
0;0.5;1;1.5;2;2.5;3;3.5;4;4.5;5;5.5;6;6.5;7;7.5;8;8.5;9;9.5;
10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;10;
10"/>
<animate attributeName="y1" dur="5s" repeatCount="indefinite"
values="
-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;
-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5;
-5;-4.5;-4;-3.5;-3;-2.5;-2;-1.5;-1;-0.5;0;0.5;1;1.5;2;2.5;3;3.5;4;4.5;
5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;
5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;5;
4.5;4;3.5;3;2.5;2;1.5;1;0.5;0;-0.5;-1;-1.5;-2;-2.5;-3;-3.5;-4;-4.5;
-5"/>
<animate attributeName="x2" dur="5s" repeatCount="indefinite"
values="0.0;
-0.24934383202099752;
-0.4945054945054945;
-0.7306590257879648;
-0.9523809523809526;
-1.1538461538461533;
-1.3291139240506329;
-1.4724919093851128;
-1.578947368421053;
-1.6445182724252483;
-1.666666666666666;
-1.6445182724252483;
-1.578947368421053;
-1.4724919093851128;
-1.3291139240506329;
-1.1538461538461533;
-0.9523809523809526;
-0.7306590257879648;
-0.4945054945054945;
-0.24934383202099752;
0.0;
0.24934383202099752;
0.4945054945054945;
0.7306590257879648;
0.9523809523809526;
1.1538461538461533;
1.3291139240506329;
1.4724919093851128;
1.578947368421053;
1.6445182724252483;
1.666666666666666;
1.6445182724252483;
1.578947368421053;
1.4724919093851128;
1.3291139240506329;
1.1538461538461533;
0.9523809523809526;
0.7306590257879648;
0.4945054945054945;
0.24934383202099752;
0.0"/>
<animate attributeName="y2" dur="5s" repeatCount="indefinite"
values="1.666666666666667;
1.5748031496062982;
1.4652014652014653;
1.337153772683858;
1.1904761904761907;
1.0256410256410255;
0.8438818565400839;
0.6472491909385116;
0.4385964912280702;
0.22148394241417524;
0.0;
-0.22148394241417524;
-0.4385964912280702;
-0.6472491909385116;
-0.8438818565400839;
-1.025641025641026;
-1.1904761904761902;
-1.337153772683859;
-1.4652014652014649;
-1.574803149606299;
-1.6666666666666665;
-1.574803149606299;
-1.4652014652014649;
-1.337153772683859;
-1.1904761904761902;
-1.025641025641026;
-0.8438818565400839;
-0.6472491909385116;
-0.4385964912280702;
-0.22148394241417524;
0.0;
0.22148394241417524;
0.4385964912280702;
0.6472491909385116;
0.8438818565400839;
1.0256410256410255;
1.1904761904761907;
1.337153772683858;
1.4652014652014653;
1.5748031496062982;
1.666666666666667"/>
</line>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment