I’ve been working on a tool to get a high level vi...
# share-your-work
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
Not sure if this is exactly what you are after but the sublime format has become pretty standard for defining highlighting: http://www.sublimetext.com/docs/syntax.html
https://blog.brownplt.org/2018/06/11/philogenic-colors.html 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.
Thanks for the links