#metabrainz

/

      • mayhem
        ok, big standard normalization.
      • 2023-06-26 17708, 2023

      • mayhem
        *bog
      • 2023-06-26 17738, 2023

      • mayhem
        that works well for linear data, but this data is not linear. and I think that is why the graph isn't very dynamic.
      • 2023-06-26 17711, 2023

      • arsh
        ok
      • 2023-06-26 17748, 2023

      • arsh
        You have any suggestions
      • 2023-06-26 17722, 2023

      • mayhem
        but I think for now you should move on to other things. I'll have a play later today or tomorrow -- this is a problem I need to solve for another project as well. one solution would be good for both.
      • 2023-06-26 17747, 2023

      • arsh
        Ok that's really helpful
      • 2023-06-26 17748, 2023

      • mayhem
        have you tried making the text bigger for a bigger bubble? and on two lines?
      • 2023-06-26 17719, 2023

      • arsh
        I have tried but there seems to be no easy way to do it
      • 2023-06-26 17728, 2023

      • arsh
        I can try looking up a bit more though
      • 2023-06-26 17745, 2023

      • arsh
        I did more work on the colors
      • 2023-06-26 17721, 2023

      • arsh
        And for the color scheme is it good or needs some changes
      • 2023-06-26 17704, 2023

      • arsh
        I did talk to aerozol: and he suggests we use a diverging pallete with one color from top track and another from top album
      • 2023-06-26 17725, 2023

      • mayhem
        do you know the size of the bubble in pixels?
      • 2023-06-26 17748, 2023

      • mayhem
        how do you specify the font for the bubbles?
      • 2023-06-26 17712, 2023

      • mayhem
      • 2023-06-26 17737, 2023

      • mayhem
        I slapped together a quick script that fetches similar artists and prints the score, its log2, log10, and sqrt().
      • 2023-06-26 17758, 2023

      • mayhem
        sqrt looks *great* if you ask me.
      • 2023-06-26 17722, 2023

      • mayhem
        you should normalize sqrt(score), rather than just score and I think things will look better.
      • 2023-06-26 17733, 2023

      • arsh
        It works great on larger numbers
      • 2023-06-26 17744, 2023

      • arsh
        For some artists the number are much smaller
      • 2023-06-26 17755, 2023

      • arsh
        and it is not pretty in that case
      • 2023-06-26 17718, 2023

      • arsh
        For example some artists have 3 digit score
      • 2023-06-26 17753, 2023

      • mayhem
      • 2023-06-26 17704, 2023

      • mayhem
        here is the data for blümchen, a much less played artist on LB.
      • 2023-06-26 17732, 2023

      • mayhem
        the sqrt has a nice spread. let me normalize it.
      • 2023-06-26 17729, 2023

      • arsh
        ok
      • 2023-06-26 17717, 2023

      • mayhem
      • 2023-06-26 17727, 2023

      • mayhem
        blümchen, normalized.
      • 2023-06-26 17704, 2023

      • mayhem
      • 2023-06-26 17711, 2023

      • mayhem
        portishead, normalized.
      • 2023-06-26 17744, 2023

      • arsh
        So basically what I am doing is just normalization right now
      • 2023-06-26 17747, 2023

      • arsh
        Right ?
      • 2023-06-26 17748, 2023

      • mayhem
        both of these have a decent spread between 0 - 1.
      • 2023-06-26 17705, 2023

      • mayhem
        correct. so normalize the sqrt() and everything should look better.
      • 2023-06-26 17724, 2023

      • arsh
        Ok I will try that
      • 2023-06-26 17722, 2023

      • arsh
        So I keep the scaling function as it is and use sqrt inside it instead of just score
      • 2023-06-26 17752, 2023

      • mayhem
        be careful. you need to calculate the maximum value.
      • 2023-06-26 17716, 2023

      • mayhem
        but the maximum value needs to be the sqrt(maxium).
      • 2023-06-26 17744, 2023

      • mayhem
        for working out the range of the numbers, don't do sqrt() more than once. sqrt() is *very* expensive.
      • 2023-06-26 17727, 2023

      • arsh
        So is it okay if I share the function and you can see what values I should in
      • 2023-06-26 17733, 2023

      • arsh
        I am a bit confused
      • 2023-06-26 17738, 2023

      • mayhem
        let me post my code.
      • 2023-06-26 17742, 2023

      • arsh
        Sure
      • 2023-06-26 17700, 2023

      • mayhem
      • 2023-06-26 17742, 2023

      • arsh
        Ok it's much clearer now thanks
      • 2023-06-26 17708, 2023

      • mayhem
        great. try it. I'll be around for a bit and we can see how it looks.
      • 2023-06-26 17733, 2023

      • arsh
        Sure I will let you know in a bit
      • 2023-06-26 17738, 2023

      • mayhem
        k
      • 2023-06-26 17738, 2023

      • arsh
        mayhem: And we should take the inverse of the sqrt(score) / hi right?
      • 2023-06-26 17700, 2023

      • arsh
        So hi / sqrt(score) in this case as the greater score should be closer
      • 2023-06-26 17714, 2023

      • mayhem
        yeah. just subtract from 1.0.
      • 2023-06-26 17731, 2023

      • arsh
        ok
      • 2023-06-26 17750, 2023

      • saturday7 joined the channel
      • 2023-06-26 17752, 2023

      • saturday7 has quit
      • 2023-06-26 17710, 2023

      • saturday7 joined the channel
      • 2023-06-26 17712, 2023

      • saturday7 has quit
      • 2023-06-26 17744, 2023

      • arsh
      • 2023-06-26 17751, 2023

      • arsh
        You can see the changes now
      • 2023-06-26 17752, 2023

      • mayhem
        feels much better, no?
      • 2023-06-26 17736, 2023

      • mayhem
        and the shades also dynamic now, or are there only three colors?
      • 2023-06-26 17748, 2023

      • arsh
        No only three colors
      • 2023-06-26 17720, 2023

      • mayhem
        would be nice to see if the improved scores would make the colors look better.
      • 2023-06-26 17731, 2023

      • arsh
        I guess this method is a bit faster as well
      • 2023-06-26 17755, 2023

      • arsh
        But the only thing is sometimes it becomes too large and exceeds the area
      • 2023-06-26 17727, 2023

      • arsh
        But I decreased the multiplier a bit
      • 2023-06-26 17746, 2023

      • arsh
        I am multiplying the computed values by 500
      • 2023-06-26 17748, 2023

      • mayhem
        and sometimes it is too small.
      • 2023-06-26 17711, 2023

      • arsh
        Yeah that too
      • 2023-06-26 17728, 2023

      • mayhem
        yeah, we will need to revisit that and make it more dynamic.
      • 2023-06-26 17740, 2023

      • arsh
        I feel the data is a bit all over the place and causing problems
      • 2023-06-26 17745, 2023

      • mayhem
        100 similar artists is all cut off.
      • 2023-06-26 17707, 2023

      • mayhem
        the data is all over that place and that is not going to improve.
      • 2023-06-26 17714, 2023

      • mayhem
        and the data problems we just took care of.
      • 2023-06-26 17723, 2023

      • mayhem
        what we have now is an overall scaling problem.
      • 2023-06-26 17751, 2023

      • arsh
        True
      • 2023-06-26 17752, 2023

      • mayhem
        and that is related to how they graph is drawn and doesn't depend on the data.
      • 2023-06-26 17744, 2023

      • arsh
        Yeah
      • 2023-06-26 17703, 2023

      • arsh
        Should the colors be based on the scores as well
      • 2023-06-26 17715, 2023

      • arsh
        Or should there be groups like it is now
      • 2023-06-26 17715, 2023

      • mayhem
        the normalized scores, yes.
      • 2023-06-26 17749, 2023

      • arsh
        Ok and use two colors
      • 2023-06-26 17706, 2023

      • arsh
      • 2023-06-26 17721, 2023

      • arsh
        This is the mockup aerozol: made
      • 2023-06-26 17750, 2023

      • mayhem
        yeah, two colors is right.
      • 2023-06-26 17745, 2023

      • arsh
        Ok I will try that as well but couldn't find an easy way to generate a divergent color pallete
      • 2023-06-26 17756, 2023

      • arsh
        There are some in built with nivo though
      • 2023-06-26 17717, 2023

      • arsh
        But in limited number
      • 2023-06-26 17742, 2023

      • mayhem
        you mean a gradient?
      • 2023-06-26 17708, 2023

      • arsh
      • 2023-06-26 17722, 2023

      • arsh
        If you see the divergent option on this
      • 2023-06-26 17739, 2023

      • mayhem
        why do you need a pallete generator?
      • 2023-06-26 17754, 2023

      • mayhem
        ah, i see.
      • 2023-06-26 17702, 2023

      • mayhem
        you're making it more complicated than it needs to be.
      • 2023-06-26 17723, 2023

      • mayhem
        here is the algorithm you can use:
      • 2023-06-26 17731, 2023

      • arsh
        Yeah I feel so but it was suggested by aerozol:
      • 2023-06-26 17743, 2023

      • arsh
        So wanted to get your thoughts as well
      • 2023-06-26 17715, 2023

      • mayhem
        hmm. ok, I guess we should really ask him.
      • 2023-06-26 17724, 2023

      • arsh
        Right now I use something similar to this, https://stackoverflow.com/questions/40619476/java…
      • 2023-06-26 17740, 2023

      • mayhem
        for me, at first glance, I would treat the gradient as a value from 0 - > 1.0
      • 2023-06-26 17754, 2023

      • mayhem
        if you want to pick the mid-point, ask for the color at .5
      • 2023-06-26 17729, 2023

      • arsh
        Yeah right now I generate shades in a order of 0.2
      • 2023-06-26 17740, 2023

      • arsh
        so 1 -> 0 in 5
      • 2023-06-26 17714, 2023

      • mayhem
        and then for each red, green, blue do: ((color2.red - color1.red) * index) + color1.red
      • 2023-06-26 17723, 2023

      • mayhem
        where index for the mid-point is .5
      • 2023-06-26 17745, 2023

      • mayhem
        then you have a smooth gradient between the two colors. and I think we should implement that and see how it looks.
      • 2023-06-26 17704, 2023

      • arsh
        ok so color1 and 2 are the nodes right ?
      • 2023-06-26 17712, 2023

      • arsh
        or the color of the nodes
      • 2023-06-26 17724, 2023

      • mayhem
        those are the two given colors from which we calculate all the others.
      • 2023-06-26 17737, 2023

      • arsh
        ok I see
      • 2023-06-26 17740, 2023

      • mayhem
        the root node will be color1. the outermost node will be color2
      • 2023-06-26 17753, 2023

      • mayhem
        all nodes inbetween will be a color inbetween
      • 2023-06-26 17716, 2023

      • arsh
        Understood
      • 2023-06-26 17731, 2023

      • arsh
        I believe that is a good way to go
      • 2023-06-26 17749, 2023

      • mayhem
        👍
      • 2023-06-26 17705, 2023

      • mayhem
        the results are looking good!
      • 2023-06-26 17705, 2023

      • arsh
        I will try that out and see how it goes
      • 2023-06-26 17721, 2023

      • mayhem
        before you finish work for the day, can you post an updated link for me?
      • 2023-06-26 17727, 2023

      • mayhem
        I'm off to bed now.
      • 2023-06-26 17742, 2023

      • arsh
        Sure will do
      • 2023-06-26 17752, 2023

      • arsh
        Appreciate your help
      • 2023-06-26 17757, 2023

      • arsh
        And good night
      • 2023-06-26 17714, 2023

      • mayhem
        np, thx
      • 2023-06-26 17749, 2023

      • aerozol
        mayhem: arsh: sorry, just catching up
      • 2023-06-26 17713, 2023

      • aerozol
        Was there a specific question for me? mayhem I tagged you in this a few days ago, here’s the mockup, if you have questions or feedback go for it https://usercontent.irccloud-cdn.com/file/KFkTWQO…
      • 2023-06-26 17757, 2023

      • aerozol
        That was the first pass, I didn’t get any feedback
      • 2023-06-26 17751, 2023

      • aerozol
        If it slowly changes gradients every time you click it should look very nice and dynamic. But if it’s too hard to implement then I can come up with something else
      • 2023-06-26 17741, 2023

      • mayhem
        yeah, sorry slipped off my plate today. will look in the morning
      • 2023-06-26 17734, 2023

      • mayhem
        does the palette change a tiny bit for each click? making a revolution around the hue circle?
      • 2023-06-26 17723, 2023

      • aerozol
        This example is based on an idea of arsh’s to use huesound to grab the colours from the two covers pictured. But if huesound doesn’t work/is too intensive then we can randomise it. Or go around the hue circle - but random could be fun, since the colours used aren’t overwhelming (they fade out to 20% on the outside, bg is 20% as well)
      • 2023-06-26 17722, 2023

      • aerozol
        Chat in the morning :)
      • 2023-06-26 17705, 2023

      • mayhem
        aerozol: have you seen the latest version? https://w7rshq-3000.csb.app/
      • 2023-06-26 17727, 2023

      • aerozol
        Yeah! Looking good imo!
      • 2023-06-26 17754, 2023

      • mayhem
        ok good. what sorts of things do you see that need to be fixed/implemented still?
      • 2023-06-26 17704, 2023

      • mayhem
        the text needs work, for sure.
      • 2023-06-26 17724, 2023

      • mayhem
        the overall size of it need to scale to take up 85% of the window
      • 2023-06-26 17756, 2023

      • aerozol
        A few things (comparing it to the mockup), do you mean colours specifically?
      • 2023-06-26 17715, 2023

      • mayhem
        I'm generally in favor of coming to a stopping point on the graph as soon as possible, since there are many other things to do still. we can come back later to do more tweaking if there is time.
      • 2023-06-26 17702, 2023

      • mayhem
        overall -- I get the idea you're shooting for for color. I think I will guide arsh to implement the walk around the hue circle for an initial version and then move on.
      • 2023-06-26 17737, 2023

      • aerozol
        Right, I don’t know your schedule. But without the gradient and the colours converging towards them it’s not like the mockup
      • 2023-06-26 17713, 2023

      • mayhem
        understood -- he is working on the gradient now.
      • 2023-06-26 17723, 2023

      • aerozol
        👌
      • 2023-06-26 17730, 2023

      • mayhem
        what do you mean by colors converging?
      • 2023-06-26 17750, 2023

      • mayhem
        or do you mean background gradient.
      • 2023-06-26 17707, 2023

      • mayhem
        I guess, yes, I have questions about the colors. :)
      • 2023-06-26 17750, 2023

      • mayhem
        in your mock-up the graph is more or less in circles, which is not how things are shaking out in the demo.
      • 2023-06-26 17703, 2023

      • mayhem
        which means assigning 4 colors is somewhat arbitrary.
      • 2023-06-26 17714, 2023

      • aerozol
        The circles are hue A (at %100) fading towards hue B (at %20) as it goes towards the outside. The background gradient is hue A and hue B both at 20%
      • 2023-06-26 17736, 2023

      • mayhem
        I've asked arsh to work on coloring the bubbles based on the distance between the innermost circle and the outermost circle.
      • 2023-06-26 17754, 2023

      • aerozol
        That’s ideal