Last active
December 14, 2023 04:30
-
-
Save YamimakiReru/7b78379011ef257a8eb82655b16337f4 to your computer and use it in GitHub Desktop.
SVG五度圏表
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- | |
A SVG diagram of the circle of 5ths. | |
Generator script: | |
https://codepen.io/YamimakiReru/pen/bGzyoEK | |
* * * * | |
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
Version 2, December 2004 | |
Copyright (C) 2023 YAMIMAKI, Reru | |
Everyone is permitted to copy and distribute verbatim or modified | |
copies of this license document, and changing it is allowed as long | |
as the name is changed. | |
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION | |
0. You just DO WHAT THE FUCK YOU WANT TO. | |
--> | |
<svg xmlns="http://www.w3.org/2000/svg" id="svg-canvas" width="2100" height="2100"> | |
<g id="circles"> | |
<circle cx="1050" cy="1050" r="1000" stroke="black" fill="white"></circle> | |
<circle cx="1050" cy="1050" r="750" stroke="black" fill="none"></circle> | |
<circle cx="1050" cy="1050" r="500" stroke="black" fill="none"></circle> | |
</g> | |
<g id="lines"> | |
<line x1="1050" y1="1050" x2="2015" y2="1308" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="1757" y2="1757" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="1308" y2="2015" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="792" y2="2015" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="343" y2="1757" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="85" y2="1308" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="85" y2="792" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="343" y2="343" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="792" y2="85" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="1308" y2="85" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="1757" y2="343" stroke="black"></line> | |
<line x1="1050" y1="1050" x2="2015" y2="792" stroke="black"></line> | |
</g> | |
<g id="major-keys"> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1050" y="175" font-size="125">C</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1487" y="293" font-size="125">G</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1807" y="613" font-size="125">D</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1925" y="1050" font-size="125">A</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1807" y="1487" font-size="125">E</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1487" y="1807" font-size="125">B</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1050" y="1862.5" font-size="125">F♯/</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1050" y="1987.5" font-size="125">Gb</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="613" y="1807" font-size="125">Db</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="293" y="1487" font-size="125">Ab</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="175" y="1050" font-size="125">Eb</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="293" y="613" font-size="125">Bb</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="613" y="293" font-size="125">F</text> | |
</g> | |
<g id="minor-keys"> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1050" y="425" font-size="90">Am</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1362" y="509" font-size="90">Em</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1591" y="738" font-size="90">Bm</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1675" y="1050" font-size="90">F♯m</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1591" y="1362" font-size="90">C♯m</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1362" y="1591" font-size="90">G♯m</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1050" y="1630" font-size="90">Ebm/</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1050" y="1720" font-size="90">D♯m</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="738" y="1591" font-size="90">Bbm</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="509" y="1362" font-size="90">Fm</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="425" y="1050" font-size="90">Cm</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="509" y="738" font-size="90">Gm</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="738" y="509" font-size="90">Dm</text> | |
</g> | |
<g id="7th-notes"> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1050" y="675" font-size="83">Bø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1237" y="726" font-size="83">F♯ø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1374" y="863" font-size="83">C♯ø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1425" y="1050" font-size="83">G♯ø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1374" y="1237" font-size="83">D♯ø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1237" y="1374" font-size="83">A♯ø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="1050" y="1425" font-size="83">Fø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="863" y="1374" font-size="83">Cø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="726" y="1237" font-size="83">Gø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="675" y="1050" font-size="83">Dø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="726" y="863" font-size="83">Aø</text> | |
<text style="font-family: Noto Serif JP,serif;" text-anchor="middle" | |
dominant-baseline="central" x="863" y="726" font-size="83">Eø</text> | |
</g> | |
</svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment