Show node label in BoltzmannWealthModelNetwork

[mauruscz]

Hi all,

I'm working on a network-based ABM, so I'm exploiting the (incredible) functionalities of Mesa's NetworkGrid.

However, I'm struggling a bit with understanding how to interact with d3.js visualization support, probably for my lack of experience.

For example, I modified the BoltzmannWealthModelNetwork server's portrayal["nodes"] as follows:

    portrayal["nodes"] = [
        {
            "id": node_id,
            "size": 3, 
            "color": "#007959",
            "label": node_id,
            "showLabels": True,
            "tooltip": node_id,
        }
        for (node_id, _) in G.nodes.data("agent")
    ]

The tooltip functionality works (i.e. when I move the mouse over the node it shows the label), but it does not show it by default. I tried to add other parameters controlling the label size etc., but none of them seems to do the trick (neither the showLabels one is working indeed.

Can you suggest me a solution and, in general, a place where I can find some references to which are the parameters I should use?

Thank you so much for your huge work and your help,

GM

[rht]

If you want a persistent tooltip, you have to fork Mesa and modify these lines:

mesa/mesa/visualization/templates/js/NetworkModule_d3.js

Lines 95 to 104 in 2e85667

	.on("mouseover", function (event, d) {
	tooltip.transition().duration(200).style("opacity", 0.9);
	tooltip
	.html(d.tooltip)
	.style("left", event.pageX + "px")
	.style("top", event.pageY + "px");
	})
	.on("mouseout", function () {
	tooltip.transition().duration(500).style("opacity", 0);
	});

to do what you need.