Hi James,

Let me answer your question in reverse order.

You can just take the test container that it comes with and strip away the other code. You will need to set some parameters like data and size etc, but essentially all you need is this:

  // Here we set our <code>viz</code> variable by instantiating the <code>vizuly.viz.corona</code> function.
    // All vizuly components require a parent DOM element at initialization so they know where to inject their display elements.
    viz = vizuly.viz.halo_cluster(document.getElementById("viz_container"));

    viz.data(data)
        .width(800).height(600)                     // Initial display size
        .haloKey(function (d) {
            return d.CMTE_ID; })                    // The property that determines each PAC
        .nodeKey(function (d) {
            return d.CAND_ID; })                    // The property that determines Candidate
        .nodeGroupKey(function (d) {
            return d.PTY; })                        // The property that determines candidate Par

As for your other question. The halo could support 20,000 nodes, but without a very large monitor it will probably look like a big ball of yarn 😉 Chances are you would want to optimize some of the mouse over transitions as well to speed things up.

I hope that helps.

– Tom

Sure! Ask away, and I will do my best to point you in the right direction. If you start hitting some performance issues, try removing the transition() statements and just use straight select() statements on the mouse events in the theme.

Tom