# share-your-work

Daniel Garcia

10/29/2023, 6:03 AM
I’ve been working on a tool to get a high level view of an entire typescript codebase to help me understand/navigate it. It shows all the functions and interfaces. Every
is represented by a color, and the signature of a function is shown with these colors. I need some help with a better algorithm to transform the name of the
into to a color. e.g. the type
-> blue,
-> green, etc. The problem is that I’m not sure what I want the output to be, how should the color space be distributed? how should colors be clustered? I think I can copy what code editors use for
semantic highlighting
, but I haven’t been able to find an implementation of it. Does anyone have ideas on what I should search for? Happy to explain more, if it’s not clear. PS. Here is how a codebase currently looks. White rectangles are files, interfaces are shown on the top, and functions on the bottom


10/29/2023, 5:58 PM
Not sure if this is exactly what you are after but the sublime format has become pretty standard for defining highlighting:

Beni Cherniavsky-Paskin

11/05/2023, 8:46 AM hat a mathematically neat trick but covers just one piece of the it - choosing least-similar hues. For high level picture you probably care about the algorithm being stable and reproducible over time, i.e. using some hash of the name.

Daniel Garcia

11/11/2023, 5:58 PM
Thanks for the links