5 ms·

Writing an ELF file by hand is something I did recently: https://github.com/avik-das/garlic/blob/master/recursive/elf-exploration/write-elf.rb https://github.co

by akdas 3y ago

Writing an ELF file by hand is something I did recently: https://github.com/avik-das/garlic/blob/master/recursive/elf-exploration/write-elf.rb https://github.com/avik-das/garlic/blob/master/recursive/elf... To explain the format to myself and others, I also created an interactive visualization for the bytes in the file. It helps me to click on a byte, see an explanation for it and see related bytes elsewhere in the file highlighted. https://scratchpad.avikdas.com/elf-explanation/elf-explanation.html https://scratchpad.avikdas.com/elf-explanation/elf-explanati...

raarts 3y ago
Wow. Cool! I’m a CS teacher and definitely going to use this. Thanks for your work! (Anyone aware of a Windows or Mac equivalent?)
- akdas 3y ago
  Thank you! My passion is teaching, and I created interactive visualizations for a CS theory class I taught: https://cstheory.avikdas.com/ https://cstheory.avikdas.com/ If you're interested in collaborating for your classes, reach out to avik at avikdas dot com
bruce343434 3y ago
That's an awesome interactive page! Did you write it by hand, or did you use some sort of generator/tool?
- sunk1st 3y ago
  I agree it’s very nice. I’d also like to know how it was done. Also if you click two bytes that are in the same caption group one after another then it bugs out.
  - akdas 3y ago
    Thanks for the feedback. I replied in a sibling comment about how I made it. For the bug, feel free to email me at avik at avikdas dot com if you'd like. The behavior I verified just now (for me) is that if you click one byte to highlight it, then clicking any other byte in the same group will remove the highlighting.
- akdas 3y ago
  I wrote it all by hand :) Lately, I've been using Svelte for interactive visualizations (see my post on using a tool called Astro with Svelte: https://avikdas.com/2023/12/30/interactive-demos-using-astro.html https://avikdas.com/2023/12/30/interactive-demos-using-astro... ). But this one is all hand-written JS!
  - matheusmoreira 3y ago
    You and your web site are huge inspirations for me.
    - akdas 3y ago
      Thank you! That means a lot to me
ddingus 3y ago
Wow! Very nice work. This is super educational resource. Again nice work.
cqqxo4zV46cp 3y ago
I’ve had such fun making interactive educational visualisations like this. My life’s work is going into an interactive simulation of the USB protocol. Unfortunately I’m yet to bang it out over a weekend.

by akdas 3y ago

raarts 3y ago

Wow. Cool! I’m a CS teacher and definitely going to use this. Thanks for your work! (Anyone aware of a Windows or Mac equivalent?)

akdas 3y ago
Thank you! My passion is teaching, and I created interactive visualizations for a CS theory class I taught: https://cstheory.avikdas.com/ https://cstheory.avikdas.com/ If you're interested in collaborating for your classes, reach out to avik at avikdas dot com

bruce343434 3y ago

That's an awesome interactive page! Did you write it by hand, or did you use some sort of generator/tool?

sunk1st 3y ago
I agree it’s very nice. I’d also like to know how it was done. Also if you click two bytes that are in the same caption group one after another then it bugs out.
- akdas 3y ago
  Thanks for the feedback. I replied in a sibling comment about how I made it. For the bug, feel free to email me at avik at avikdas dot com if you'd like. The behavior I verified just now (for me) is that if you click one byte to highlight it, then clicking any other byte in the same group will remove the highlighting.
akdas 3y ago
I wrote it all by hand :) Lately, I've been using Svelte for interactive visualizations (see my post on using a tool called Astro with Svelte: https://avikdas.com/2023/12/30/interactive-demos-using-astro.html https://avikdas.com/2023/12/30/interactive-demos-using-astro... ). But this one is all hand-written JS!
- matheusmoreira 3y ago
  You and your web site are huge inspirations for me.
  - akdas 3y ago
    Thank you! That means a lot to me

ddingus 3y ago

Wow! Very nice work. This is super educational resource. Again nice work.

cqqxo4zV46cp 3y ago

I’ve had such fun making interactive educational visualisations like this. My life’s work is going into an interactive simulation of the USB protocol. Unfortunately I’m yet to bang it out over a weekend.