Visualizing LinkedLists in Java

[mcg10]

I am currently working on setting up the visualizer for myself in Java and am just having a bit of difficulty with cleaning up the visual aspects of it. I am working with this simple ListNode class:

public class ListNode {
    int info;
    ListNode next;
    ListNode(int x){
        info = x;
    }
    ListNode(int x, ListNode node){
        info = x;
        next = node;
    }
}

I would like to view the info field as the label of each node as opposed to the memory address as is currently happening above. If I were working in JS, I would create a const visualize() to adjust the labeling, but I am a bit lost on how to resolve this in Java. What can I do to adjust the JSON that affects the labeling of this? Would I have to add a specific method to my ListNode class, or would it involve adjusting the JSON from a case-to-case basis. Thank you so much for taking the time to read this!

[hediet]

I'm quite sure the 20 in ListNode@20 is not the memory address.

Did you check out this example? You can tweak visualize function.

[mcg10]

I'm quite sure the 20 in ListNode@20 is not the memory address.

Did you check out this example? You can tweak visualize function.

Thanks for the quick response! I did check out the demo yesterday and was still experiencing a similar issue with extraneous elements showing in the visualization. I printed out the results of list.visualize() after appending all 4 elements to the list and got the expected result:

{"nodes":[{"id":"hediet.de/0","label":"list"},{"id":"1"},{"id":"2"},{"id":"3"},{"id":"4"}],"edges":[{"from":"hediet.de/0","to":"1","label":"next"},{"from":"1","to":"2","label":"next"},{"from":"2","to":"3","label":"next"},{"from":"3","to":"4","label":"next"}],"kind":{"graph":true}}

However, I think I'll need to manipulate something in GraphData to prevent the extra fields. Unless you notice any glowering issues with the way I have used the visualizer, I will investigate how the JSON is being sent to the visualization source and see if I can alter anything there.

[hediet]

You cannot just visualize list here, you must enter list.visualize()!

Btw. you can also use the playground:
https://hediet.github.io/visualization/?darkTheme=1&state=XQAAAAIvAwAAAAAAAABBKQlHM6T2Wc8XVwEhzaxe6E0Rs2k_lhdt3Y6bGxV4tJypbKTlXRlIXwqQzzLuz6wPqj-1otBEUUwyY-paGyrcHLk0me9_M7oiRIW0BvqAaMpPxOG3LuwH77FPfe_GnG9A0hmiBeh8UYRp_gf-8MxiJI-En74ym3FckGcBU-TDZ_ptakLK7mIXAl7j0WIOePPe4MhV6BqmV44MCEx4xxdutBLvi4fy0BT1afan_6SGGVMN_lQf_90AundefinedQA

[mcg10]

You cannot just visualize list here, you must enter list.visualize()!

Btw. you can also use the playground: https://hediet.github.io/visualization/?darkTheme=1&state=XQAAAAIvAwAAAAAAAABBKQlHM6T2Wc8XVwEhzaxe6E0Rs2k_lhdt3Y6bGxV4tJypbKTlXRlIXwqQzzLuz6wPqj-1otBEUUwyY-paGyrcHLk0me9_M7oiRIW0BvqAaMpPxOG3LuwH77FPfe_GnG9A0hmiBeh8UYRp_gf-8MxiJI-En74ym3FckGcBU-TDZ_ptakLK7mIXAl7j0WIOePPe4MhV6BqmV44MCEx4xxdutBLvi4fy0BT1afan_6SGGVMN_lQf_90AundefinedQA

I was using list instead of list.visualize() because it didn't seem to be parsing the JSON correctly. Someone in a previous issue dealt with the same problem specifically in Java but not in Python or C. Thanks for sharing the playground!

[hediet]

You are right, this is a regression. Possibly caused by an update of the java extension.

Feel free to debug this extension and file a PR, it should be straight forward.

[mcg10]

Sounds good! I appreciate the sanity check for all of this. I won't be getting to this immediately, but as soon as I resolve it locally, I'll send a PR right away