Skip to content

Instantly share code, notes, and snippets.

View design-panther's full-sized avatar

Reid Harward design-panther

  • George Mason University
View GitHub Profile
<?xml version="1.0" encoding="UTF-8"?>
<!-- Bigger, smoother sine-wave path — perfect drop-in replacement -->
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="-5 -70 310 140"
width="100%"
height="400"
version="1.1">
<path id="sineWaveLarge"
d="M0,0.00 L2,6.27 L4,12.47 L6,18.54 L8,24.40 L10,30.00 L12,35.27 L14,40.16 L16,44.61 L18,48.57 L20,52.00 L22,54.85 L24,57.09 L26,58.69 L28,59.67 L30,60.00 L32,59.67 L34,58.69 L36,57.06 L38,54.81 L40,51.96 L42,48.57 L44,44.61 L46,40.16 L48,35.27 L50,30.00 L52,24.40 L54,18.54 L56,12.47 L58,6.27 L60,0.00 L62,-6.27 L64,-12.47 L66,-18.54 L68,-24.40 L70,-30.00 L72,-35.27 L74,-40.16 L76,-44.61 L78,-48.57 L80,-52.00 L82,-54.85 L84,-57.09 L86,-58.69 L88,-59.67 L90,-60.00 L92,-59.67 L94,-58.69 L96,-57.06 L98,-54.81 L100,-51.96 L102,-48.57 L104,-44.61 L106,-40.16 L108,-35.27 L110,-30.00 L112,-24.40 L114,-18.54 L116,-12.47 L118,-6.27 L120,-0.00 L122,6.27 L124,12.47 L126,18.54 L128,24.40 L130,30.00 L132,35.27 L134,40.16 L136,44.61 L138,48.57 L140,52.00 L1
<?xml version="1.0" encoding="UTF-8"?>
<!-- Inward Spiral Path SVG for GitHub Gist hosting -->
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 334 334"
width="100%"
height="100%"
version="1.1">
<path id="path"
d="M170 19
C160 40, 150 60, 140 80
<?xml version="1.0" encoding="UTF-8"?>
<!-- Inward Spiral Path SVG for GitHub Gist hosting -->
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 334 1426"
id="svgRoute"
width="100%"
height="100%"
version="1.1">
<path id="path"
d="M170 19
<?xml version="1.0" encoding="UTF-8"?>
<!-- Inward Spiral SVG -->
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="-1 -40 152 80"
width="100%"
height="100%"
version="1.1">
<path id="inwardSpiral"
d="M150,0 C 145,10, 140,20, 130,30 C 120,40, 110,50, 100,60 C 90,70, 80,80, 70,90 C 60,100, 50,110, 40,120 C 30,130, 20,140, 10,150 C 5,155, 0,160, -5,165 C -10,170, -15,175, -20,180 C -25,185, -30,190, -35,195 C -40,200, -45,205, -50,210 C -55,215, -60,220, -65,225 C -70,230, -75,235, -80,240 C -85,245, -90,250, -95,255"
stroke="#4a4a4a"
<?xml version="1.0" encoding="UTF-8"?>
<!-- Timeline Path SVG for GitHub Gist hosting -->
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="-1 -40 152 80"
width="100%"
height="100%"
version="1.1">
<path id="sineWaveY"
d="M150,0 L149.86,2.05 L149.52,4.1 L148.96,6.15 L148.2,8.18 L147.21,10.2 L146.01,12.22 L144.58,14.21 L142.93,16.18 L141.05,18.11 L138.96,20 L136.65,21.84 L134.14,23.64 L131.43,25.37 L128.52,27.04 L125.43,28.63 L122.16,30.13 L118.72,31.54 L115.12,32.85 L111.36,34.05 L107.46,35.14 L103.42,36.11 L99.26,36.96 L95.01,37.67 L90.68,38.24 L86.28,38.66 L81.84,38.93 L77.37,39.04 L72.89,38.99 L68.42,38.78 L63.97,38.4 L59.56,37.86 L55.2,37.16 L50.91,36.3 L46.69,35.28 L42.58,34.1 L38.59,32.77 L34.74,31.29 L31.03,29.67 L27.49,27.92 L24.13,26.04 L20.95,24.05 L17.98,21.96 L15.23,19.77 L12.72,17.49 L10.45,15.13 L8.44,12.69 L6.7,10.19 L5.24,7.64 L4.08,5.05 L3.23,2.43 L2.69,-0.19 L2.47,-2.81 L2.58,-5.44 L2.99,-8.05 L3.7,-10.64 L4.7,-13.17 L5.97,-15.66 L7.5,-18.08 L9.26,-20.44 L11.24
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 800">
<!-- Main timeline path -->
<path class="timeline-base"
d="M 50 0 L 50 800"
stroke="var(--timeline-color)"
stroke-width="2"
fill="none"/>
<!-- Movement markers -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1560" height="804"><defs/><g><path fill="none" stroke="#02063B" paint-order="fill stroke markers" d=" M 20 437.5148476045153 L 21 439.2645251392579 L 22 441.0104005917336 L 23 442.7522958310775 L 24 444.49003313252376 L 25 446.22343519553914 L 26 447.95232516191277 L 27 449.67652663380096 L 28 451.39586369172486 L 29 453.1101609125196 L 30 454.81924338723246 L 31 456.522936738969 L 32 458.22106714068434 L 33 459.9134613329189 L 34 461.59994664147604 L 35 463.28035099503944 L 36 464.9545029427302 L 37 466.6222316715992 L 38 468.28336702405545 L 39 469.9377395152273 L 40 471.5851803502544 L 41 473.22552144151024 L 42 474.8585954257519 L 43 476.48423568119597 L 44 478.10227634451894 L 45 479.71255232778026 L 46 481.314899335266 L 47 482.90915388025195 L 48 484.49515330168424 L 49 486.07273578077536 L 50 487.64174035751444 L 51 489.2020069470901 L 52 490.7533763562239 L 53 492.2956902994123 L 54 493.82879141507
{
"title": "Influential Graphic Designers Timeline",
"cards": [
{
"name": "William Morris",
"years": "1834-1896",
"movement": "Arts and Crafts",
"keyWorks": [
{
"title": "The Works of Geoffrey Chaucer",
{
"title": "Influential Graphic Designers Timeline",
"cards": [
{
"name": "William Morris",
"years": "1834-1896",
"movement": "Arts and Crafts",
"keyWorks": [
{
"title": "The Works of Geoffrey Chaucer",
{
"title": "Influential Graphic Designers Timeline",
"cards": [
{
"name": "William Morris",
"years": "1834-1896",
"movement": "Arts and Crafts",
"keyWorks": [
{
"title": "The Works of Geoffrey Chaucer",