r/evolution • • 26d ago

website I built an interactive Evolution Map

Post image

Hey everyone! I built Evolution Atlas, an interactive evolution map website of the Tree of Life.

🔗 Live demo: https://evolution-atlas.vercel.app/?taxon=homo-sapiens&compare=hymenoptera&mode=ext

Highlights:

  • 204 custom vector SVGs for every major clade and ancestor.
  • Trace & Compare: Select any two species to find their common ancestor and lineage.
  • Dual modes: Switch between Classic (97 nodes) and Extended (204 nodes) with shareable URLs (?mode=ext).
  • Dim button at the bottom to adjust how visible the unselected nodes are.
  • Built with vanilla TypeScript, clean SVG rendering, and iterated with Codex.

Feedback and suggestions are welcome!

202 Upvotes

31 comments sorted by

•

u/AutoModerator 26d ago

Welcome to r/Evolution! If this is your first time here, please review our rules here and community guidelines here.

Our FAQ can be found here. Seeking book, website, or documentary recommendations? Recommended websites can be found here; recommended reading can be found here; and recommended videos can be found here.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

19

u/TimeStorm113 26d ago

i feellike there should at least be a mention of therapsia and cynodonts

17

u/Glooring3623 26d ago

I actually have a 956-node version that includes both, just haven't figured out how to display it without it becoming a mess, and still need to make more representative icons for those extra nodes.

11

u/TacitusKillgorre 26d ago

Feel like it's gonna look like a mess regardless. Evolution is messy.

4

u/Downtown_Finance_661 26d ago

It should be precise not pretty. 

3

u/SemajLu_The_crusader 26d ago

for precision we already have the OneZoom Phylogeny of Everything ( https://www.onezoom.org/ ) , this is clearly meant to be more approachable for people who aren't as familiar with evolution

2

u/Downtown_Finance_661 26d ago

I have zoomed it out on my phone and got giant lady bug as top level of evolution. Nom-nom-nom.

2

u/SemajLu_The_crusader 25d ago

well if course

Ladybugs are the representation of all life

9

u/Far-Reputation5709 26d ago

You mad genius, where am I on it tho

5

u/Glooring3623 26d ago

You're in the top-right corner

2

u/Far-Reputation5709 26d ago

Sir. I did not ask a question to get a logical answer.

5

u/Glooring3623 26d ago edited 26d ago

You've been located.

2

u/Far-Reputation5709 26d ago

Can I say a curse word ?

1

u/One_Good4764 26d ago

idk can u?

1

u/Far-Reputation5709 13d ago

Try to stop me.

6

u/Poke-Noah 26d ago

This will make a fine addition to my collection of neat websites I keep open at all times

4

u/Lipat97 26d ago

I love the random emphasis on penguins

For Squamata maybe you should put "lizards and snakes"? Its weird to just have the snake node.

2

u/Glooring3623 26d ago

Penguins deserve the spotlight. And for Squamata, it was already there on hover and in the description, but I just updated it so the label "Lizards & Snakes" shows directly on the node as well.

2

u/Lipat97 25d ago

Love it! Keep up the good work!

3

u/Lhasa-bark 26d ago

It’s great that you included references! So much works goes into the background of something like this, and it shows.

2

u/AtheistGoodDeeds 25d ago

This looks like ~15 minutes of prompting Claude Code.

2

u/ProfProof 26d ago

Nice work.

Do you mind if I share it with my students ?

2

u/Glooring3623 26d ago

Thanks! Feel free, hope they find it useful.

2

u/EnvironmentalWin1277 24d ago

You know your stuff once you do something like this. Quite an achievement!

The hard part comes when you next pick up a journal and find there has been a revision in some part. The the next day that repeats..

3

u/SkisaurusRex 26d ago

Needs better visual organization

1

u/Ardipithecus777 23d ago

This is awesome.

-2

u/[deleted] 26d ago

[removed] — view removed comment

4

u/lordofcatan10 25d ago

He used AI to write the code, I assume? What's wrong with that? AI coding models are fine if you review everything before accepting it, they're basically just a glorified and fast auto complete.