In a lot of factory sims/economy managers I was always annoyed that their encyclopedia and ingame info about goods rarely had a single chart to see how the resources related to each other.   
Now that I'm making my own turn-based industrial sim (called Carbon and Capital, still work in progress), i'm trying to solve that problem.  


My question is whether it's working.  
I've iterated through a couple of versions and ended up merging them together. For context, there's the base recipe available at game start (most goods have at least one recipe available at the start) and then unlockable ones.

So in the screenshot you can see the chart fully zoomed out + the state when a good is selected. You can see what inputs are needed and what that good feeds into as well.  
Using search just auto-focuses to that good.   
But once you select a good, if it has any alt recipes you can also view those. 

Does it solve the resource information problem?  
Let me know what you think. I really appreciate your feedback (I'm trying to make this better ahead of putting together a demo). Or is there a better way to illustrate the relationship between goods?  


PS - if you are interested in more details before the demo is ready feel free to join the [discord](https://discord.gg/VQnH95JcP). (not sure if this counts as self promo, happy to drop this if it is).  
AI disclosure: the icons for the goods are AI made and some of the building icons (the more complicated ones) are AI generated. They are all placeholders during dev and I'm planning to swap them out for real art later on.

How do you make a 50+good production web readable? Here's my attempt (turn-based economy sim about the energy transition)