Video wird geladen...
Video konnte nicht geladen werden
Fun interactive science app ideas | Part 3 Played around with generating 3D biological structures and made an app to explore them interactively UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓
2,606,615 Aufrufe • vor 4 Monaten •via X (Twitter)
68 Kommentare

Don't know enough about these to say how accurate the 3D models are, but from what I can tell, at least the main structures are there. Tried both Tripo and Hunyuan3D. Tripo seems to give better results overall.

here is the fist part of the series

second part

Interactive map UI that I built recently

I have another series where I try to implement algorithms related robotics using AI tools

@srikosuri You can get real neuron models at

@srikosuri thanks Amy. will check it out and will probably use it in a future demo

@jreuben1 Looks incredible. This is the kind of thing a textbook publisher would have spent hundreds of thousands of dollar on a few years ago. Great work.

@jreuben1 thanks! yeah one of my goals is to convince people now you no longer need a huge budget to make awesome things like this

I love it! I’m learning biology at night with a custom skills.md that uses AskUserQuestion to quizz me and it shows me ASCII which sucks compared to what you have. I prefer to see a white cell the way you present it

thanks! that's awesome, I'm also learning quite a lot just by making these demos!

This is so interesting, I copied and pulled it, and I'm creating a new module.

awesome!

🔥🔥🔥

🫡

I gotta follow this one

thanks!

I tried to make 3D sites all day. Basically did most of the rest of what you can do with AI but I am genuinely stumped.

ok kinda want to spend my life building educational shit like this

Wow, the results are fantastic! It can be used as a great tool for teaching assistance.

So cool. Any chance you think it's possible to build an interactive world map in this style?

thanks!, I was trying to do something similar a couple of months ago, but I couldn't find a good data source. In the ones I did find, the height data seemed off or nonexistent in some areas, so it didn't look smooth. I'll probably give it another try

same here - tried using mapbox but wasn't able to get it working. would be sick if possible though!

Now make it happen local! Also, mix it up with Anki, and you have yourself the best interactive study method to power through 300+ pages per day of learning and maintaining knowledge.

this is so tasteful, i can't put words on how well it has been done! 👏

thanks Maziyar

Is there a blog post about these or something to educate us? Thanks! 🙏🏻

will create some tutorials

❤️❤️❤️ I would also love to read your perspective on it, besides instructions to reproduce these masterpieces. 🤓🤓🤓

wow that's incredible! Did you fact check everything? I find when i try things like this there are a lot of factual errors that need to be checked and fixed

Thanks! The focus of this series is more to inspire people working in these fields to build cool interactive things, so I don't spend too much time fact-checking every detai 🙂

yeah I get you, I post stuff that has some slop errors in it too because its not always the point to be perfectly accurate but I do have concerns about spreading misinformation if anyone were to try and rely on the data

@DilumSanjaya 💪 I would love to learn on a model like this, but only if it is accurate data.

@DilumSanjaya they still have very high error rates, even for simple requests. I would fact check everything if you can

But I've been reliably informed here on X that nobody uses Gemini for coding 😂

haha, Claude and Codex are better, but you can make amazing apps with Gemini too. I'd like to encourage people in science and engineering fields to make things like this with my posts. For them, Gemini might have the most generous free tier. So I try to do my demos with Gemini.

Totally, I use them all for different things. Seems to me like they are all about on par in different ways but some excel at some things. I'm more noticing that the harness matters a lot too, not just the model. Gemini CLI is better at some things vs Gemini antigravity vs Gemini web. Same with Claude code, I like it best through Cursor, not the CLI. But I'm also not vibe coding very much.

THIS IS FREAKING AMAZING. We need more websites like this for learning!!!!

thanks

واضيف لما ذكرت كل هذا واكثر موجود بمنصة عين الاثرائية مجانا وبدون تسجيل دخول. أبدعت فيه وزارة التعليم السعودية I add that all this and more are available on the Ain Enrichment Platform for free and without logging in. The Saudi Ministry of Education was creative in it

Maybe you could find this interesting @silvirouskin

Today's @AIpocrates column by @BonellPatinoE is aligned with this fun and useful application of generative AI to understand molecular and structural biology

Wow, love this series you've been building! It could be a a beautiful educational experience — making complex biology feel interactive and fun. 💛

thanks Yan

Is the code somewhere available? I would love to si how it is done

Wow, this is cool, may i know the website url? Or just develop on local?

thanks

one of your coolest series imo fun to dream up a world where we can learn through a dynamic canvas that opens up wherever you're curious

thanks!

تم نشر حسابكم لتعم الفائدة على الجميع أعمال رائعة وتصاميم رقمية جاذبة يستحق ان يشاد به 🟥🟩 🟨🟦 | ذكاء اصطناعي تمثيل الدروس بنماذج تفاعلية ثلاثية الأبعاد من خلال أدوات الذكاء الاصطناعي يسهم كثيرا في استيعاب المادة واكتساب الفهم العميق مع المتعة البصرية الفائقة.. المصدر: هذا الحساب الرائع على منصة X : ____________________ 📢 قناة فريق مايكروسوفت الإبداعي للتحول الرقمي لمتابعة كل جديد في التقنية والذكاء الاصطناعي والفرص والبرامج التدريبية:

Oh my god!! Let me check if I can do something like that for languages!

awesome!

For languages this might need a bit more of creativity on my part. That being said, once I nail the UI stuff, the possibilities are endless

what is the prompt you used to generate those? :)

Interactive 3D is what makes science apps click for me. Makes me want to poke around.

You giving gpt images references or design direction? Or just rawdogging it?

Sometimes I do use reference images, but for this one it was all text prompts. I usually give it a list of things I want in the UI, like - a 3D view of a cell - how it looks under a microscope - where it can be found in nature Then I ask it to generate different UI concepts. It usually takes quite a few generations before I get something I really like, and then I keep refining that direction.

I wish i had this when i was trying to study biology at school

thanks Sofiia!

Is @claudeai capable of doing this?

@claudeai The tool doesn't really matter that much. As long as you have a cool idea, you can build a lot with most of the AI coding tools 😉

@claudeai Thanks Dilum

absolutely incredible! pure inspiration!

how to generate such good look 3d model?

@afikanyati

@sage_teacher @normonics

omg so beautiful

thanks

