color by residues

[hainm]

related to #491

Just demo.

[hainm]

import nglview as nv

view = nv.demo()
view

# use hex values for now.
colors = ['0x0000FF', '0xFF0000'] * 1000 # for 2000 residues.
view._set_color_by_residue(colors, component_index=0, repr_index=0)

[hainm]

[arose]

nice, looks good!

[hainm]

@arose seems not working properly. I got black if not using red/green/blue colors.

What should I update here?

    setColorByResidue: function(colors, component_index, repr_index){
        var repr = this.stage.compList[component_index].reprList[repr_index];
        var schemeId = NGL.ColorMakerRegistry.addScheme(function(params){
            this.atomColor = function(atom){
                 var color = colors[atom.residueIndex];
                 return color
            };
        });
        repr.setColor(schemeId);
    },

[arose]

The colors array has to be a list of integers: [ 0xedd1cb, 0xedd1cb, 0xedd1ca, 0xedd0ca ]

[hainm]

I see. This is the output from seaborn

import seaborn as sns

colors = sns.cubehelix_palette(400).as_hex()
colors[:4]
['#edd1cb', '#edd1cb', '#edd0ca', '#edd0ca']

[hainm]

replace '#' by '0x'.

colors = [c.replace('#', '0x') for c in sns.cubehelix_palette(400).as_hex()]

[arose]

no, that are still strings 0xFF00FF is the way to write integers as hex numbers in Python (not, no quotes).

[hainm]

but it (string) actually 'works' :D I guess this happen since python list will be serialized before being sent to JS.

[arose]

:-)

[surgebiswas]

I copied and pasted the demo code exactly as is above and it does not work. The protein remains blue for me. Has there been any updates to the source code since the discussion above?

[hainm]

@surgebiswas which version you are using? If you are using the version after this commit, can you open a new issue to keep track? thanks.