Jekyll2026-02-07T19:31:00+01:00http://localhost:4000/feed.xmlms75Personal website.Markus SchnellConnecting the dots2024-04-16T00:00:00+02:002024-04-16T00:00:00+02:00http://localhost:4000/2024/04/16/connecting-the-dotsConnecting the dots

We often talk about the need to connect the dots. But what is a dot? A ‘dot’ is a singular event, fact or data point. You need them before you can connect the dots.

]]>Markus SchnellPing2023-10-22T00:00:00+02:002023-10-22T00:00:00+02:00http://localhost:4000/2023/10/22/pingPing

I haven’t written a post in some time and wanted to give a life sign - a ping. Puh. Wasn’t even that hard.

]]>Markus SchnellCircles interactive compare2023-10-05T00:00:00+02:002023-10-05T00:00:00+02:00http://localhost:4000/2023/10/05/circles-interactive-compareCircles interactive compare

Here are all version so far next to each other.


50%

50%

]]>Markus SchnellCircles interactive different2023-10-03T00:00:00+02:002023-10-03T00:00:00+02:00http://localhost:4000/2023/10/03/circles-interactive-differentCircles interactive different

This version of the interactive circles uses the first parameter (heaviness) to scale linear with the area of the black part. The second parameter distributes the area between the outer ring and the inner circle.


50%

50%

]]>Markus SchnellCircles interactive improved2023-09-30T00:00:00+02:002023-09-30T00:00:00+02:00http://localhost:4000/2023/09/30/circles-interactive-improvedCircles interactive improved

Today I have a small update to the interactive circle.


50%

50%

]]>Markus SchnellCircles interactive2023-09-29T00:00:00+02:002023-09-29T00:00:00+02:00http://localhost:4000/2023/09/29/circles-interactiveCircles interactive

Inspired by the interactive diagrams that Amit Patel uses on his Red Blob Games, as well as Bret Victor’s thoughts on explorable explanations, I decided to add some simple interactivity to the circles from my post earlier this week.

To help with the coding, I asked ChatGPT for help, which gave me a quick starting point.

This is an extremely simple implementation, but you can already play around with the sliders to find a pleasing set for the values.

]]>Markus SchnellCircles2023-09-26T00:00:00+02:002023-09-26T00:00:00+02:00http://localhost:4000/2023/09/26/circlesCircles

Visual exploration of a filled circle in a circle. The outer radius stays the same throughout.

We imagine a line from the center to the boundary of the enclosing circle. We mark two points on this line: The boundary between inner circle and the buffering space, and the boundary between buffering space and the outer circle. Let’s call them u and v.

0% ####.......## 100%
   ----u
   -----------v

We see that $0 <= u <= v <= 100%$.

The SVG code for this exploration was generated by the following code:

# circles.py

def c(x, y, r, u, v):
	dark  = '#000000'
	light = '#ffffff'

	string = f'<circle cx="{x}" cy="{y}" r="{int(r)}" fill = "{dark}" />\n'
	string = string + f'<circle cx="{x}" cy="{y}" r="{int(v * r)}" fill = "{light}" />\n'
	string = string + f'<circle cx="{x}" cy="{y}" r="{int(u * r)}" fill = "{dark}" />\n'
	return string

content = ""
y = 50
for v in [10, 30, 50, 70, 90]:
	x = 50
	for u in [10, 30, 50, 70, 90]:
		content = content + c(x, y, 40, (u / 100.0) * (v / 100.0), v / 100.0)
		content = content + "\n"
		x = x + 100
	y = y + 100

svg = f"""
<svg width="500" height="500">
{content}
</svg>
"""

print(svg)
]]>Markus SchnellUkulele chords table2023-09-25T00:00:00+02:002023-09-25T00:00:00+02:00http://localhost:4000/2023/09/25/ukulele-chords-table-extendedUkulele chords table

These are the basic shapes for chords on the Ukulele. The number code designates the fret on each string in the order G-C-e-a.

Chord Fingering Tones
C 0003 5RMR
Gm 0231 R5Rm
G 0232 R5RM
Em 0432 mRm5
Am 2000 Rm5R
F 2010 M5RM
A 2100 RM5R
Dm 2210 5Rm5
D 2220 5RM5

R - Root M - major 3 m - minor 3 5 - Fifth

]]>Markus SchnellUkulele chords table2023-09-24T00:00:00+02:002023-09-24T00:00:00+02:00http://localhost:4000/2023/09/24/ukulele-chords-tableUkulele chords table

These are the basic shapes for chords on the Ukulele. The number code designates the fret on each string in the order G-C-e-a.

Chord Fingering
C 0003
Gm 0231
G 0232
Em 0432
C 1103
Am 2000
F 2010
A 2100
F 2120
Dm 2210
D 2220
]]>Markus SchnellUkulele chord shapes2023-09-23T00:00:00+02:002023-09-23T00:00:00+02:00http://localhost:4000/2023/09/23/ukulele-chord-shapesUkulele chord shapes

These are the basic shapes for chords on the Ukulele. The number code designates the fret on each string in the order G-C-e-a.

The C chord

a -|---|---|-o-|---|
e o|---|---|---|---|
C o|---|---|---|---|
G o|---|---|---|---|

0003

The Gm chord

a -|-o-|---|---|---|
e -|---|---|-o-|---|
C -|---|-o-|---|---|
G o|---|---|---|---|

0231

The G chord

a -|---|-o-|---|---|
e -|---|---|-o-|---|
C -|---|-o-|---|---|
G o|---|---|---|---|

0232

The Em chord

a -|---|-o-|---|---|
e -|---|---|-o-|---|
C -|---|---|---|-o-|
G o|---|---|---|---|

0432

The C#m/D#m chord

a -|---|---|-o-|---|
e o|---|---|---|---|
C -|-o-|---|---|---|
G -|-o-|---|---|---|

1103

The Am chord

a o|---|---|---|---|
e o|---|---|---|---|
C o|---|---|---|---|
G -|---|-o-|---|---|

2000

The F chord

a o|---|---|---|---|
e -|-o-|---|---|---|
C o|---|---|---|---|
G -|---|-o-|---|---|

2010

The A chord

a o|---|---|---|---|
e o|---|---|---|---|
C -|-o-|---|---|---|
G -|---|-o-|---|---|

2100

The F#m/Gbm chord

a o|---|---|---|---|
e -|---|-o-|---|---|
C -|-o-|---|---|---|
G -|---|-o-|---|---|

2120

The Dm chord

a o|---|---|---|---|
e -|-o-|---|---|---|
C -|---|-o-|---|---|
G -|---|-o-|---|---|

2210

The D chord

a o|---|---|---|---|
e -|---|-o-|---|---|
C -|---|-o-|---|---|
G -|---|-o-|---|---|

2220

]]>Markus Schnell