Change view of visual when a selection has been made.

Further to this, now I am set up with a clean environment (following the install instructions closely) and I still can't draw a d3 object to the canvas.

Here is my code which based on the started "Update Count" visual that works.

I'm just trying to see if I can draw a simply D3 graphic to the page.  I wonder if I'm creating the svg object ok, and adding a g and rect object to it, but missing the correct command to add it to the DOM.  

module powerbi.extensibility.visual {
    "use strict";
    export class Visual implements IVisual {
        private target: HTMLElement;
        private updateCount: number;
        private settings: VisualSettings;
        private textNode: Text;

        private svg: d3.Selection<SVGElement>;
        private g: d3.Selection<SVGElement>;
        private myrect: d3.Selection<SVGElement>;

        constructor(options: VisualConstructorOptions) {
            console.log('Visual constructor', options);
            this.target = options.element;
            this.updateCount = 0;
            if (typeof document !== "undefined") {
                const new_p: HTMLElement = document.createElement("p");
                new_p.appendChild(document.createTextNode("Update -- count:"));
                const new_em: HTMLElement = document.createElement("em");
                this.textNode = document.createTextNode(this.updateCount.toString());
                new_em.appendChild(this.textNode);
                new_p.appendChild(new_em);
                this.target.appendChild(new_p);
            }

            this.svg = d3.select(options.element).append('svg');
            this.g = this.svg.append('g');
            this.myrect = this.g.append('rect');
            this.myrect.attr("x", 10);
            this.myrect.attr("y", 10);
            this.myrect.attr("height", 50);
            this.myrect.attr("width", 50);
            this.myrect.attr("fill", "red");
            
        }