I made a zoomable number line :slightly_smiling_fa...
# share-your-work
e
❤️ 11
🍭 1
🍰 5
k
Now I want to see what you do with 2 dimensions. Like say for https://akkartik.itch.io/carousel/devlog/678890/new-version-after-51-days
❤️ 2
🍭 1
e
Wow cool. I need to look at your stuff more @Kartik Agaram. I looked around a bit and thought your post about all 1d cellular automata on a canvas was especially cool. I made a 2D equation plotter with padding, zooming, and constraint nudging here: https://observablehq.com/d/67402a1c3d280238 I will have to add a zooming x and y axis to it!
❤️ 1
j
This is great. Fun alternative: rather than showing decimal expansions, show fractions with all possible denominators up to a certain value, with that value increasing as you zoom in. (Like a https://en.wikipedia.org/wiki/Farey_sequence.) You might be able to see, e.g., how it’s particularly hard to find fractions near ϕ.
❤️ 1
e
Oh beautiful @Joshua Horowitz. I thought about something like this while designing what numbers to show at each zoom level, line but didn't know it has a name! Farey sequence! I love the idea of visualizing that phi is hella irrational.
A bit related: I also want to somehow visualize that real numbers are limits of (Cauchy) sequences of rationals. I can do an animation of infinite zoom that avoids all rational ticks, but I'd like to find a way to do it in a "projective" way i.e. without animation.
j
Hmm if you just want to show how real numbers are limits of sequences of rationals, you could do something like highlighting the ticks that represent truncations of pi as you zoom in. But maybe I don’t get what you’re saying yet.
e
This is overly complex because it is for the surreal numbers and too much of a manual illustration, but I'm thinking of something very roughly like this https://en.m.wikipedia.org/wiki/Surreal_number#/media/File%3ASurreal_number_tree.svg
or this
❤️ 2
a
this is sweet!! snap-to-smallest-visible-marker would be nice
❤️ 2
e
Thanks @Arvind Thyagarajan! Good idea, I could add "press shift to snap" or something.
🎸 1
r
I wish I had more to say, but these are so cool! Keep up the great work!
❤️ 1
j
I don’t get it yet (why is that branching off when it just fits into the original number line?) but you should go for it and show me.
k
A nice variant for numericists would be to show floating point numbers, whose density is high around zero and then decreases.
i
I was wondering too how this might help visualize the format for IEEE-754 floating point numbers.
c
The adventure game Heaven's Vault keeps a timeline of everything you do and learn in the game. It is about (space) archeology and uncovering the language of an ancient civilisation. You also uncover specific stories (a love-triangle murder etc) that happened over a few months, but 10,000yrs ago.
The timeline is therefore smoothly zoomable and understandable from a high level history view (split into eras, covering 1000s of years), right down to what your character was doing in the last few minutes

https://www.youtube.com/watch?v=PTvjqEmiuG8

😮 1
❤️ 1
This kind of conceptual chunking is really important for building a mental map of a large amount of information. There's something similar in Learnable Programming https://worrydream.com/LearnableProgramming/ - the bit around "The example above only loops twenty times. Is it possible to understand a loop with, say, thousands of iterations, without drowning in thousands of numbers?"
k
I'm curious what y'all think of this "slide rule from a parallel universe". Particularly from a standpoint of visual design. It consists of an optical sight for reading out data (the vertical red line in the center with a gap in the middle). Below the sight are queued up increasingly precise approximations of pi along number lines with increasing levels of zoom. As you pan downward, number lines above the sight adjust so that the value of pi in the sight is always in the center of the window. It's a little strange that approximations below the sight never move.
❤️ 1
c
Why do the approximations below not move? I watched the video before I read the description and assumed the user was using arrow keys to adjust value (left/right) and adjust accuracy/scale (up/down)
k
Yeah I only use the y coordinate of the mouse. The constraint is the bubbles are always centered. The bubbles are approximations of pi on each line. As we go down, lines above adjust their approximations based on lines below. But yeah, an alternative would be to let the bubbles move left and right, and to always show the same number vertically centered in all lines.
👀 1
Here's that alternative. As before there's no ability to pan left and right, that's all automatic based on the zoom level within the sight.
❤️ 2
e
These stacked number line explorations are cool @Kartik Agaram. I like the idea of "exploding" the zoom levels into stacked lines. It took me a little bit of time to get oriented with all the motion happening. its interesting to see each zoom level's vertically decreasing effect on the lines above it.
❤️ 1